/* antd 样式覆盖 */ a { transition: none !important; } a:focus { text-decoration: none !important; } html, body { -webkit-font-smoothing: antialiased; background-color: rgba(246, 246, 246, 1) !important; } body { font-family: -apple-system, BlinkMacSystemFont, Microsoft YaHei, Helvetica Neue, Helvetica, Hiragino Sans GB, Arial, sans-serif; } #__next { height: 100%; width: 100%; /* min-width: 1248px; */ } .ant-message { z-index: 2001; } /* 样式覆盖, 使用modal时添加*/ /* hack: 强制覆盖 */ .xm-modal .ant-modal-title { text-align: center; font-size: 18px; line-height: 25px; position: relative; top: 18px; } .xm-modal .ant-modal-header { border-bottom-color: transparent; } .xm-modal .ant-modal-body { padding-top: 16px; padding-bottom: 16px; } .xm-modal .ant-modal-footer { border-top-color: transparent; padding-top: 24px; padding-bottom: 24px; text-align: center; } .xm-modal .ant-modal-footer .ant-btn { padding: 0 34px; height: 36px; } .xm-modal .ant-modal-footer button + button { margin-left: 24px; } .xm-modal .ant-modal-close-x { width: 48px; height: 48px; line-height: 48px; } .xm-align-center { display: inline-flex; align-items: center; } .ieNotify .ant-notification-notice-close { color: #ffffff; right: 7px; top: 1px; } .com-select .ant-select-selection { border-radius: 14px; } .com-select.ant-select-open .ant-select-selection, .com-select .ant-select-selection:hover, .com-select .ant-select-dropdown-menu-item-selected { color: #ff9900; } .com-select.ant-select-open .ant-select-selection, .com-select .ant-select-selection:hover, .com-select.ant-select-focused .ant-select-selection, .com-select .ant-select-selection:active { border-color: #ff9900; } .com-select .ant-select-selection:active, .com-select.ant-select-open .ant-select-selection, .com-select.ant-select-focused .ant-select-selection { box-shadow: none; } .com-select .ant-select-dropdown-menu-item:hover { background-color: #ff9900; } .com-select .ant-select-selection--single { height: 28px; } .com-select .ant-select-selection__rendered { line-height: 26px; } .com-select-dropdown .ant-select-dropdown-menu-item:hover { background-color: transparent; color: #ff9900; } .com-select-dropdown .ant-select-dropdown-menu-item-selected { color: #ff9900; background: transparent; } .ant-dropdown:before { z-index: -9999; } /* stylelint-disable */ /*颜色*/ /* 顶部导航高度 */ /* 主导航高度 */ .xiaoma__3Eq2i { margin-bottom: 0; } .layout__1F6d3 { min-width: 1248px; padding: 0 32px; margin: auto; } .common-header__yMVtO { position: relative; z-index: 20; width: 100%; background: transparent; } .common-header__yMVtO .top-nav__DgooP { min-width: 1248px; padding: 0 32px; margin: auto; background: rgba(0, 0, 0, 0.16); color: #666666; display: flex; align-items: center; top: 0; left: 0; right: 0; z-index: 101; } .top-right-welcome__LWFgJ { font-size: 12px; color: #999; } .top-right-welcome__LWFgJ.gray9__1BeNR { color: #999; } .top-right-nickname__3sxjU { font-style: normal; font-weight: bold; } .top-nav-tabs__2GZFD { flex: 1; padding: 0; margin: 0; } .top-nav-tab__2IfWu { display: inline-flex; } .top-nav-tab__2IfWu a { height: 36px; line-height: 36px; margin: 0 64px 0 0; display: block; font-size: 12px; color: #999; } .top-nav-tab__2IfWu a:hover { color: #999; font-weight: bold; } .fake-header__12aPc { position: absolute; width: 100%; } .sticky__2DrSt { position: absolute; } .header-fixed__27nUG .header-inner__1Y9mD { background: #ffffff !important; box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.15); } .header-fixed__27nUG .header-inner__1Y9mD .main-logo__11lFz { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTY0cHgiIGhlaWdodD0iMjhweCIgdmlld0JveD0iMCAwIDE2NCAyOCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTcgKDgzMDc3KSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT7npL7ljLpsb2dvLeminOiJsjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPgogICAgICAgIDxwb2x5Z29uIGlkPSJwYXRoLTEiIHBvaW50cz0iMCAyOCAxNjMuOTM1NjkxIDI4IDE2My45MzU2OTEgMC4wODQ5NDc2OTIzIDAgMC4wODQ5NDc2OTIzIj48L3BvbHlnb24+CiAgICA8L2RlZnM+CiAgICA8ZyBpZD0i6aaW6aG1IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0i6aaW6aG157uE5Lu25qC35byPIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjI3LjAwMDAwMCwgLTE0NTMuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSLlr7zoiKrlpIfku70tNyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTk1LjAwMDAwMCwgMTQzNS4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSLnvJbnu4QtNSI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9IuekvuWMumxvZ28t6aKc6ImyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzMi4wMDAwMDAsIDE4LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0i57yW57uEIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJGaWxsLTEiIGZpbGw9IiMwMEEwRTgiIHBvaW50cz0iMTIuODQzNDIyMSAxIDEyLjczMjExOTEgMjEuNjM2MDk4MSAxMC4xNjA2Nzg3IDIyLjk4MTYwNzYgMTAgMjUgMTkgMjQuNjYzNTE1OSAxNy45ODYzMDMgMS4xNjgxOTkzNiI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTQ0LDAuMzEyMjIyMDQgTDQ0LjMxMzI1OTgsNi40MjA2NDM2MiBMNDUuOTk3MzU3OSw2LjIyODg4NTg4IEw0NS4zMDM0NjQzLDE1LjQzMTc4ODIgTDU2LjY2ODI1OTQsMTUuMDY3NDU3MiBMNTYuNDk4MjY0NCwyMS4xMzA4NTU5IEw0Ny40MjY1NDc3LDIyLjk5Njc1NjMgTDUwLjA0NTk1NiwyOCBMNjAuMjU3ODAzNCwyNC4yNDU0NzE2IEw2MiwxMS41MzQ5MzIyIEw1OC4wNDUwMDA0LDExLjM0MzE3NDUgTDU4Ljc1NzQ0NSw0Ljc3NTYyMzIgTDU5LjQ0ODY0MDMsNC42OTY4MTE1NSBMNTkuNTIzMTgxOCwwIEw0NCwwLjMxMjIyMjA0IFogTTQ5LjYwNDc3ODMsMTAuOTMzOTkzNCBMNTAuMzk3NzUxNCw1LjcyNzY3MTQyIEw1My43OTU4ODIyLDUuMzQwNjEyODggTDUzLjAwMjE1MDIsMTEuMDk4Nzg5MiBMNDkuNjA0Nzc4MywxMC45MzM5OTM0IFoiIGlkPSJGaWxsLTIiIGZpbGw9IiMwMEEwRTgiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJGaWxsLTMiIGZpbGw9IiMwMEEwRTgiIHBvaW50cz0iODguNzQ2OTIyMiAxOS4wMzAwMzA4IDc5LjYzNDYwMjMgMTkuNzU5MjM2NCA3OS42OTgyNTE2IDE1LjQ0MjM2NyA4Ni40Njg0NjI0IDE0Ljg0NjA2MzMgODYuNzczNzA4OSAxMC44MjU5NzY1IDc5Ljc2NTg2ODQgMTAuODUzNDQ2OSA3OS44MzA1MzA3IDYuNDY3MzQ1MzUgODcuMTM5Mzk3MSA1Ljk2OTU0MTI3IDg3LjQ4MjU0NjIgMCA3MC4wMTc2NDYyIDAuMTU5MjU5NjUyIDY5LjQyMjI2MzQgMS4zMzIxODQzMSA2Ny4zMTcxMDg3IDEuMzQzNTY2MTIgNjYuNzI2Mjg0MyAwLjE4NzY3MTM2OSA2NCAwLjIxMDY5MTcwNSA2NC43Njc1OTA1IDcuNDkzMjQ3OTQgNjYuODE4MjEyOCA3LjM1MzU4NTUyIDY3LjQwNTA2OTcgOC4zMjc1NDI1OSA2OS41MDkyMTE0IDguMTc3ODY3NjIgNjkuOTQ0MTIwMyA3LjE0MDY2ODggNzMuMTU4NDEwOCA2LjkyMTc2MTY2IDczLjQxMTE1MSAxMC44Nzg0MzU1IDY2LjM2MTUyNDcgMTAuOTA1OTkxNCA2Ni42NjY3NzEzIDE2LjU5MDA0NjMgNzMuNzM2MTUwOCAxNS45Njc0NzAzIDc0LjAwNzEyNDcgMjAuMjA5NTQ1IDY0LjAyODUzMjUgMjEuMDA4MDY4MiA2NC4wNDY5MzUgMjUgODkgMjQuMzcyMzc0OSI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IkZpbGwtNCIgZmlsbD0iIzAwQTBFOCIgcG9pbnRzPSI1My41Nzc3MjQ0IDE2IDQzIDE2Ljc3NDk1NTUgNDMuMDUzMDAzNSAyMiA1NSAxOS4zODIzMDU2Ij48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iRmlsbC01IiBmaWxsPSIjMDBBMEU4IiBwb2ludHM9IjUuNjU5ODM4OTcgOS4yOTcxNjUgNi4wMDU4OTcyNSA5Ljk3ODAwMzYgNi4wMjM5NzQyNyAxMC4wMDcwNTU0IDYuMDIyMTU3OTIgMTAuMDA5OTYwNiA2LjIwODg5NjE5IDEwLjM3NzIxMDIgNC45ODQ1MDIwNCAxMi4yNDM4NzY4IDMuODE1MjkwMzggMTIuMTYyMzYwOCAwIDE4LjA4Njk3MjQgMy4yODUxNzUxMSAyMiA4LjExMzI5NzkgMTUuNjg4MTQ0MyA5LjA2NjE5MDY5IDE1LjgzNjgyMTQgMTAuNDQ1MzIwNyAxNC4wODI4NTg4IDEwLjA2NDE0NjMgMTMuMTM3NzMzOCAxMSAxMS45MTQzOTQ3IDYuNDk1NTMzODIgOCI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTQxLjE3MTQzODEsMTguNDQ4OTQxNSBDNDEuMDI4NjE2MSwxOC40OTgxMzU0IDQwLjc4ODE2ODgsMTguMTg0NzA3NyA0MC4zNTIwNDA3LDE3Ljg1MzcwNDYgQzM5LjY4NzYwNCwxNy4zNDk0NDYyIDM4Ljg1OTQyNTUsMTcuMDUwMTQ3NyAzNy45NjA4MjYsMTcuMDUwMTQ3NyBDMzcuMzcwOTQyNiwxNy4wNTAxNDc3IDM2LjgxMTcwNjksMTcuMTc5NTUwOCAzNi4zMDkwMzE4LDE3LjQxMDk2IEMzNi4wMTA0NzQzLDE3LjU0ODU0NzcgMzUuOTEzODgyMiwxNy43MTA2ODkyIDM1Ljc4MDcwMjIsMTcuNjA2MDEyMyBDMzUuNjUzNjM0NCwxNy41MDYxNiAzNS44MzExNTA0LDE3LjIzMzY1NTQgMzYuMDkyMDg2OSwxNi45NTMyMjQ2IEMzNi42NTM2NDcsMTYuMzQ5ODAzMSAzNy40NTM4NDY1LDE1Ljk3MjEwNDYgMzguMzQzMzIwNSwxNS45NzIxMDQ2IEMzOS40NjQyMDI0LDE1Ljk3MjEwNDYgNDAuNDQ1MTg5MywxNi41NzA5NiA0MC45ODQyODAxLDE3LjQ2NjQ0MzEgQzQxLjI2MzYzOTcsMTcuOTMwNDY3NyA0MS4zNDA4NjE3LDE4LjM5MDQ0MzEgNDEuMTcxNDM4MSwxOC40NDg5NDE1IE0zOC4yODQxNzcyLDEzLjc2NjkxMDggQzM1Ljk0OTA5MjcsMTMuNzY2OTEwOCAzNC4wNTY0MjA4LDE1LjY2MTA4OTIgMzQuMDU2NDIwOCwxNy45OTc5MjYyIEMzNC4wNTY0MjA4LDIwLjMzNDc2MzEgMzUuOTQ5MDkyNywyMi4yMjg4NTU0IDM4LjI4NDE3NzIsMjIuMjI4ODU1NCBDNDAuNjE5MzQ3OCwyMi4yMjg4NTU0IDQyLjUxMTkzMzYsMjAuMzM0NzYzMSA0Mi41MTE5MzM2LDE3Ljk5NzkyNjIgQzQyLjUxMTkzMzYsMTUuNjYxMDg5MiA0MC42MTkzNDc4LDEzLjc2NjkxMDggMzguMjg0MTc3MiwxMy43NjY5MTA4IiBpZD0iRmlsbC02IiBmaWxsPSIjRTU4ODE2Ij48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTM0LjA1NjQ0NjYsMTcuOTk3OTAwMyBDMzQuMDU2NDQ2NiwxNS45NTgyMDggMzUuNDk4NTI3NSwxNC4yNTY0OTcyIDM3LjQxODA1OTIsMTMuODU2NTcxMSBMMzkuODMxMDU0NSw5LjIwMDIxNDE1IEw0Mi44OTQxMDk2LDkuNTM5NjYwMzEgTDQyLjQ2MzQwNTEsMi4yNDk1ODAzMSBMMjkuMDM4OTA3NSwyLjk0MDI3NTY5IEwzMS4wODQwNDM1LDguMjMwNzI0OTIgTDMzLjcyNzI0MTQsOC41MjM2NDggTDI5LjUyOTE4NTcsMTguOTM0OTA5NSBMMjguMDEwNTcxNSwxOC44MjAyMzg4IEwyNy43MjA4ODEzLDIwLjEwMDM5ODggTDMyLjgzMzAzMjQsMjIuNDI5NDgxOCBMMzIuODkwMzY3OSwyMi4zMDcxNDM0IEwzMy4wMTAxMTgsMjIuMzYyMjgxOCBMMzQuNDAyOTU1OCwxOS42NzQ1NDAzIEMzNC4xODA4NDU2LDE5LjE2MDI4OCAzNC4wNTY0NDY2LDE4LjU5MzgyNjUgMzQuMDU2NDQ2NiwxNy45OTc5MDAzIiBpZD0iRmlsbC04IiBmaWxsPSIjMDBBMEU4Ij48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTI4LjE2OTIzNCwxNC45NDkyNzc1IEMyOC4wNDIwODAyLDE0Ljk5MzEyOTggMjcuODI4MDYyNCwxNC43MTQxNjM3IDI3LjQzOTg4NiwxNC40MTk1MTc1IEMyNi44NDgyODA3LDEzLjk3MDU2OTggMjYuMTExMDEyNSwxMy43MDQwOTYgMjUuMzExMDcxMywxMy43MDQwOTYgQzI0Ljc4NTkyNjksMTMuNzA0MDk2IDI0LjI4ODA3MjksMTMuODE5MTk3NSAyMy44NDA1ODEsMTQuMDI1MzYzNyBDMjMuNTc0ODIzNSwxNC4xNDc3MDIyIDIzLjQ4ODgyMDQsMTQuMjkyMTgyMiAyMy4zNzAxODk0LDE0LjE5ODk2MzcgQzIzLjI1NzA2ODEsMTQuMTEwMDUyOSAyMy40MTUxMjgsMTMuODY3NTI5OCAyMy42NDczOTY3LDEzLjYxNzg1NiBDMjQuMTQ3NDAzLDEzLjA4MDYwMDYgMjQuODU5NzkxNSwxMi43NDQzNDIyIDI1LjY1MTU1NDIsMTIuNzQ0MzQyMiBDMjYuNjQ5NDE0NiwxMi43NDQzNDIyIDI3LjUyMjcwMzgsMTMuMjc3NjM0NSAyOC4wMDI1NjUyLDE0LjA3NDcyOTggQzI4LjI1MTI3NzEsMTQuNDg3ODM3NSAyOC4zMjAwNjI0LDE0Ljg5NzI0MDYgMjguMTY5MjM0LDE0Ljk0OTI3NzUgTTI4LjI4MDgwNTcsMTIuMTgyOTYzNyBDMjYuOTc0NDg3NiwxMC43Mzc0NzQ1IDI0Ljc0NTAzNDUsMTAuNjI1NjQ2OCAyMy4zMDA3MTU0LDExLjkzMzAzMTQgQzIxLjg1NjQ4MjMsMTMuMjQwMzI5OCAyMS43NDQ3Mzg1LDE1LjQ3MTQ1NiAyMy4wNTEwNTY2LDE2LjkxNjg1OTEgQzI0LjM1NzM3NDcsMTguMzYyMDg5OCAyNi41ODY4Mjc3LDE4LjQ3NDAwMzcgMjguMDMxMDYwOCwxNy4xNjY2MTkxIEMyOS40NzUzNzk5LDE1Ljg1OTMyMDYgMjkuNTg3MTIzOCwxMy42MjgyODA2IDI4LjI4MDgwNTcsMTIuMTgyOTYzNyIgaWQ9IkZpbGwtMTAiIGZpbGw9IiM3RUJFMzQiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMjkuMDA1MTc3NywyNi4zODc5NzU0IEMyNy4xMzk3OTYxLDI1Ljg0MzA1MjMgMjUuNTc4OTk4MiwyNC43Mzg1NiAyNC40Mjk2MjA4LDIzLjI4ODc2MzEgQzI0LjIzODA3MjIsMjMuMDQ3MjczOCAyMy40NjYxMSwyMS45MzIyNzA4IDIzLjczMTYwOTIsMjEuNjkzOTY5MiBDMjMuOTczNzc4MywyMS40NzY1MTY5IDI0Ljg3NDQ0MzksMjIuMzI5Njk4NSAyNS4wNzM0ODIyLDIyLjQ5NzI2NzcgQzI2LjMyNzcxNjMsMjMuNTUzMTY5MiAyNy44MDE2NTAyLDI0LjM2NDQ4IDI5LjQ1NDU2MzYsMjQuODQ3MzcyMyBDMzEuMTA3NTYzLDI1LjMzMDI2NDYgMzIuNzg2MTMxLDI1LjQzOTkzODUgMzQuNDExMDY1NCwyNS4yMjUxNTY5IEMzNC42Njg5ODg4LDI1LjE5MTA0IDM1Ljg4NjcyMSwyNC45NTY4NzM4IDM1Ljk3NDAxNTUsMjUuMjcwNDczOCBDMzYuMDY5NzQ2OCwyNS42MTQ0IDM0LjgxOTU1ODgsMjYuMTM4NTYgMzQuNTI4MjMyOSwyNi4yMzkxMDE1IEMzMi43ODAwMTg3LDI2Ljg0MjI2NDYgMzAuODcwNTU5NCwyNi45MzI5ODQ2IDI5LjAwNTE3NzcsMjYuMzg3OTc1NCIgaWQ9IkZpbGwtMTIiIGZpbGw9IiNFNTg4MTYiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8bWFzayBpZD0ibWFzay0yIiBmaWxsPSJ3aGl0ZSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDx1c2UgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9tYXNrPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJDbGlwLTE1Ij48L2c+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IkZpbGwtMTQiIGZpbGw9IiMwMEEwRTgiIG1hc2s9InVybCgjbWFzay0yKSIgcG9pbnRzPSI5OC40MjIxMjQ5IDI1LjU0MDU2NjIgMTAwLjc4OTA2MiAyNS41NDA1NjYyIDEwMC43ODkwNjIgMC4wODQ5NDc2OTIzIDk4LjQyMjEyNDkgMC4wODQ5NDc2OTIzIj48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IkZpbGwtMTYiIGZpbGw9IiMwMEEwRTgiIG1hc2s9InVybCgjbWFzay0yKSIgcG9pbnRzPSIxMTkuNDE4OTExIDEyLjM3NDc1OTQgMTE4LjA3NjA5MiAxMy44NDc5OTAyIDExOC4yODgzMDIgMTguMzMwMTQ0IDEyMS41OTk1NTIgMTYuNjIwMjQ4NiI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJGaWxsLTE3IiBmaWxsPSIjMDBBMEU4IiBtYXNrPSJ1cmwoI21hc2stMikiIHBvaW50cz0iMTE4LjQ3ODI3NSAwLjgxNDMyNjE1NCAxMTEuMzk2MzE2IDIuMzY2NTYgMTExLjM5NjMxNiA0LjUwNDg5ODQ2IDExOC40NzgyNzUgNC41MDQ4OTg0NiI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJGaWxsLTE4IiBmaWxsPSIjMDBBMEU4IiBtYXNrPSJ1cmwoI21hc2stMikiIHBvaW50cz0iMTMwLjk2IDIwLjQ4MDc5MzggMTMwLjYxNDUyNCAxMi45MDM3MzU0IDEzNC4zMDkxMyAxMi45MDM3MzU0IDEzNC4zMDkxMyA4LjM5MzA2NDYyIDEzMC40MjE3NyA4LjY3NTQ3NjkyIDEzMC4wNjMyOTUgMC44MTQzNjkyMzEgMTI2Ljc5MDQ0IDAuODE0MzY5MjMxIDEyNi40NTI4ODQgOC45NjM2NjE1NCAxMjMuMDE4Nzg1IDkuMjEzMTYzMDggMTIyLjI0NDQxMiAxMi45MDM3MzU0IDEyNi4yODk2NTkgMTIuOTAzNzM1NCAxMjUuOTYyNjkyIDIwLjc5ODA5ODUgMTIxLjI3MzA2NyAyMS4wOTU3NiAxMTkuOTg1ODYxIDI1LjU0MDUyMzEgMTM3LjU4NzIzNiAyNS41NDA1MjMxIDEzNS43MTAwNiAyMC4xNzkyNTU0Ij48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IkZpbGwtMTkiIGZpbGw9IiMwMEEwRTgiIG1hc2s9InVybCgjbWFzay0yKSIgcG9pbnRzPSIxNDkuOTYzMTg0IDE5LjU1NTIzNDUgMTUzLjU3NjY5NCAxNi4yMDEwOTI5IDE1Ny4xODgzMSAxOS40Njk4NTYgMTYwLjU5MDcyOCAxNi4zMDU0MjUyIDE1Ni42Mjk2NzYgMTMuMzY3MzIwNiAxNjAuMTIyNjYxIDEwLjEyNTAwNjggMTU3LjQzNjY3NyA3LjAzMjUxNDQ2IDE1My4zNDk1MDQgMTAuOTM0MjQ5OCAxNDguMjM2MTQ4IDcuMTQxMzI2NzcgMTQ3LjI1NDkwMyAxMC40NzkyNzE0IDE1MC42MjgwNTEgMTMuNTMyMzA1MiAxNDYuOTM3NDA2IDE3LjA1NTQ4MDYiPjwvcG9seWdvbj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iRmlsbC0yMCIgZmlsbD0iIzAwQTBFOCIgbWFzaz0idXJsKCNtYXNrLTIpIiBwb2ludHM9IjExNi44OTE1MTIgMTMuMTQ5NzMwNSAxMjAuNDg3NjMyIDkuOTgzNDA0MzEgMTIwLjQ4ODQ5MyA5LjcwNzYyNTg1IDEyMC40ODg0OTMgOS43MDcxOTUwOCAxMjAuNDk2MzI3IDcuMDQ1NzMwNDYgMTIwLjQ4ODQ5MyA3LjA1MDQ2ODkyIDEyMC40ODg0OTMgNS40MTA2MTY2MiAxMDkuNDgyNTg2IDYuNjg1NTIxMjMgMTA5LjQ4MjU4NiA5LjcwNzYyNTg1IDExNi4xMTkyOTIgOS43MDc2MjU4NSAxMDkuNDkwMzM0IDEzLjczOTEwODkgMTA5LjQ5MDMzNCAxOS42NjYzMjEyIDExMy4zOTU5NDUgMTYuMjI3NDkwNSAxMTIuODI4MzU4IDI1LjU0MDU0ODkgMTE3LjQwNTEyMSAyNS41NDA1NDg5Ij48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IkZpbGwtMjEiIGZpbGw9IiMwMEEwRTgiIG1hc2s9InVybCgjbWFzay0yKSIgcG9pbnRzPSIxNjMuOTM1NjY2IDI1LjUzNjg2MTUgMTYyLjkwMzAyNSAyMS4yNTQ4NDMxIDE0NS4xMzAxNiAyMS45OTQ3MzIzIDE0NC40NDQzNzMgNC44MDg4NDkyMyAxNjIuNzkxMDIzIDQuNzQxNzM1MzggMTYzLjM0Mjg1NSAxLjI3ODI2NDYyIDE0NC4zMDM1MzEgMS4yNzgyNjQ2MiAxNDQuMjc3NzA0IDAuNjMxMjQ5MjMxIDE0MC42MDIzODMgMC42MzEyNDkyMzEgMTQwLjYwMjM4MyAyMi4xODMyMzY5IDEzOS42OTU2MDUgMjIuMjIwOTcyMyAxMzkuNjk1MzQ2IDI1LjUzNjg2MTUgMTQwLjYwMjM4MyAyNS41MzY4NjE1IDE0MC42MDIzODMgMjUuNTQwNTY2MiAxNDUuMjcxNjA1IDI1LjU0MDU2NjIgMTQ1LjI3MTQzMiAyNS41MzY4NjE1Ij48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==) no-repeat center; } .header-fixed__27nUG .header-inner__1Y9mD li { position: relative; } .header-fixed__27nUG .header-inner__1Y9mD li:after { content: ""; z-index: 1; position: absolute; left: 16px; right: 16px; bottom: 0; height: 2px; background: transparent; } .header-fixed__27nUG .header-inner__1Y9mD li.active { color: #ff9900; font-weight: normal; } .header-fixed__27nUG .header-inner__1Y9mD li.active:after { background: #ff9900; } .header-fixed__27nUG .header-inner__1Y9mD li.active .link__3LcHe { color: #ff9900; font-weight: normal; } .header-fixed__27nUG .header-inner__1Y9mD .main-nav__120BM .link__3LcHe { color: #666666; text-shadow: none; display: inline-block; } .header-fixed__27nUG .header-inner__1Y9mD .link__3LcHe.creation__2dSZY { color: #fff; } .header-fixed__27nUG .header-inner__1Y9mD .main-nav__120BM .main-link-wrap__7VwqL .link__3LcHe:hover { color: #ff9900; font-weight: normal; } .header-fixed__27nUG .header-inner__1Y9mD .main-nav__120BM .right__2MLGV > .link__3LcHe:hover { color: #ff9900; font-weight: normal; } .header-fixed__27nUG .header-inner__1Y9mD .no-avatar__3XTWP .link__3LcHe:hover { color: #ff9900; font-weight: normal; } .header-fixed__27nUG { display: block; visibility: visible; top: 0 !important; } .home-page-header-style__1pOei .header-inner__1Y9mD { width: 1365px !important; background: none !important; padding: 0 !important; min-width: 1088px !important; } .common-header__yMVtO .header-inner__1Y9mD { min-width: 1248px; padding: 0 32px; margin: auto; z-index: 200; left: 0; top: 36px; width: 100%; color: #fff; height: 64px; display: flex; background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(46, 46, 46, 0) 100%); align-items: center; transition: top 500ms; } .header-inner__1Y9mD .main-logo__11lFz { display: block; width: 170px; height: 32px; text-indent: -1000px; line-height: 32px; margin: 0 24px 0 0; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTY4cHgiIGhlaWdodD0iMzJweCIgdmlld0JveD0iMCAwIDE2OCAzMiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTcgKDgzMDc3KSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT7npL7ljLpsb2dvLeminOiJsjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPgogICAgICAgIDxwb2x5Z29uIGlkPSJwYXRoLTEiIHBvaW50cz0iMCAyNy45MTQxMTA0IDE2My41NTU0NzIgMjcuOTE0MTEwNCAxNjMuNTU1NDcyIDAuMDg0Njg3MTE2NiAwIDAuMDg0Njg3MTE2NiI+PC9wb2x5Z29uPgogICAgPC9kZWZzPgogICAgPGcgaWQ9IummlumhtSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Iummlumhtee7hOS7tuagt+W8jyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIyNS4wMDAwMDAsIC0xMDAxLjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0i5a+86IiqM+Wkh+S7vSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTk1LjAwMDAwMCwgOTg0LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9Iue8lue7hC0zIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0i56S+5Yy6bG9nby3popzoibLlpIfku70iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMyLjAwMDAwMCwgMTguMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSLnvJbnu4QiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0wLjAwMDAwMCwgMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJGaWxsLTEiIGZpbGw9IiNGRUZFRkUiIHBvaW50cz0iMTMuMDg1MjU4OSAwLjQ2MzcwMDYxMyAxMi45NzAzMzg3IDIxLjIyMjg2NjMgMTAuMzEzMzQ0OCAyMi41NzY0ODU5IDEwLjE0NzIzNDQgMjQuNjA2ODI5NCAxOS40NDY2Njk5IDI0LjI2ODQyNDUgMTguMzk5MjQ2NiAwLjYzMjkwMzA2NyI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTU5LjIzNzIzOCwwLjA4NTkzMjUxNTMgTDQzLjQyOTYwNjEsMC4zOTYyNTE1MzQgTDQzLjc0ODY4NTksNi40Njc0NDE3MiBMNDUuNDY0MDcyNCw2LjI3Njg1Mjc2IEw0NC43NTcyODcxLDE1LjQyMzY2MjYgTDU2LjMzMzIyNTgsMTUuMDYxNTUyMSBMNTYuMTYwMDcyNCwyMS4wODgwNzk4IEw0Ni45MTk4MTQ3LDIyLjk0MjUyMTUgTDQ5LjU4Nzg4ODMsMjcuOTE1MjY5OSBMNTkuOTg5NDU4OSwyNC4xODM2MjU4IEw2MS43NjQwMjMzLDExLjU1MDU1ODMgTDU3LjczNTU0NDgsMTEuMzU5OTY5MyBMNTguNDYxMjI1OCw0LjgzMjQ0Nzg1IEw1OS4xNjUyNjI2LDQuNzU0MTE2NTYgTDU5LjI0MTE4OSwwLjA4NTkzMjUxNTMgTDU5LjIzNzIzOCwwLjA4NTkzMjUxNTMgWiBNNDkuMTM4NTE0MSwxMC45NTMyODIyIEw0OS45NDYyMTk2LDUuNzc4NjkzMjUgTDUzLjQwNzU2OTMsNS4zOTM5OTM4NyBMNTIuNTk5MDA0OSwxMS4xMTY5ODc3IEw0OS4xMzg1MTQxLDEwLjk1MzI4MjIgWiIgaWQ9IkZpbGwtMiIgZmlsbD0iI0ZFRkVGRSI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IkZpbGwtMyIgZmlsbD0iI0ZFRkVGRSIgcG9pbnRzPSI4OS4yNjMwNDY2IDE5LjQ3MTcxNTMgNzkuOTkxNjExIDIwLjIwMzU4MDQgODAuMDU2MzcxOCAxNS44NzA5NjY5IDg2Ljk0NDgwMTIgMTUuMjcyNDg4MyA4Ny4yNTUzNzc5IDExLjIzNzczOTkgODAuMTI1MTY5MyAxMS4yNjUzMTA0IDgwLjE5MDk2MDcgNi44NjMyMTIyNyA4Ny42Mjc0NTE1IDYuMzYzNTkyNjQgODcuOTc2NTkyNiAwLjM3MjI3OTc1NSA3MC4yMDY3Mjc2IDAuNTMyMTIwMjQ1IDY5LjYwMDk0ODUgMS43MDkzMjI3IDY3LjQ1OTAzNDQgMS43MjA3NDYwMSA2Ni44NTc4MDc0IDAuNTYwNjM1NTgzIDY0LjA4NDAwMzcgMC41ODM3Mzk4NzcgNjQuODY0OTk3NSA3Ljg5Mjg1NjQ0IDY2Ljk1MTQyNyA3Ljc1MjY4NDY2IDY3LjU0ODUzMTMgOC43MzAxOTM4NyA2OS42ODk0MTQ3IDguNTc5OTczMDEgNzAuMTMxOTE3OCA3LjUzODk5MTQxIDczLjQwMjMzNSA3LjMxOTI4NTg5IDczLjY1OTQ4ODMgMTEuMjkwMzkwMiA2Ni40ODY3NjQ0IDExLjMxODA0NjYgNjYuNzk3MzQxMSAxNy4wMjI4MzE5IDczLjk5MDE2MzIgMTYuMzk3ODk5NCA3NC4yNjU4Njg3IDIwLjY1NTYxNzIgNjQuMTEzMDM0NCAyMS40NTcwNTI4IDY0LjEzMTc1ODMgMjUuNDYzNDU3NyA4OS41MjA1NDM2IDI0LjgzMzU0MzYiPjwvcG9seWdvbj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJGaWxsLTQiIGZpbGw9IiNGRUZFRkUiIHBvaW50cz0iNTMuNzI2NDI1OCAxNi4zNTEyMDk4IDQzLjAxMzQxOTYgMTcuMTIzNDQyOSA0My4wNjcxMDA2IDIyLjMyOTU1MzQgNTUuMTY2ODc5OCAxOS43MjEzNDQ4Ij48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iRmlsbC01IiBmaWxsPSIjRkVGRUZFIiBwb2ludHM9IjUuNjIwMzczMDEgOS4wODEzMjc2MSA1Ljk2NDAxNzE4IDkuNzY1Njk1NzEgNS45ODE4ODIyMSA5Ljc5NDg5ODE2IDUuOTgwMTY0NDIgOS43OTc4MTg0IDYuMTY1NiAxMC4xNjY5NzE4IDQuOTQ5NzQ3MjQgMTIuMDQzMzE1MyAzLjc4ODY5MjAyIDExLjk2MTM3NjcgMS43MTc3OTE0MWUtMDUgMTcuOTE2NzAxOCAzLjI2MjI3NDg1IDIxLjg1MDAxNDcgOC4wNTY3MTY1NiAxNS41MDU0MzggOS4wMDI5NjE5NiAxNS42NTQ4ODU5IDEwLjM3MjQ3MTIgMTMuODkxOTE2NiA5Ljk5Mzk1NTgzIDEyLjk0MTg5MiAxMC45MjMyODEgMTEuNzEyMTI1MiA2LjQ1MDIzODA0IDcuNzc3NDM4MDQiPjwvcG9seWdvbj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCAwLjAwMTIwMikiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik00MS4wNzU5NDg1LDE4LjM5MjMxNTMgQzQwLjkzMzQ1NzcsMTguNDQxNDQ0MiA0MC42OTM1NjgxLDE4LjEyODk3NzkgNDAuMjU4NDUxNSwxNy43OTg5MDQzIEMzOS41OTU1NTU4LDE3LjI5NjE5MjYgMzguNzY5Mjk4MiwxNi45OTc4MTIzIDM3Ljg3Mjc4MjgsMTYuOTk3ODEyMyBDMzcuMjg0MjY3NSwxNi45OTc4MTIzIDM2LjcyNjMyODgsMTcuMTI2ODE4NCAzNi4yMjQ4MTk2LDE3LjM1NzYwMzcgQzM1LjkyNjk1NDYsMTcuNDk0NjgzNCAzNS44MzA1ODY1LDE3LjY1NjMyNzYgMzUuNjk3NzE1MywxNy41NTE5NzE4IEMzNS41NzA5NDIzLDE3LjQ1MjUxMTcgMzUuNzQ4MDQ2NiwxNy4xODA3NTcxIDM2LjAwODM3NzksMTYuOTAxMTg2NSBDMzYuNTY4NjM1NiwxNi4yOTk2MTYgMzcuMzY2OTc5MSwxNS45MjMxNjIgMzguMjU0MzkwMiwxNS45MjMxNjIgQzM5LjM3MjY3MjQsMTUuOTIzMTYyIDQwLjM1MTM4NCwxNi41MjAwOTQ1IDQwLjg4OTIyNDUsMTcuNDEyODMwNyBDNDEuMTY3OTM2MiwxNy44NzU1MTc4IDQxLjI0NDk3OTEsMTguMzMzOTk2MyA0MS4wNzU5NDg1LDE4LjM5MjMxNTMgTTM4LjE5NTM4NCwxMy43MjQ3MzI1IEMzNS44NjU3MTUzLDEzLjcyNDczMjUgMzMuOTc3NDMzMSwxNS42MTMwMTQ3IDMzLjk3NzQzMzEsMTcuOTQyNjgzNCBDMzMuOTc3NDMzMSwyMC4yNzIzNTIxIDM1Ljg2NTcxNTMsMjIuMTYwNjM0NCAzOC4xOTUzODQsMjIuMTYwNjM0NCBDNDAuNTI1MTM4NywyMi4xNjA2MzQ0IDQyLjQxMzMzNSwyMC4yNzIzNTIxIDQyLjQxMzMzNSwxNy45NDI2ODM0IEM0Mi40MTMzMzUsMTUuNjEzMDE0NyA0MC41MjUxMzg3LDEzLjcyNDczMjUgMzguMTk1Mzg0LDEzLjcyNDczMjUiIGlkPSJGaWxsLTYiIGZpbGw9IiNGRUZFRkUiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMzMuOTc3NDU4OSwxNy45NDI2NTc3IEMzMy45Nzc0NTg5LDE1LjkwOTMwOCAzNS40MTYxOTUxLDE0LjIxMjgxNzIgMzcuMzMxMjc0OCwxMy44MTQwMzE5IEwzOS43Mzg2NzM2LDkuMTcxOTU4MjggTDQyLjc5NDYyNDUsOS41MTA0NDkwOCBMNDIuMzY0OTE5LDIuMjQyNjQ1NCBMMjguOTcxNTU3MSwyLjkzMTIyMjA5IEwzMS4wMTE5NDk3LDguMjA1NDQyOTQgTDMzLjY0OTAxNzIsOC40OTc1NTMzNyBMMjkuNDYwNjk4MiwxOC44NzY3OTI2IEwyNy45NDU2MDYxLDE4Ljc2MjQ3MzYgTDI3LjY1NjUwMTgsMjAuMDM4NzkyNiBMMzIuNzU2ODgyMiwyMi4zNjA3MzEzIEwzMi44MTQwODQ3LDIyLjIzODY4MjIgTDMyLjkzMzU1NzEsMjIuMjkzNzM3NCBMMzQuMzIzMTY0NCwxOS42MTQxNTQ2IEMzNC4xMDE1NjkzLDE5LjEwMTQ3OTggMzMuOTc3NDU4OSwxOC41MzY3NTU4IDMzLjk3NzQ1ODksMTcuOTQyNjU3NyIgaWQ9IkZpbGwtOCIgZmlsbD0iI0ZFRkVGRSI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yOC4xMDM5MDA2LDE0LjkwMzQ3MjQgQzI3Ljk3NzA0MTcsMTQuOTQ3MTkwMiAyNy43NjM1MjAyLDE0LjY2OTA3OTggMjcuMzc2MjQ0MiwxNC4zNzUyNTE1IEMyNi43ODYwMTEsMTMuOTI3NjgxIDI2LjA1MDQ1MjgsMTMuNjYyMDI0NSAyNS4yNTIzNjY5LDEzLjY2MjAyNDUgQzI0LjcyODQ0MDUsMTMuNjYyMDI0NSAyNC4yMzE3NDExLDEzLjc3Njc3MyAyMy43ODUyODcxLDEzLjk4MjM5MjYgQzIzLjUyMDE0NiwxNC4xMDQyNjk5IDIzLjQzNDM0MjMsMTQuMjQ4MzA2NyAyMy4zMTU5ODY1LDE0LjE1NTM3NDIgQzIzLjIwMzEyNzYsMTQuMDY2ODIyMSAyMy4zNjA4MjA5LDEzLjgyNDk1NzEgMjMuNTkyNTUwOSwxMy41NzYwNDkxIEMyNC4wOTEzOTc1LDEzLjA0MDQ0MTcgMjQuODAyMTMzNywxMi43MDUzMDA2IDI1LjU5MjA2MDEsMTIuNzA1MzAwNiBDMjYuNTg3NjA2MSwxMi43MDUzMDA2IDI3LjQ1ODg2OTksMTMuMjM2ODcxMiAyNy45Mzc2MTg0LDE0LjAzMTUyMTUgQzI4LjE4NTc1MzQsMTQuNDQzNDQ3OSAyOC4yNTQzNzkxLDE0Ljg1MTU5NTEgMjguMTAzOTAwNiwxNC45MDM0NzI0IE0yOC4yMTUyMTM1LDEyLjE0NTU1ODMgQzI2LjkxMTkyNTIsMTAuNzA0NTg5IDI0LjY4NzY0MjksMTAuNTkzMTA0MyAyMy4yNDY2NzM2LDExLjg5NjM5MjYgQzIxLjgwNTc5MDIsMTMuMTk5NjgxIDIxLjY5NDMwNTUsMTUuNDIzOTYzMiAyMi45OTc1OTM5LDE2Ljg2NDkzMjUgQzI0LjMwMDg4MjIsMTguMzA1ODE2IDI2LjUyNTE2NDQsMTguNDE3MzAwNiAyNy45NjYwNDc5LDE3LjExNDAxMjMgQzI5LjQwNzAxNzIsMTUuODEwNzIzOSAyOS41MTg1MDE4LDEzLjU4NjQ0MTcgMjguMjE1MjEzNSwxMi4xNDU1NTgzIiBpZD0iRmlsbC0xMCIgZmlsbD0iI0ZFRkVGRSI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yOC45Mzc5MDU1LDI2LjMwNzAzMDcgQzI3LjA3Njg1MDMsMjUuNzYzNjkzMyAyNS41MTk2NzI0LDI0LjY2MjY3NDggMjQuMzcyOTYwNywyMy4yMTc0MTEgQzI0LjE4MTg1NjQsMjIuOTc2NTc2NyAyMy40MTE2ODQ3LDIxLjg2NDk5MzkgMjMuNjc2NTY4MSwyMS42MjczMzc0IEMyMy45MTgxNzU1LDIxLjQxMDYzOCAyNC44MTY3NTIxLDIyLjI2MTExNjYgMjUuMDE1MzI4OCwyMi40MjgxNzE4IEMyNi4yNjY2NTQsMjMuNDgwOTIwMiAyNy43MzcxNjkzLDI0LjI4OTc0MjMgMjkuMzg2MjQ5MSwyNC43NzExNTM0IEMzMS4wMzU0MTQ3LDI1LjI1MjU2NDQgMzIuNzEwMDg5NiwyNS4zNjE5MDE4IDM0LjMzMTI1NTIsMjUuMTQ3Nzc5MSBDMzQuNTg4NTgwNCwyNS4xMTM3NjY5IDM1LjgwMzQ4ODMsMjQuODgwMzE5IDM1Ljg5MDU4MDQsMjUuMTkyOTU3MSBDMzUuOTg2MDg5NiwyNS41MzU4MjgyIDM0LjczODgwMTIsMjYuMDU4MzgwNCAzNC40NDgxNTA5LDI2LjE1ODYxMzUgQzMyLjcwMzk5MTQsMjYuNzU5OTI2NCAzMC43OTg5NjA3LDI2Ljg1MDM2ODEgMjguOTM3OTA1NSwyNi4zMDcwMzA3IiBpZD0iRmlsbC0xMiIgZmlsbD0iI0ZFRkVGRSI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L21hc2s+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9IkNsaXAtMTUiPjwvZz4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iRmlsbC0xNCIgZmlsbD0iI0ZFRkVGRSIgbWFzaz0idXJsKCNtYXNrLTIpIiBwb2ludHM9Ijk4LjE5Mzc2NjkgMjUuNDYyMzA2NyAxMDAuNTU1MzAxIDI1LjQ2MjMwNjcgMTAwLjU1NTMwMSAwLjA4NDY4NzExNjYgOTguMTkzNzY2OSAwLjA4NDY4NzExNjYiPjwvcG9seWdvbj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iRmlsbC0xNiIgZmlsbD0iI0ZFRkVGRSIgbWFzaz0idXJsKCNtYXNrLTIpIiBwb2ludHM9IjExOS4xNDE5MTUgMTIuMzM2ODUxNSAxMTcuODAyMjEgMTMuODA1NDc3MyAxMTguMDEzOTI4IDE4LjI3Mzk2ODEgMTIxLjMxNzU4NCAxNi41NjkzMTc4Ij48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IkZpbGwtMTciIGZpbGw9IiNGRUZFRkUiIG1hc2s9InVybCgjbWFzay0yKSIgcG9pbnRzPSIxMTguMjAzNDY5IDAuODExODc5NzU1IDExMS4xMzc5MzUgMi4zNTkzNTIxNSAxMTEuMTM3OTM1IDQuNDkxMTMxMjkgMTE4LjIwMzQ2OSA0LjQ5MTEzMTI5Ij48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IkZpbGwtMTgiIGZpbGw9IiNGRUZFRkUiIG1hc2s9InVybCgjbWFzay0yKSIgcG9pbnRzPSIxMzAuNjU2MjM3IDIwLjQxNzk3NzkgMTMwLjMxMTU2MiAxMi44NjQwNzYxIDEzMy45OTc1OTkgMTIuODY0MDc2MSAxMzMuOTk3NTk5IDguMzY3MzI3NjEgMTMwLjExOTI1NSA4LjY0ODc4NzczIDEyOS43NjE2OTcgMC44MTE4Nzk3NTUgMTI2LjQ5NjQzMyAwLjgxMTg3OTc1NSAxMjYuMTU5NTc0IDguOTM2MTc0MjMgMTIyLjczMzQzOSA5LjE4NDgyNDU0IDEyMS45NjA4NjMgMTIuODY0MDc2MSAxMjUuOTk2NzI4IDEyLjg2NDA3NjEgMTI1LjY3MDUxOSAyMC43MzQyMjMzIDEyMC45OTE3NzEgMjEuMDMxMDU3NyAxMTkuNzA3NTUgMjUuNDYyMjcyNCAxMzcuMjY4MTAyIDI1LjQ2MjI3MjQgMTM1LjM5NTM2NiAyMC4xMTczNjQ0Ij48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IkZpbGwtMTkiIGZpbGw9IiNGRUZFRkUiIG1hc2s9InVybCgjbWFzay0yKSIgcG9pbnRzPSIxNDkuNjE1MzU1IDE5LjQ5NTI5MiAxNTMuMjIwNTY5IDE2LjE1MTM1MzQgMTU2LjgyMzcyMyAxOS40MTAxNzU1IDE2MC4yMTgyNSAxNi4yNTU0NTE1IDE1Ni4yNjYzODUgMTMuMzI2MjczNiAxNTkuNzUxMjY5IDEwLjA5Mzk5MTQgMTU3LjA3MTUxNCA3LjAxMDk4NTI4IDE1Mi45OTM4MjEgMTAuOTAwNzUyMSAxNDcuODkyMzI0IDcuMTE5NDYzOCAxNDYuOTEzNDQgMTAuNDQ3MTY5MyAxNTAuMjc4NjggMTMuNDkwNzUyMSAxNDYuNTk2NTk0IDE3LjAwMzEyMDIiPjwvcG9seWdvbj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iRmlsbC0yMCIgZmlsbD0iI0ZFRkVGRSIgbWFzaz0idXJsKCNtYXNrLTIpIiBwb2ludHM9IjExNi42MjA0MjEgMTMuMTA5MzkzOSAxMjAuMjA4MiA5Ljk1Mjc4MDM3IDEyMC4yMDkwNTkgOS42Nzc4NDc4NSAxMjAuMjA5MDU5IDkuNjc3NDE4NCAxMjAuMjE2Nzg5IDcuMDI0MTE3NzkgMTIwLjIwOTA1OSA3LjAyODg0MTcyIDEyMC4yMDkwNTkgNS4zOTQwMTk2MyAxMDkuMjI4NTkzIDYuNjY0OTI3NjEgMTA5LjIyODU5MyA5LjY3Nzg0Nzg1IDExNS44NDk5OTEgOS42Nzc4NDc4NSAxMDkuMjM2NDA5IDEzLjY5Njk2NDQgMTA5LjIzNjQwOSAxOS42MDU5OTUxIDExMy4xMzI5NjEgMTYuMTc3NzEyOSAxMTIuNTY2NjA1IDI1LjQ2MjI4OTYgMTE3LjEzMjc1MiAyNS40NjIyODk2Ij48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IkZpbGwtMjEiIGZpbGw9IiNGRUZFRkUiIG1hc2s9InVybCgjbWFzay0yKSIgcG9pbnRzPSIxNjMuNTU1NDY0IDI1LjQ1ODUwMTggMTYyLjUyNTEzMyAyMS4xODk2MTg0IDE0NC43OTM0ODggMjEuOTI3MzIzOSAxNDQuMTA5Mzc4IDQuNzk0MTU4MjggMTYyLjQxMzM5IDQuNzI3MTY0NDIgMTYyLjk2NDAyOCAxLjI3NDMxNzc5IDE0My45Njg4NjMgMS4yNzQzMTc3OSAxNDMuOTQzMDEgMC42MjkyODcxMTcgMTQwLjI3NjI5OCAwLjYyOTI4NzExNyAxNDAuMjc2Mjk4IDIyLjExNTE2NDQgMTM5LjM3MTUzNyAyMi4xNTI4Njk5IDEzOS4zNzEyOCAyNS40NTg1MDE4IDE0MC4yNzYyOTggMjUuNDU4NTAxOCAxNDAuMjc2Mjk4IDI1LjQ2MjI4MSAxNDQuOTM0NjkxIDI1LjQ2MjI4MSAxNDQuOTM0NTE5IDI1LjQ1ODUwMTgiPjwvcG9seWdvbj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat center; background-size: contain; } .main-nav__120BM { flex: 1; display: flex; height: 100%; align-items: center; justify-content: space-between; } .main-nav__120BM .link__3LcHe { color: rgba(255, 255, 255, 0.9); transition: color 0.3s !important; font-size: 16px; line-height: 20px; align-items: center; text-decoration: none; cursor: pointer; } .main-nav__120BM .main-link-wrap__7VwqL .link__3LcHe { margin: 0 24px; padding: 6px 0px; } .main-nav__120BM .main-link-wrap__7VwqL .link__3LcHe:hover { font-weight: bold; } .main-nav__120BM .right__2MLGV > .link__3LcHe:hover { font-weight: bold; } .main-nav__120BM .link__3LcHe:hover, .link__3LcHe.active { color: #fff; } .link__3LcHe.active { font-weight: bold; } .link__3LcHe.creation__2dSZY { background: #ff9900; color: #fff; display: inline-flex; margin: 0 0 0 10px; align-items: center; border-radius: 20px; } .link__3LcHe.creation__2dSZY:hover { background: rgba(255, 186, 73, 0.9); } .link__3LcHe.creation__2dSZY:hover { font-weight: normal; } .creation-info__2t6sq { position: relative; display: flex; align-items: center; } .creation-bottom-box__tn1Rt { display: none; position: absolute; width: 131px; right: 0; top: 64px; } .creation-bottom__25sB0 { margin: 6px 0 0; padding: 6px 0; background: #ffffff; border-radius: 5px; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1); } .common-header__yMVtO .header-inner__1Y9mD .main-nav__120BM .creation-info__2t6sq .creation-bottom-box__tn1Rt .creation-bottom__25sB0 ul, .common-header__yMVtO .header-inner__1Y9mD .main-nav__120BM .creation-info__2t6sq .creation-bottom-box__tn1Rt .creation-bottom__25sB0 li { margin: 0; padding: 0; list-style: none; } .common-header__yMVtO .header-inner__1Y9mD .main-nav__120BM .creation-info__2t6sq .creation-bottom-box__tn1Rt .creation-bottom__25sB0 li { line-height: 19px; padding: 8px 0 8px 16px; font-size: 14px; color: #333; cursor: pointer; } .common-header__yMVtO .header-inner__1Y9mD .main-nav__120BM .creation-info__2t6sq .creation-bottom-box__tn1Rt .creation-bottom__25sB0 li a { display: inline-block; width: 100%; color: #333; } .common-header__yMVtO .header-inner__1Y9mD .main-nav__120BM .creation-info__2t6sq .creation-bottom-box__tn1Rt .creation-bottom__25sB0 li:hover { background: #ecf5ff; } .common-header__yMVtO .header-inner__1Y9mD .main-nav__120BM .creation-info__2t6sq:hover .creation-bottom-box__tn1Rt { display: block; } .common-header__yMVtO .header-inner__1Y9mD .right__2MLGV { display: flex; height: 100%; align-items: center; } .common-header__yMVtO .header-inner__1Y9mD .right__2MLGV .link__3LcHe { padding: 8px 20px; max-width: 105px; white-space: nowrap; } .common-header__yMVtO .header-inner__1Y9mD .right__2MLGV .nav-icon { margin-right: 6px; line-height: 15px; font-size: 15px; width: 15px; height: 15px; } .message__25j3I { position: relative; } .addMargin__vphB4 { margin-right: 16px; } .message-count-wrap__3vrLJ { left: -1px; top: -11px; min-width: 34px; } .message-count__2M-on { position: absolute; display: inline-block; font-style: normal; line-height: 16px; padding: 1px 5px; min-width: 18px; background: #ff5b35; color: #ffffff; font-weight: normal; border-radius: 9px; text-align: center; top: -2px; } .dynamic-red-dot__3FSaW { width: 8px; height: 8px; border-radius: 50%; background-color: #ff5b35; display: inline-block; transform: translate(1px, 1px); } .common-header__yMVtO .header-inner__1Y9mD .avatar-info__3Zi7z { position: relative; height: 100%; } .common-header__yMVtO .header-inner__1Y9mD .avatar-info__3Zi7z .avatar__WWCRZ { width: 32px; height: 32px; margin: 0 20px 0 12px; overflow: hidden; cursor: pointer; display: flex; align-items: center; border-radius: 50%; } .common-header__yMVtO .header-inner__1Y9mD .avatar-info__3Zi7z .avatar__WWCRZ img { width: 36px; height: 36px; border-radius: 50%; } .common-header__yMVtO .header-inner__1Y9mD .avatar-info__3Zi7z .avatar-bottom__Tmd0T { display: none; position: absolute; width: 110px; right: 0; padding: 14px 0; background: #ffffff; border-radius: 5px; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1); } .common-header__yMVtO .header-inner__1Y9mD .avatar-info__3Zi7z .avatar-bottom__Tmd0T .avatar-triangle__-6o3S { position: absolute; top: -5px; right: 10px; width: 0px; height: 0px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #ffffff; } .common-header__yMVtO .header-inner__1Y9mD .avatar-info__3Zi7z .avatar-bottom__Tmd0T ul, .common-header__yMVtO .header-inner__1Y9mD .avatar-info__3Zi7z .avatar-bottom__Tmd0T li { margin: 0; padding: 0; list-style: none; } .common-header__yMVtO .header-inner__1Y9mD .avatar-info__3Zi7z .avatar-bottom__Tmd0T li { line-height: 19px; padding: 7px 14px; cursor: pointer; } .common-header__yMVtO .header-inner__1Y9mD .avatar-info__3Zi7z .avatar-bottom__Tmd0T li a { display: flex; font-size: 14px; color: #333; } .common-header__yMVtO .header-inner__1Y9mD .avatar-info__3Zi7z .avatar-bottom__Tmd0T li a i { flex: 1; margin: 0 0 0 9px; text-align: center; } .common-header__yMVtO .header-inner__1Y9mD .avatar-info__3Zi7z .avatar-bottom__Tmd0T li:hover { background: #ecf5ff; } .common-header__yMVtO .header-inner__1Y9mD .avatar-info__3Zi7z:hover .avatar-bottom__Tmd0T { display: block; } .common-header__yMVtO .header-inner__1Y9mD .no-avatar__3XTWP { height: 100%; display: flex; align-items: center; } .no-avatar__3XTWP .link__3LcHe { padding: 6px 20px; color: rgba(255, 255, 255, 0.8); } .no-avatar__3XTWP .link__3LcHe:hover { color: #fff; font-weight: bold; border-radius: 16px; } .main-link-wrap__7VwqL { justify-content: flex-start; margin: 0; padding: 0; display: flex; list-style: none; flex: 1; text-align: center; height: 100%; align-items: center; } .main-link-wrap__7VwqL li { height: 100%; display: flex; align-items: center; } .main-link-wrap__7VwqL li.active a { color: #fff; font-weight: bold; } .header-dropdown-container__2V3Bz { position: relative; height: 100%; display: flex; align-items: center; } .header-dropdown-container__2V3Bz:hover .header-dropdown__2BY-2 { display: block; } .header-dropdown-wrap__2KQUr { position: absolute; top: 100%; right: 12px; z-index: -1; } .header-dropdown__2BY-2 { list-style: none; padding: 0; border-radius: 8px; overflow: hidden; box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1); display: none; } .dropdown-link-editor__2JCxD { color: #666666; font-weight: 500; font-size: 16px; line-height: 22px; background: #ffffff; padding: 13px 20px; white-space: nowrap; display: block; cursor: pointer; transition: all 0.3s ease !important; } .dropdown-link-editor__2JCxD .create-icon__21ueZ { width: 24px; height: 24px; display: inline-block; border-radius: 50%; font-size: 12px; color: white; text-align: center; line-height: 24px; margin-right: 10px; } .dropdown-link-editor__2JCxD .scratchIcon__1aDM5 { background: #fed337; } .dropdown-link-editor__2JCxD .pythonIcon__SrKzK { background: #507bf3; padding-top: 1px; } .dropdown-link-editor__2JCxD .nav-icon, .dropdown-link__7ipRy .nav-icon { margin-right: 4px; font-size: 12px; width: 15px; height: 15px; } .dropdown-link-editor__2JCxD:hover { background: #f4f4f4; color: #666666; } .dropdown-link__7ipRy { color: #333333; font-size: 14px; line-height: 18px; background: #ffffff; padding: 12px 16px; white-space: nowrap; display: block; cursor: pointer; transition: all 0.3s ease; } .dropdown-link__7ipRy:hover { background: #f4f4f4; color: #333333; } .dropdown-link__7ipRy .ant-badge-dot { right: -2px; } .dynamic-red-dot__3FSaW { width: 7px; height: 7px; border-radius: 50%; background-color: #ff5b35; display: inline-block; transform: translate(0.5px, 3.5px); } @-webkit-keyframes fadeInDown__2k4Yr { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0); } } @keyframes fadeInDown__2k4Yr { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0); } } @media all and (max-width: 1600px) { .home-page-header-style__1pOei .header-inner__1Y9mD { width: 1088px !important; } } .matchNav__10A3b { position: relative; } .matchNav__10A3b:hover .matchNvaList__6kFoD { display: block; } .matchNav__10A3b:hover .link__3LcHe { font-weight: bold; } .matchNav__10A3b .matchNvaList__6kFoD { display: none; left: 24px; top: 26px; position: absolute; background: #ffffff; box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.08); border-radius: 10px; font-size: 14px; color: #333333; line-height: 24px; padding-left: 0; } .matchNav__10A3b .matchNvaList__6kFoD li { margin: 16px 0; width: 104px; text-align: center; } .matchNav__10A3b .matchNvaList__6kFoD li:last-child { margin-top: 0; } .matchNav__10A3b .matchNvaItem__3M0md { color: #333333; width: 100%; } .matchNav__10A3b .matchNvaItem__3M0md:hover { color: #2e8fff; } .homeContainer__3McPv { min-width: 1248px; padding-top: 100px; position: relative; padding-bottom: 64px; background-color: #f6f6f6; } .homeBGImage__2Jspw { position: absolute; top: 0; width: 100%; height: 417px; background-image: url("https://wscdn.xmwol.com/xmworld/pc/homeBGimageBig.png"); background-repeat: no-repeat; background-size: cover; background-origin: border-box; background-position: top; } .bannerAndUserInfoCardBox__1DgHY { display: flex; align-items: center; justify-content: center; } .workContainer__10f32 { width: 1365px; margin: 0 auto; overflow: hidden; } .workContainer__10f32 .workList { display: flex; flex-wrap: wrap; justify-content: flex-start; height: 294px; overflow: hidden; margin: 0 -10px; } .workContainer__10f32 .workList .work-item { width: 257px; margin: 0 10px 20px; } @media all and (max-width: 1600px) { .homeBGImage__2Jspw { background-image: url("https://wscdn.xmwol.com/xmworld/pc/homeBGimageSmall.png"); } .workContainer__10f32 { width: 1088px; margin: 0 auto; } } .bottomImg___RHqf { position: relative; z-index: 0; margin-bottom: -3px; margin-top: 0px; } .bottomImgL__FpKw5 { width: 127px; } .bottomImgR__3A5hG { width: 278px; float: right; } .home-banner__2o5Gw { position: relative; width: 1065px; margin-right: 20px; } .home-banner__2o5Gw:hover .icon-carousel__3Cvh4 { display: block; } .bannerBox__1X8xS { margin: auto; } .bannerBox__1X8xS .slick-list { border-radius: 10px; } .bannerBox__1X8xS .ant-carousel .slick-dots { bottom: 34px; } .bannerBox__1X8xS .ant-carousel .slick-dots li { margin: 0 6px; vertical-align: middle; } .bannerBox__1X8xS .ant-carousel .slick-dots li button { width: 12px; height: 12px; border-radius: 50%; background: rgba(0, 0, 0, 0.28); border: 1px solid #ffffff; opacity: 1; transition: none; } .bannerBox__1X8xS .ant-carousel .slick-dots li.slick-active button { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTdweCIgaGVpZ2h0PSIxOHB4IiB2aWV3Qm94PSIwIDAgMTcgMTgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU3ICg4MzA3NykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+5b2i54q257uT5ZCIPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9Iue7hOS7tiIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZmlsbC1vcGFjaXR5PSIwLjI3Njc5NzQyMSIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+CiAgICAgICAgPGcgaWQ9Iui1sOmprOeBrzIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zNi4wMDAwMDAsIC0xLjAwMDAwMCkiIGZpbGw9IiMwMDAwMDAiIHN0cm9rZT0iI0ZGRkZGRiI+CiAgICAgICAgICAgIDxnIGlkPSLnvJbnu4QtMTHlpIfku70iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEzLjAwMDAwMCwgMi4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0zMiwwIEMzNS40MTEwNjE0LDAgMzguMzIzNTA0NywyLjEzNDgzNzY4IDM5LjQ3NDExMjUsNS4xNDEyOTU2OCBMMzQsNy44Mzc4ODYwNSBMMzkuMTQyODMxOSwxMS42MDY1OTk1IEMzNy44MjQxNTMsMTQuMjEzMDc5NCAzNS4xMjA3NTU0LDE2IDMyLDE2IEMyNy41ODE3MjIsMTYgMjQsMTIuNDE4Mjc4IDI0LDggQzI0LDMuNTgxNzIyIDI3LjU4MTcyMiwwIDMyLDAgWiBNMjkuNSw0IEMyOC42NzE1NzI5LDQgMjgsNC42NzE1NzI4OCAyOCw1LjUgQzI4LDYuMzI4NDI3MTIgMjguNjcxNTcyOSw3IDI5LjUsNyBDMzAuMzI4NDI3MSw3IDMxLDYuMzI4NDI3MTIgMzEsNS41IEMzMSw0LjY3MTU3Mjg4IDMwLjMyODQyNzEsNCAyOS41LDQgWiIgaWQ9IuW9oueKtue7k+WQiCI+PC9wYXRoPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=); background-position: center; background-color: transparent; background-repeat: no-repeat; background-size: contain; width: 16px; height: 16px; border: none; } .banner-container__2PadI { margin: 0 auto; } .banner-img__1G-Cr { display: block; height: 383px; background-color: #4a38a8; background-repeat: no-repeat; background-size: cover; background-position: 50%; cursor: pointer; } .icon-carousel__3Cvh4 { display: none; font-size: 24px; position: absolute; color: rgba(255, 255, 255, 0.8); z-index: 1; top: 156px; cursor: pointer; } .icon-carousel__3Cvh4 { padding-top: 2px; width: 50px; height: 50px; background: rgba(0, 0, 0, 0.35); border-radius: 50%; text-align: center; line-height: 50px; } .icon-carousel__3Cvh4:hover { color: #ff9900; } .icon-left__RgQuS { left: 24px; padding-right: 3px; } .icon-right__2lm44 { right: 24px; padding-left: 3px; } @media all and (max-width: 1600px) { .home-banner__2o5Gw { width: 788px; } } .userInfoCard__2KZIW { width: 280px; background: #fff; padding: 29px 20px 20px 20px; border-radius: 10px; z-index: 1; } .userInfoCard__2KZIW .emptyAvatar__2Ctry { cursor: pointer; display: block; margin: 0 auto 11px; width: 65px; height: 65px; border-radius: 50%; background: #d8d8d8; } .userInfoCard__2KZIW .loginTip__1ok96 { display: block; margin: 0 auto 11px; width: 80px; height: 32px; line-height: 30px; border-radius: 16px; border: 1px solid rgba(45, 143, 255, 0.7); font-size: 16px; font-weight: 400; text-align: center; color: #2d8fff; cursor: pointer; } .userInfoCard__2KZIW .loginTip__1ok96:hover { background-color: rgba(45, 143, 255, 0.08); } .userInfoCard__2KZIW .colorfulNickName__3q69n { background: linear-gradient(225deg, #32c5ff 0%, #b620e0 51%, #f7b500 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .userInfoCard__2KZIW .statistics__2tpOF { display: flex; padding: 0 30px; justify-content: space-between; } .userInfoCard__2KZIW .statistics__2tpOF .statisticItem__3E_fy { display: flex; flex-direction: column; align-items: center; } .userInfoCard__2KZIW .statistics__2tpOF .statisticItem__3E_fy .num__33RhC { font-size: 16px; font-weight: 500; color: #5c5c5c; line-height: 22px; } .userInfoCard__2KZIW .statistics__2tpOF .statisticItem__3E_fy .text__3MjGf { font-size: 14px; font-weight: 500; color: #cacaca; line-height: 20px; } .userInfoCard__2KZIW .taskContainer__2eR2R { margin-top: 19px; min-height: 76px; } .userInfoCard__2KZIW .taskContainer__2eR2R .taskItem__1Gm2S { display: flex; justify-content: space-between; align-items: center; } .userInfoCard__2KZIW .taskContainer__2eR2R .taskItem__1Gm2S .teskDes__2Grxh { height: 20px; font-size: 14px; font-weight: 500; color: #666666; line-height: 20px; } .userInfoCard__2KZIW .taskContainer__2eR2R .taskItem__1Gm2S .teskDes__2Grxh .taskProgress__3vgRQ { margin-left: 7px; font-size: 14px; font-weight: 500; color: #cacaca; line-height: 20px; } .userInfoCard__2KZIW .taskContainer__2eR2R .taskItem__1Gm2S .goTaskCenter__h4wru { border: 1px solid #e0e0e0; background: #ffffff; border-radius: 12px; font-size: 14px; color: #666666; line-height: 20px; width: 66px; text-align: center; padding: 2px 0; cursor: pointer; transition: all 0.3s ease; } .userInfoCard__2KZIW .taskContainer__2eR2R .taskItem__1Gm2S .goTaskCenter__h4wru:hover { border: 1px solid #ff9900; color: #ff9900; } .userInfoCard__2KZIW .taskContainer__2eR2R .taskItem__1Gm2S .goTaskCenter__h4wru .ant-badge-dot { right: -2px; } .userInfoCard__2KZIW .taskContainer__2eR2R .taskItem__1Gm2S .rewardReceived__e72Hq { width: 66px; height: 20px; font-size: 14px; color: #cacaca; line-height: 20px; text-align: center; } .userInfoCard__2KZIW .taskContainer__2eR2R .taskAll__ccs4R { margin-bottom: 12px; } .userInfoCard__2KZIW .userInfoCardDropdownContainer__2AMEz { position: relative; margin-top: 18px; } .userInfoCard__2KZIW .userInfoCardDropdownContainer__2AMEz .createBtn__3Bl87 { cursor: pointer; text-align: center; padding: 12px 0; background: #feb937; border-radius: 30px; font-size: 18px; color: #fff; font-weight: 600; box-shadow: 0 5px rgb(234 160 38); transition: all 0.3s ease; } .userInfoCard__2KZIW .userInfoCardDropdownContainer__2AMEz .createBtn__3Bl87 .arrowIcon__3AnkO { display: inline-block; margin-left: 6px; transform: rotate(0deg); transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .userInfoCard__2KZIW .userInfoCardDropdownContainer__2AMEz:hover .userInfoCardDropdown__1cTJp { display: block; } .userInfoCard__2KZIW .userInfoCardDropdownContainer__2AMEz:hover .createBtn__3Bl87 { background: #ffa709; } .userInfoCard__2KZIW .userInfoCardDropdownContainer__2AMEz:hover .createBtn__3Bl87 .arrowIcon__3AnkO { transform: rotate(-180deg); } .userInfoCard__2KZIW .userInfoCardDropdownWrap__AMk9v { position: absolute; padding-top: 6px; } .userInfoCard__2KZIW .userInfoCardDropdown__1cTJp { list-style: none; padding: 0; overflow: hidden; box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1); display: none; border-radius: 10px; } .userInfoCard__2KZIW .dropdownLink__2mVcS { color: #666666; font-weight: 500; font-size: 16px; line-height: 22px; background: #ffffff; padding: 12px 74px; white-space: nowrap; display: block; cursor: pointer; transition: all 0.3s ease !important; } .userInfoCard__2KZIW .dropdownLink__2mVcS .createIcon__3p2OI { width: 24px; height: 24px; display: inline-block; border-radius: 50%; font-size: 12px; color: white; text-align: center; line-height: 24px; margin-right: 10px; } .userInfoCard__2KZIW .dropdownLink__2mVcS .scratchIcon__12cuD { background: #fed337; } .userInfoCard__2KZIW .dropdownLink__2mVcS .pythonIcon__3FPgW { background: #507bf3; padding-top: 1px; } .userInfoCard__2KZIW .dropdownLink__2mVcS:hover { background: #f4f4f4; color: #666666; } .about-container__2j1LQ { min-width: 1248px; background: #f9f9f9; color: #333333; } .about-header__NpelI { min-width: 1248px; width: 100%; height: 150px; background-image: url("//xmcdn.oss-cn-shanghai.aliyuncs.com/xm_world/pc/static/image/subHeader.png"); background-repeat: no-repeat; background-size: cover; } .about-header-container__3v-Gc { width: 1200px; height: 150px; margin: 0 auto; background-image: url("//xmcdn.oss-cn-shanghai.aliyuncs.com/xm_world/pc/static/image/subHeader_right.png"); background-repeat: no-repeat; background-position: 100% 0; } .about-header-title__3oRmq { height: 100%; color: #fff; font-weight: bold; font-size: 34px; line-height: 150px; } .about-box__1D7Mc { width: 1248px; margin: 0 auto; padding: 10px 0 150px 0; } .about-page__3VrHL { width: 1200px; margin: 0 auto; } .about-title__1s2F0 { font-size: 24px; color: #000; font-weight: bold; padding: 40px 0 20px 0; margin: 0; } .about-inner__1hb2k { font-size: 14px; color: #333; line-height: 25px; text-align: justify; } .competitionDetailContainer__2l3u2 { position: relative; background: #261a40; min-width: 1248px; text-align: center; margin: 0 auto; padding-bottom: 84px; } .banner__2HyF5 { width: 100%; min-width: 1248px; } .workBox__37XaF { position: relative; z-index: 2; margin: 0 auto 0; border-radius: 15px; background: url(//xmcdn.oss-cn-shanghai.aliyuncs.com/community/2.3.4/prod/_next/static/images/bg-2af20d9bcdc1fb608d98002e401b656e.png); background-repeat: no-repeat; background-attachment: fixed; background-size: cover; } .workBoxTab__1t3V0 { width: 1088px; display: flex; justify-content: space-between; color: #ffffff; margin: 24px auto 8px; } .workBoxTab__1t3V0 .right__2yGsq { flex: 1; text-align: right; } .workBoxTab__1t3V0 .right__2yGsq .tab__2FtE3 { cursor: pointer; color: #ffffff; } .workBoxTab__1t3V0 .right__2yGsq .tab__2FtE3:hover { color: #bc97ff; } .workBoxTab__1t3V0 .right__2yGsq .hot__3uR-U { margin-right: 16px; } .workBoxTab__1t3V0 .right__2yGsq .tabActive__1WxiJ { color: #bc97ff; } .work-list-box__1iJ96 { width: 1088px; overflow: hidden; margin: 0 auto; } .works__2nU3n { width: 1112px; display: flex; flex-wrap: wrap; } .works__2nU3n .work-img { border: none; } .award-container__34HV1 { width: 1088px; overflow: hidden; margin: 0 auto; } .desc-img__2KgZN { display: block; width: 1080px; margin: 74px auto 80px; } .award-list__2kvYE { width: 100%; margin: 0 auto; display: flex; flex-direction: column; align-items: center; } .top-img__1Aumg { width: 268px; margin: 0 0 18px; } .top-three-list__2j-gp { display: flex; flex-direction: column; margin: 0 0 80px; } .award-tip-img__14S43 { margin: 48px 0 0; width: 1088px; } .paginationBox__1mEbZ { margin: 0 auto; padding: 16px 0 40px; } .paginationBox__1mEbZ .ant-pagination-prev:focus .ant-pagination-item-link { border-color: #bc97ff; color: #bc97ff; } .paginationBox__1mEbZ .ant-pagination-prev:hover .ant-pagination-item-link { border-color: #bc97ff; color: #bc97ff; } .paginationBox__1mEbZ .ant-pagination-next { border-color: #d8d8d8; background: rgba(255, 255, 255, 0.2); } .paginationBox__1mEbZ .ant-pagination-next a { color: #d8d8d8; } .paginationBox__1mEbZ .ant-pagination-next:hover .ant-pagination-item-link { border-color: #bc97ff; color: #bc97ff; } .paginationBox__1mEbZ .ant-pagination-next:focus .ant-pagination-item-link { border-color: #bc97ff; color: #bc97ff; } .paginationBox__1mEbZ .ant-pagination-item-link { border-color: #d8d8d8; color: #d8d8d8; background: rgba(255, 255, 255, 0.2); } .paginationBox__1mEbZ .ant-pagination-item-link a { color: #d8d8d8; } .paginationBox__1mEbZ .ant-pagination-item { border-color: #d8d8d8; background: rgba(255, 255, 255, 0.2); } .paginationBox__1mEbZ .ant-pagination-item a { color: #d8d8d8; } .paginationBox__1mEbZ .ant-pagination-item:hover { border-color: #bc97ff; background: rgba(188, 151, 255, 0.2); } .paginationBox__1mEbZ .ant-pagination-item:hover a { color: #bc97ff; } .paginationBox__1mEbZ .ant-pagination-item-active { border-color: #bc97ff; background: rgba(188, 151, 255, 0.2); } .paginationBox__1mEbZ .ant-pagination-item-active a { color: #bc97ff; } .paginationBox__1mEbZ .ant-pagination-disabled:hover .ant-pagination-item-link { border-color: #bc97ff; color: #bc97ff; background: rgba(188, 151, 255, 0.2); } .paginationBox__1mEbZ .ant-pagination-disabled:hover .ant-pagination-item-link a { color: #d8d8d8; } .footerArrowBox__2ZYiY { position: fixed; bottom: 12px; left: 50%; z-index: 12; transform: translateX(-50%); } .footerArrow__2X_1c { display: block; -webkit-animation: arrowPlay__21SNi 1s both linear infinite; animation: arrowPlay__21SNi 1s both linear infinite; opacity: 0.6; width: 50px; } @-webkit-keyframes arrowPlay__21SNi { 0% { opacity: 1; } 100% { opacity: 0.2; } } @keyframes arrowPlay__21SNi { 0% { opacity: 1; } 100% { opacity: 0.2; } } .workEmpty__1LHfm { padding-top: 300px; padding-bottom: 400px; margin: 0 auto; text-align: center; width: 220px; } .workEmptyImg__2NqV8 { margin-bottom: 18px; display: block; width: 220px; } .workEmptyText__3pgtU { font-size: 18px; color: #ffffff; } .vote-modal-container__2_jWs { position: relative; margin: 0 8px 8px; } .vote-modal-title__3nLU4 { font-size: 16px; line-height: 24px; color: #666666; margin: 0 0 24px; text-align: center; } .vote-content__1rI0K { display: flex; align-items: center; padding: 16px 20px; background: #fff6e3; } .qrcode-box__Hkh66 { flex: 0 0 108px; margin: 0 24px 0 0; padding: 4px 4px 0; background: #ffffff; } .vote-detail__2fdKW { flex: 1; display: flex; flex-direction: column; overflow: hidden; margin: 0; padding: 0; } .vote-detail-item__3wqHp { font-size: 16px; line-height: 22px; color: #d27f01; margin: 0 0 8px 0; list-style: none; } .vote-detail-item__3wqHp:last-child { margin: 0; } .work-item__258dA { width: 1088px; margin: 0 0 24px; position: relative; height: 472px; } .work-item__258dA:last-child { margin: 0; } .card-base__2orYX { position: absolute; background: #624ab8; border-radius: 17px; border: 4px solid #171028; width: 1079px; height: 462px; } .card-base-bg__mIFYZ { bottom: 0; right: 0; } .card-container__3DiOt { top: 0; left: 0; z-index: 1; padding: 24px 0 24px 32px; display: flex; overflow: hidden; } .prize-detail__Zn4oF { position: absolute; top: -1px; left: -12px; z-index: 2; width: 102px; height: 59px; background-size: contain; margin: 0; } .prize-bg-img__Bqxc6 { width: 103px; height: 60px; } .prize-info__3sV3f { margin: 0; padding: 6px 0 0 12px; } .prize-item__3dLvy { margin: 0; padding: 0; list-style: none; font-size: 16px; line-height: 20px; color: #ffffff; font-weight: bold; text-align: left; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.15); } .work-info-box__1YGt5 { position: relative; flex: 0 0 450px; margin: 0; background: #4a3594; border-radius: 7px; } .work-img-link__1qBL- { width: 450px; height: 337px; overflow: hidden; display: block; background: url("//xmcdn.oss-cn-shanghai.aliyuncs.com/community/static/img/default-loading.png") center center no-repeat; background-size: contain; border-radius: 7px; } .work-inner-img__2KJmP { width: 100%; height: 100%; transform: scale(1); transition: all 0.3s ease 0s; } .work-inner-img__2KJmP:hover { transform: scale(1.1); transition: all 0.3s ease 0s; } .work-info__HODUq { overflow: hidden; padding: 0 12px; height: 69px; width: 450px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; border-radius: 0 0 7px 7px; } .work-name-link__1GVva { width: 100%; text-align: left; color: #ffffff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 18px; line-height: 23px; font-weight: bold; margin: 0 0 8px; } .work-name-link__1GVva:hover { color: #2d8fff; } .user-link__2y3wP { display: flex; align-items: center; color: #ffffff; width: 100%; } .user-link__2y3wP:hover { color: #2d8fff; } .user-link__2y3wP .user-avatar-box__3yHHK { position: relative; width: 24px; height: 24px; } .user-link__2y3wP .user-avatar__3oKtG { display: inline-block; width: 24px; height: 24px; border-radius: 50%; } .user-link__2y3wP .user-avatar__3oKtG:hover .nickname__1QjdS { color: #2d8fff; } .user-link__2y3wP .nickname__1QjdS { line-height: 15px; margin-left: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; } .user-link__2y3wP .nickname__1QjdS:hover { color: #2d8fff; } .prize-data-img__H2LRh { width: 589px; } .studio-icon-box-outer__2ivcJ { position: absolute; top: 8px; right: 8px; z-index: 2; padding-bottom: 10px; } .studio-icon-box-outer__2ivcJ:hover .studio-icon__39jGJ { color: #ff9900; } .studio-icon-box-outer__2ivcJ:hover .tool-tip-box__1x7CK { display: block; } .studio-icon-box__W9l2f { display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; background: rgba(0, 0, 0, 0.5); box-shadow: 0px 2px 4px 0px rgba(174, 104, 0, 0.1); border-radius: 50%; cursor: pointer; } .tool-tip-box__1x7CK { position: absolute; z-index: 20; top: 16px; left: -165px; display: none; text-align: left; background: #fffbee; transition: all 0.2s ease-in-out; } .tool-tip-box__1x7CK .tooltip-arrow-big__QakNN { position: absolute; left: 176px; top: 13px; z-index: 0; display: inline-block; border-top: 5px transparent dashed; border-left: 6px transparent dashed; border-bottom: 6px #ffeba6 dashed; border-right: 6px transparent solid; } .tool-tip-box__1x7CK .tooltip-arrow__3ZC9Y { position: absolute; left: 178px; top: 15px; z-index: 1; display: inline-block; border-top: 4px transparent dashed; border-left: 4px transparent dashed; border-bottom: 4px #fffbee dashed; border-right: 4px transparent solid; } .tool-tip-box__1x7CK .tooltip-body__1FVqn { display: flex; position: absolute; top: 22px; padding: 10px; word-break: keep-all; margin: 0; border: 1px solid rgba(255, 199, 0, 0.3); background: #fffbee; color: #333333; box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.07); border-radius: 4px; width: 195px; height: 60px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tool-img-box__1SRM4 { display: inline-block; margin-right: 8px; width: 40px; height: 40px; border-radius: 4px; } .tool-img__2jt6g { display: inline-block; margin-right: 8px; width: 40px; height: 40px; border-radius: 4px; } .tool-right__2ktXN { display: inline-block; } .tool-right-title__1ZTuM { display: block; margin: 0 0 2px 0; font-size: 14px; color: #333333; line-height: 20px; width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tool-right-text__2sNz9 { width: 118px; margin: 0; font-size: 12px; color: #666666; } .tool-compose-num__2a4Ur { margin-right: 16px; } .studio-icon__39jGJ { color: #ffffff; } .work-item__8i6XC { width: 532px; margin: 0 24px 24px 0; padding: 16px; background: #ffffff; position: relative; border-radius: 6px; display: flex; } .sort-num__15Sn2 { width: 45px; height: 34px; background: linear-gradient(180deg, #ffc700 0%, #ffaf00 100%); border-radius: 6px 0px 21px 0px; position: absolute; top: 0; left: 0; z-index: 1; display: flex; align-items: center; justify-content: center; font-size: 18px; line-height: 1; color: #ffffff; font-weight: bold; } .work-img-box__1tp_K { position: relative; border-radius: 6px; background: url("//xmcdn.oss-cn-shanghai.aliyuncs.com/community/static/img/default-loading.png") center center no-repeat; background-size: contain; margin: 0 18px 0 0; } .work-img-link__3FVvB { width: 210px; height: 162px; cursor: pointer; overflow: hidden; display: block; border-radius: 6px; } .work-inner-img__1wIE6 { width: 100%; height: 100%; border-radius: 6px; transform: scale(1); transition: all 0.3s ease 0s; } .work-inner-img__1wIE6:hover { transform: scale(1.1); transition: all 0.3s ease 0s; } .work-info__2F7Ic { flex: 1; overflow: hidden; display: flex; flex-direction: column; align-items: flex-start; position: relative; } .work-name-link__3m0G8 { width: 100%; color: #333333; font-size: 16px; line-height: 21px; margin: 0 0 12px; } .work-name-link__3m0G8:hover { color: #2d8fff; } .work-name__2ZaAn { display: block; max-width: 222px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; } .user-info__eyGMG { width: 100%; display: flex; align-items: center; } .user-link__1rUdD { width: 100%; display: flex; color: #333333; } .user-link__1rUdD:hover { color: #2d8fff; } .user-link__1rUdD .user-avatar-box__jVh3o { position: relative; width: 24px; height: 24px; } .user-link__1rUdD .user-avatar__2DUwr { display: inline-block; width: 24px; height: 24px; border-radius: 50%; } .user-link__1rUdD .user-avatar__2DUwr:hover .nickname__1JjK_ { color: #2d8fff; } .user-link__1rUdD .nickname__1JjK_ { line-height: 24px; margin-left: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; max-width: 190px; } .user-link__1rUdD .nickname__1JjK_:hover { color: #2d8fff; } .other-detail__9b3Gf { position: absolute; bottom: 0; left: 0; display: flex; justify-content: space-between; align-items: center; width: 100%; } .other-tip__1CjB_ { font-size: 12px; line-height: 16px; color: #333333; } .other-buttons__ZRHS9 { display: flex; } .other-button-item__3dVB0 { min-width: 74px; padding: 0 14px; height: 32px; line-height: 30px; text-align: center; border-radius: 16px; border: 1px solid #bdbdbd; margin: 0 12px 0 0; font-size: 14px; color: #333333; cursor: pointer; } .other-button-item__3dVB0:last-child { margin: 0; } .yellow-button__1VR13 { background: #ff9900; border-color: transparent; color: #ffffff; } .yellow-button__1VR13:hover { background: rgba(255, 153, 0, 0.8); } .disabled-button__2lyrF { background: #bdbdbd; border-color: transparent; cursor: not-allowed; } .disabled-button__2lyrF:hover { background: #bdbdbd; } .loading-button__1rjxG, .loading-button__1rjxG:hover { cursor: not-allowed; background: rgba(255, 153, 0, 0.4); } .gray-button__3cOVg:hover { color: #666666; } .studio-icon-box-outer__2c3XN { position: absolute; top: 8px; right: 8px; z-index: 1; padding-bottom: 10px; } .studio-icon-box-outer__2c3XN:hover .studio-icon__1IMcG { color: #ff9900; } .studio-icon-box-outer__2c3XN:hover .tool-tip-box__1RILF { display: block; } .studio-icon-box__3cBFe { display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; background: rgba(0, 0, 0, 0.5); box-shadow: 0px 2px 4px 0px rgba(174, 104, 0, 0.1); border-radius: 50%; cursor: pointer; } .tool-tip-box__1RILF { position: absolute; z-index: 20; top: 16px; left: -165px; display: none; text-align: left; background: #fffbee; transition: all 0.2s ease-in-out; } .tool-tip-box__1RILF .tooltip-arrow-big__1bszd { position: absolute; left: 176px; top: 13px; z-index: 0; display: inline-block; border-top: 5px transparent dashed; border-left: 6px transparent dashed; border-bottom: 6px #ffeba6 dashed; border-right: 6px transparent solid; } .tool-tip-box__1RILF .tooltip-arrow__1RqqW { position: absolute; left: 178px; top: 15px; z-index: 1; display: inline-block; border-top: 4px transparent dashed; border-left: 4px transparent dashed; border-bottom: 4px #fffbee dashed; border-right: 4px transparent solid; } .tool-tip-box__1RILF .tooltip-body__1ILIU { display: flex; position: absolute; top: 22px; padding: 10px; word-break: keep-all; margin: 0; border: 1px solid rgba(255, 199, 0, 0.3); background: #fffbee; color: #333333; box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.07); border-radius: 4px; width: 195px; height: 60px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tool-img-box__2jS3l { display: inline-block; margin-right: 8px; width: 40px; height: 40px; border-radius: 4px; } .tool-img__1t5r6 { display: inline-block; margin-right: 8px; width: 40px; height: 40px; border-radius: 4px; } .tool-right__1iIK- { display: inline-block; } .tool-right-title__1pUt_ { display: block; margin: 0 0 2px 0; font-size: 14px; color: #333333; line-height: 20px; width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tool-right-text__3ksg5 { width: 118px; margin: 0; font-size: 12px; color: #666666; } .tool-compose-num__uZhi9 { margin-right: 16px; } .studio-icon__1IMcG { color: #ffffff; } .ruleModalMask__1_hwk { background: rgba(0, 0, 0, 0.7); z-index: 230; position: fixed; top: 0; left: 0; right: 0; bottom: 0; } .ruleModal__masKZ { width: 701px; height: 525px; background: #b69cff; border: 3px solid #171028; border-radius: 16px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 16px 0 16px 24px; } .ruleModal2__gK1RY { top: 51.5%; z-index: -1; } .ruleModalBody__1Jckr { height: 470px; overflow-y: auto; margin-right: 10px; } /*滚动条样式*/ .ruleModalBody__1Jckr::-webkit-scrollbar { /*滚动条整体样式*/ width: 5px; /*高宽分别对应横竖滚动条的尺寸*/ } .ruleModalBody__1Jckr::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ border-radius: 5px; background: #9580d1; } .ruleModalBody__1Jckr::-webkit-scrollbar-track { /*滚动条里面轨道*/ border-radius: 0; background: rgba(0, 0, 0, 0); } .title__2h7PV { font-size: 20px; font-weight: bold; color: #261a40; line-height: 30px; margin-bottom: 16px; } .text__31ELX { margin-bottom: 24px; font-size: 16px; color: #261a40; line-height: 30px; } .colorText__2zxsh { color: #8d3784; } .cancelBox__3hwUq { text-align: right; padding-right: 16px; } .cancelIcon__2CuGf { width: 32px; cursor: pointer; } .cancelIcon__2CuGf:hover { opacity: 0.8; } .btn__1tr0z { display: block; margin: 0 auto 32px; width: 146px; height: 46px; background: #913985; border: 2px solid #171028; border-radius: 8px; font-size: 20px; font-weight: bold; color: #ffffff; line-height: 40px; cursor: pointer; } .btn__1tr0z:hover { opacity: 0.8; } .xm-modal-common .ant-modal-body { min-height: 200px; padding: 24px 32px; } .xm-modal-common .ant-modal { padding: 0; } @media all and (max-height: 768px) { .xm-modal-common.ant-modal-centered .ant-modal { top: 12%; } } .container__1a1BV { min-width: 1250px; } .container__1a1BV img { width: 100%; } .container__1a1BV .imgBg3__3xiSD { position: relative; } .container__1a1BV .imgBg3__3xiSD .link1__mv5eH { position: absolute; width: 9%; top: 52%; height: 9%; left: 34%; background: url(data:image/png;base64,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) no-repeat; background-size: 100% 100%; } .container__1a1BV .imgBg3__3xiSD .link1__mv5eH:hover { background: url(data:image/png;base64,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) no-repeat; background-size: 100% 100%; } .container__1a1BV .imgBg3__3xiSD .link2__fIloL { position: absolute; width: 12%; top: 50%; height: 12%; left: 57%; background: url(//xmcdn.oss-cn-shanghai.aliyuncs.com/community/2.3.4/prod/_next/static/images/follow-71b5e68fc240b4e8bd2b5761d6083c51.png) no-repeat; background-size: 100% 100%; } .container__1a1BV .imgBg3__3xiSD .link2__fIloL:hover { background: url(//xmcdn.oss-cn-shanghai.aliyuncs.com/community/2.3.4/prod/_next/static/images/follow-hover-0ab35ab951a4df7c2296d91a84a1bdc5.png) no-repeat; background-size: 100% 100%; } .container__1a1BV .imgBg5__VdxyQ { position: relative; } .container__1a1BV .imgBg5__VdxyQ .link3__1nB51 { position: absolute; width: 13%; top: 39%; height: 10%; left: 44%; background: url(//xmcdn.oss-cn-shanghai.aliyuncs.com/community/2.3.4/prod/_next/static/images/view-41b45247e84238a67b4309cfc03d049e.png) no-repeat; background-size: 100% 100%; } .container__1a1BV .imgBg5__VdxyQ .link3__1nB51:hover { background: url(//xmcdn.oss-cn-shanghai.aliyuncs.com/community/2.3.4/prod/_next/static/images/view-hover-3ef228914db85aee6a0a0e952c821651.png) no-repeat; background-size: 100% 100%; } .container__H_OXa { min-width: 1250px; background: #231441; } .banner__2GtR- { width: 100%; } .img__13C-V { width: 100%; overflow-x: hidden; } .img__13C-V .click-btn__1EkzY { z-index: 10; width: 147px; height: 56px; background: rgba(0, 0, 0, 0.71); border-radius: 49px; position: absolute; color: white; font-size: 20px; font-weight: 400; text-align: center; line-height: 56px; top: 50%; left: 34%; cursor: pointer; } .img__13C-V .click-btn__1EkzY:hover { opacity: 0.6; } .img__13C-V .img-item__1CEnq { position: relative; transform: translateX(-50%); left: 50%; width: 1920px; height: 590px; } .img__13C-V .img-item1__2k_xy { height: 374px; } .img__13C-V .img-item2__1svam { height: 600px; } .img__13C-V .img-item3__X9Eww { height: 612px; } .img__13C-V .img-item4__34JfQ { height: 612px; } .img__13C-V .img-item5__2nkvb { height: 654px; } .img__13C-V .img-item6__2BwQ7 { height: 759px; } .img__13C-V .img-item7__3WMGA { height: 666px; } .img__13C-V .img-item8__1PPog { height: 666px; } .img__13C-V .img-item9__2OKPe { height: 558px; } .img__13C-V .img-item10__1wcDY { height: 558px; } .img__13C-V .img-item11__2QN3N { height: 205px; } @media screen and (max-width: 1366px) { .img__13C-V .img-item__1CEnq { width: 1700px; height: 500px; } .img__13C-V .img-item1__2k_xy { height: 331px; } .img__13C-V .img-item2__1svam { height: 531x; } .img__13C-V .img-item3__X9Eww { height: 542px; } .img__13C-V .img-item4__34JfQ { height: 542px; } .img__13C-V .img-item5__2nkvb { height: 579px; } .img__13C-V .img-item6__2BwQ7 { height: 672px; } .img__13C-V .img-item7__3WMGA { height: 590px; } .img__13C-V .img-item8__1PPog { height: 590px; } .img__13C-V .img-item9__2OKPe { height: 494px; } .img__13C-V .img-item10__1wcDY { height: 494px; } .img__13C-V .img-item11__2QN3N { height: 182px; } } .img__13C-V .img-bg__2QlEv { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 1; } .img__13C-V .link__1dvD_ { position: absolute; z-index: 10; bottom: 0; width: 7%; height: 7%; right: 35%; cursor: pointer; } .competitionDetailContainer__3wo9w { position: relative; background: #436abf; min-width: 1248px; text-align: center; margin: 0 auto; padding-bottom: 84px; } .banner__1zxef { width: 100%; min-width: 1248px; margin-bottom: -150px; } .workBox__2ujVy { position: relative; z-index: 2; margin: -22px auto 0; width: 1216px; padding-left: 16px; background: #bbceff; border: 8px solid #3a569c; border-radius: 15px; } .workBoxTab__3YZ8m { display: flex; justify-content: space-between; padding: 16px 16px 0 0; color: #3a579e; margin-bottom: 8px; } .workBoxTab__3YZ8m .right__BDIJD { display: inline-block; } .workBoxTab__3YZ8m .right__BDIJD .tab__2v60i { cursor: pointer; color: rgba(58, 87, 158, 0.5); } .workBoxTab__3YZ8m .right__BDIJD .tab__2v60i:hover { color: #3a579e; } .workBoxTab__3YZ8m .right__BDIJD .hot__2wrtE { margin-right: 16px; } .workBoxTab__3YZ8m .right__BDIJD .tabActive__1M27n { color: #3a579e; } .works__BC8Gp { display: flex; flex-wrap: wrap; text-align: left; } .paginationBox__1yOBl { margin: 0 auto; padding: 16px 0 40px; } .paginationBox__1yOBl .ant-pagination-prev:focus .ant-pagination-item-link { border-color: #5c77b8; color: #5c77b8; } .paginationBox__1yOBl .ant-pagination-prev:hover .ant-pagination-item-link { border-color: #5c77b8; color: #5c77b8; } .paginationBox__1yOBl .ant-pagination-next { border-color: #89a0d9; background: transparent; } .paginationBox__1yOBl .ant-pagination-next a { color: #89a0d9; } .paginationBox__1yOBl .ant-pagination-next:hover .ant-pagination-item-link { border-color: #5c77b8; color: #5c77b8; } .paginationBox__1yOBl .ant-pagination-next:focus .ant-pagination-item-link { border-color: #5c77b8; color: #5c77b8; } .paginationBox__1yOBl .ant-pagination-item-link { border-color: #89a0d9; color: #89a0d9; background: transparent; } .paginationBox__1yOBl .ant-pagination-item-link a { color: #89a0d9; } .paginationBox__1yOBl .ant-pagination-item { border-color: #89a0d9; background: transparent; } .paginationBox__1yOBl .ant-pagination-item a { color: #89a0d9; } .paginationBox__1yOBl .ant-pagination-item:hover { border-color: #5c77b8; } .paginationBox__1yOBl .ant-pagination-item:hover a { color: #5c77b8; } .paginationBox__1yOBl .ant-pagination-item-active { border-color: #5c77b8; background: transparent; } .paginationBox__1yOBl .ant-pagination-item-active a { color: #5c77b8; } .paginationBox__1yOBl .ant-pagination-disabled:hover .ant-pagination-item-link { border-color: #89a0d9; color: #89a0d9; background: transparent; } .paginationBox__1yOBl .ant-pagination-disabled:hover .ant-pagination-item-link a { color: #89a0d9; } .footerArrowBox__139ZS { position: fixed; bottom: 12px; left: 50%; z-index: 12; transform: translateX(-50%); } .footerArrow__2wn23 { display: block; -webkit-animation: arrowPlay__3Lnol 1s both linear infinite; animation: arrowPlay__3Lnol 1s both linear infinite; opacity: 0.6; width: 50px; } @-webkit-keyframes arrowPlay__3Lnol { 0% { opacity: 1; } 100% { opacity: 0.2; } } @keyframes arrowPlay__3Lnol { 0% { opacity: 1; } 100% { opacity: 0.2; } } .competitionDetailContainer__1DHqc { background: #436abf; padding-bottom: 60px; } .container__1x21Z { position: relative; z-index: 2; margin: -22px auto 0; box-sizing: border-box; width: 1152px; padding: 24px 0; background: #bbceff; border: 8px solid #3a569c; border-radius: 15px; } .banner__Ks3mG { width: 100%; min-width: 1248px; margin-bottom: -150px; } .specialBox__1uUc2 { position: relative; width: 1088px; height: 408px; margin: 0 auto 32px; background: #fff; border-radius: 4px; padding: 24px 0 24px 24px; } .specialBtn__3TzlG { position: absolute; right: -9px; top: 24px; display: block; width: 135px; } .work__IKJCS { position: relative; display: inline-block; width: 480px; height: 360px; overflow: hidden; vertical-align: middle; cursor: pointer; } .work__IKJCS:hover .workInfo__3b3Qb { transition: all 0.2s linear; height: 360px; display: flex; align-items: center; justify-content: center; border-radius: 4px; } .work__IKJCS:hover .workInfo__3b3Qb .workInfoText__hTfaU { padding: 0; } .workImg__2TjV8 { display: inline-block; width: 480px; height: 360px; border-radius: 4px; background: url(//xmcdn.oss-cn-shanghai.aliyuncs.com/community/2.3.4/prod/_next/static/images/default-loading-02b8f5251c72c9f7b3acb0103c17ead3.png) no-repeat center center; background-size: cover; } .radarChart__6GJMM { display: inline-block; vertical-align: middle; height: 360px; } .workInfo__3b3Qb { position: absolute; z-index: 0; bottom: 0; left: 0; display: inline-block; width: 480px; height: 55px; background: rgba(0, 0, 0, 0.8); border-radius: 0 0 4px 4px; transition: all 0.2s linear; color: #ffffff; text-align: center; font-size: 18px; cursor: pointer; } @-webkit-keyframes upDown__9Awrq { 0% { height: 55px; } 100% { height: 360px; display: flex; align-items: center; justify-content: center; border-radius: 4px; } } @keyframes upDown__9Awrq { 0% { height: 55px; } 100% { height: 360px; display: flex; align-items: center; justify-content: center; border-radius: 4px; } } .workInfoText__hTfaU { display: flex; flex-wrap: wrap; line-height: 18px; padding-top: 20px; } .workTitle__2Wrph { display: block; margin: 0 auto; max-width: 400px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 100%; margin-bottom: 18px; } .workSchool__U-XDu { width: 100%; margin: 0 auto; display: block; max-width: 400px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .firstBtn__ge3f8 { display: block; width: 132px; margin: 64px auto 24px; } .secondBtn__2u4qV { display: block; width: 132px; margin: 40px auto 24px; } .thirdBtn__3E1xd { display: block; width: 132px; margin: 40px auto 24px; } .commonWorks__2zFPA { margin-left: 24px; width: 1112px; display: flex; flex-wrap: wrap; } .firstWork__CktUl { width: 254px; margin: 0 24px 24px 0; } .firstWorkImgBox__2dHZl { width: 254px; height: 195px; overflow: hidden; box-sizing: border-box; border-radius: 6px 6px 0 0; cursor: pointer; } .firstWorkImgBox__2dHZl:hover .firstWorkImg__VmLDS { transform: scale(1.1); } .firstWorkImg__VmLDS { display: block; height: 195px; width: 254px; border-radius: 6px 6px 0 0; transition: all 0.2s linear; background: url(//xmcdn.oss-cn-shanghai.aliyuncs.com/community/2.3.4/prod/_next/static/images/default-loading-02b8f5251c72c9f7b3acb0103c17ead3.png) no-repeat center center; background-size: cover; } .firstWorkInfo__1qt3B { height: 68px; width: 254px; padding: 12px 16px 0; background: #ffffff; border-radius: 0 0 6px 6px; } .firstWorkTitle__1tKPU { max-width: 222px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin-bottom: 8px; color: #333333; font-size: 16px; line-height: 16px; cursor: pointer; } .firstWorkTitle__1tKPU:hover { color: #2d8fff; } .firstWorkSchool__ro8aK { max-width: 222px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #999999; font-size: 12px; line-height: 16px; } .paginationBox__vyiwN { margin-top: 16px; margin-bottom: 24px; text-align: center; width: 100%; } .paginationBox__vyiwN .ant-pagination-prev:focus .ant-pagination-item-link { border-color: #5c77b8; color: #5c77b8; } .paginationBox__vyiwN .ant-pagination-prev:hover .ant-pagination-item-link { border-color: #5c77b8; color: #5c77b8; } .paginationBox__vyiwN .ant-pagination-next { border-color: #89a0d9; background: transparent; } .paginationBox__vyiwN .ant-pagination-next a { color: #89a0d9; } .paginationBox__vyiwN .ant-pagination-next:hover .ant-pagination-item-link { border-color: #5c77b8; color: #5c77b8; } .paginationBox__vyiwN .ant-pagination-next:focus .ant-pagination-item-link { border-color: #5c77b8; color: #5c77b8; } .paginationBox__vyiwN .ant-pagination-item-link { border-color: #89a0d9; color: #89a0d9; background: transparent; } .paginationBox__vyiwN .ant-pagination-item-link a { color: #89a0d9; } .paginationBox__vyiwN .ant-pagination-item { border-color: #89a0d9; background: transparent; } .paginationBox__vyiwN .ant-pagination-item a { color: #89a0d9; } .paginationBox__vyiwN .ant-pagination-item:hover { border-color: #5c77b8; } .paginationBox__vyiwN .ant-pagination-item:hover a { color: #5c77b8; } .paginationBox__vyiwN .ant-pagination-item-active { border-color: #5c77b8; background: transparent; } .paginationBox__vyiwN .ant-pagination-item-active a { color: #5c77b8; } .paginationBox__vyiwN .ant-pagination-disabled:hover .ant-pagination-item-link { border-color: #89a0d9; color: #89a0d9; background: transparent; } .paginationBox__vyiwN .ant-pagination-disabled:hover .ant-pagination-item-link a { color: #89a0d9; } .footerArrowBox__2Fmnq { position: fixed; bottom: 12px; left: 50%; z-index: 12; transform: translateX(-50%); } .footerArrow__3aDgA { display: block; -webkit-animation: arrowPlay__1pqp6 1s both linear infinite; animation: arrowPlay__1pqp6 1s both linear infinite; opacity: 0.6; width: 50px; } @-webkit-keyframes arrowPlay__1pqp6 { 0% { opacity: 1; } 100% { opacity: 0.2; } } @keyframes arrowPlay__1pqp6 { 0% { opacity: 1; } 100% { opacity: 0.2; } } .container__2GSj_ { min-width: 1250px; background: #231441; } .banner__3Vaqi { width: 100%; } .content__3I8yX { margin: 0 auto; } .author__NJSUg { width: 100%; position: relative; } .compose-list__10Iz2 { position: absolute; display: flex; justify-content: space-between; width: 35.93%; bottom: 0; left: 50%; margin-left: -17.97%; padding-bottom: 4.4%; } .compose-box__2NUiG { width: 46.1%; color: #fff; font-size: 14px; line-height: 34px; text-align: center; } .compose-box__2NUiG:hover { color: #fff; } .compose-cover-box__10F0o { width: 100%; overflow: hidden; border-radius: 12px; } .compose-cover__1eQtS { width: 100%; border-radius: 12px; transform: scale(1); transition: all 0.3s ease 0s; } .compose-cover__1eQtS:hover { transform: scale(1.1); transition: all 0.3s ease 0s; } .video-block__2xa0s { width: 100%; position: relative; } .video-wrap__3i2m0 { width: 44%; position: absolute; top: 4%; left: 56%; margin-left: -28%; padding-top: 6%; } .video-wrap__3i2m0 .video__174zm { border-radius: 12px; outline: none; } .message-link__2_5el { display: block; margin-top: 2%; text-align: center; color: #fff; text-decoration: underline; } .message-link__2_5el:hover { color: #fff; text-decoration: underline; } .footer__2DQDG { position: relative; width: 100%; } .footer__2DQDG .link__RQk7X { position: absolute; width: 17%; top: 32%; left: 50%; margin-left: -10.2%; text-align: left; color: transparent; } .footer__2DQDG .link__RQk7X::before { content: " "; display: inline-block; background: url(//xmcdn.oss-cn-shanghai.aliyuncs.com/community/2.3.4/prod/_next/static/images/icon-click-ae0f9038f5e5350b779511364a681a20.png) no-repeat; width: 8.2%; max-width: 24px; height: 20px; background-size: 100%; vertical-align: bottom; -webkit-animation: topToBottom__2IJs4 2.5s linear infinite; animation: topToBottom__2IJs4 2.5s linear infinite; } .img-bg__2g5KB { width: 100%; display: block; } @-webkit-keyframes topToBottom__2IJs4 { 10% { transform: rotate(15deg); } 20% { transform: rotate(-10deg); } 30% { transform: rotate(5deg); } 40% { transform: rotate(-5deg); } 50%, 100% { transform: rotate(0deg); } } @keyframes topToBottom__2IJs4 { 10% { transform: rotate(15deg); } 20% { transform: rotate(-10deg); } 30% { transform: rotate(5deg); } 40% { transform: rotate(-5deg); } 50%, 100% { transform: rotate(0deg); } } @media screen and (max-width: 1500px) { .footer__2DQDG .link__RQk7X::before { margin-bottom: -4px; } } .interviewLink__wprdM { position: absolute; width: 15%; height: 12%; left: 26%; bottom: 28%; } .interviewLink1__3kpwN { left: 54%; } .interviewLink2__V2dSA { bottom: 13%; } .evaluation-lp-container__2-fx5 { min-width: 1248px; background: url(//xmcdn.oss-cn-shanghai.aliyuncs.com/community/2.3.4/prod/_next/static/images/bg-fd8722c7784ee1a90093c1eb033bd0bc.jpg); background-repeat: repeat-y; background-size: contain; } .evaluation-lp-content__3ewVb { width: 1200px; margin: 0 auto; } .banner__VMqZI { width: 100%; display: block; } .img-bg__UH77i { display: block; } .compose-list__14RQF { position: relative; } .compose-box1__RqWis { top: 275px; left: 129px; } .compose-box2__10g4T { left: 129px; top: 649px; } .compose-box__ta29G { position: absolute; } .compose-cover-box__YhL9D { width: 394px; height: 273px; overflow: hidden; } .compose-cover__OaISx { width: 394px; height: 273px; transform: scale(1); transition: all 0.3s ease 0s; cursor: pointer; } .compose-cover__OaISx:hover { transform: scale(1.1); transition: all 0.3s ease 0s; } .compose-info__17YDu { width: 394px; height: 64px; padding: 14px 14px; background: #2b2056; } .compose-info__17YDu p { margin-bottom: 0; } .compose-title__iK0WE { margin-bottom: 8px; font-size: 18px; color: #fff; line-height: 18px; cursor: pointer; } .compose-title__iK0WE:hover { color: #ff9900; } .compose-author__167Q2 { margin-bottom: 0; font-size: 14px; color: #fff; line-height: 14px; opacity: 0.7; } .finally__1pKdm { position: relative; } .link__1uXfu { position: absolute; width: 170px; height: 36px; left: 426px; top: 175px; cursor: pointer; } .container__3fQKj { min-width: 1250px; background: #231441; } .banner__1DUen { width: 100%; } .content__3VY7I { margin: 0 auto; } .author__2qM5r { width: 100%; position: relative; } .compose-list__3MerQ { position: absolute; display: flex; justify-content: space-between; width: 35.93%; bottom: 0; left: 50%; margin-left: -17.97%; padding-bottom: 4.4%; } .compose-box__46dlk { width: 46.1%; color: #fff; font-size: 14px; line-height: 34px; text-align: center; } .compose-box__46dlk:hover { color: #fff; } .compose-cover-box__1GzgL { width: 100%; overflow: hidden; border-radius: 12px; } .compose-cover__1SQVD { width: 100%; border-radius: 12px; transform: scale(1); transition: all 0.3s ease 0s; } .compose-cover__1SQVD:hover { transform: scale(1.1); transition: all 0.3s ease 0s; } .video-block__nXlck { width: 100%; position: relative; } .video-wrap__3Ran6 { width: 45.83%; position: absolute; top: 0; left: 50%; margin-left: -22.92%; padding-top: 7.2%; } .video-wrap__3Ran6 .video__2Ghxv { border-radius: 12px; outline: none; } .message-link__2SLrS { display: block; margin-top: 2%; text-align: center; color: #fff; text-decoration: underline; } .message-link__2SLrS:hover { color: #fff; text-decoration: underline; } .footer__3ctPI { position: relative; width: 100%; } .footer__3ctPI .link__2y7cO { position: absolute; width: 17%; bottom: 0; left: 50%; margin-left: -10.2%; margin-bottom: 3.7%; text-align: left; color: transparent; } .footer__3ctPI .link__2y7cO::before { content: " "; display: inline-block; background: url(//xmcdn.oss-cn-shanghai.aliyuncs.com/community/2.3.4/prod/_next/static/images/icon-click-ae0f9038f5e5350b779511364a681a20.png) no-repeat; width: 8.2%; max-width: 24px; height: 20px; background-size: 100%; vertical-align: bottom; -webkit-animation: topToBottom__3mIGH 2.5s linear infinite; animation: topToBottom__3mIGH 2.5s linear infinite; } .img-bg__2fBtZ { width: 100%; display: block; } @-webkit-keyframes topToBottom__3mIGH { 10% { transform: rotate(15deg); } 20% { transform: rotate(-10deg); } 30% { transform: rotate(5deg); } 40% { transform: rotate(-5deg); } 50%, 100% { transform: rotate(0deg); } } @keyframes topToBottom__3mIGH { 10% { transform: rotate(15deg); } 20% { transform: rotate(-10deg); } 30% { transform: rotate(5deg); } 40% { transform: rotate(-5deg); } 50%, 100% { transform: rotate(0deg); } } @media screen and (max-width: 1500px) { .footer__3ctPI .link__2y7cO::before { margin-bottom: -4px; } } .container__1mh9L { min-width: 1250px; background: #231441; } .banner__lfdyp { width: 100%; } .content__2L4Xu { margin: 0 auto; } .author__1Bepb { width: 100%; position: relative; } .compose-list__1YSrN { position: absolute; display: flex; justify-content: space-between; width: 35.93%; bottom: 0; left: 50%; margin-left: -17.97%; padding-bottom: 4.4%; } .compose-box__2ctRr { width: 46.1%; color: #fff; font-size: 14px; line-height: 34px; text-align: center; } .compose-box__2ctRr:hover { color: #fff; } .compose-cover-box__B2gQN { width: 100%; overflow: hidden; border-radius: 12px; } .compose-cover__teoGl { width: 100%; border-radius: 12px; transform: scale(1); transition: all 0.3s ease 0s; } .compose-cover__teoGl:hover { transform: scale(1.1); transition: all 0.3s ease 0s; } .video-block__rzLUD { width: 100%; position: relative; } .video-wrap__2u4mn { width: 38%; position: absolute; top: 0; left: 50%; margin-left: -19%; padding-top: 6%; } .video-wrap__2u4mn .video__1-NzX { border-radius: 12px; outline: none; } .message-link__38O_L { display: block; margin-top: 2%; text-align: center; color: #fff; text-decoration: underline; } .message-link__38O_L:hover { color: #fff; text-decoration: underline; } .footer__3Wtv0 { position: relative; width: 100%; } .footer__3Wtv0 .link__Flus_ { position: absolute; width: 17%; top: 4%; left: 50%; margin-left: -10.2%; margin-bottom: 3.7%; text-align: left; color: transparent; } .footer__3Wtv0 .link__Flus_::before { content: " "; display: inline-block; background: url(//xmcdn.oss-cn-shanghai.aliyuncs.com/community/2.3.4/prod/_next/static/images/icon-click-ae0f9038f5e5350b779511364a681a20.png) no-repeat; width: 8.2%; max-width: 24px; height: 20px; background-size: 100%; vertical-align: bottom; -webkit-animation: topToBottom__28ROb 2.5s linear infinite; animation: topToBottom__28ROb 2.5s linear infinite; } .img-bg__2_piu { width: 100%; display: block; } @-webkit-keyframes topToBottom__28ROb { 10% { transform: rotate(15deg); } 20% { transform: rotate(-10deg); } 30% { transform: rotate(5deg); } 40% { transform: rotate(-5deg); } 50%, 100% { transform: rotate(0deg); } } @keyframes topToBottom__28ROb { 10% { transform: rotate(15deg); } 20% { transform: rotate(-10deg); } 30% { transform: rotate(5deg); } 40% { transform: rotate(-5deg); } 50%, 100% { transform: rotate(0deg); } } @media screen and (max-width: 1500px) { .footer__3Wtv0 .link__Flus_::before { margin-bottom: -4px; } } .container__1f2Rg { min-width: 1250px; background: #231441; } .banner__16S7r { width: 100%; } .content__1AmTE { margin: 0 auto; } .author__3Q8rI { width: 100%; position: relative; } .compose-list__i5Cya { position: absolute; display: flex; justify-content: space-between; width: 35.93%; bottom: 0; left: 50%; margin-left: -17.97%; padding-bottom: 4.4%; } .compose-box__3Vbpv { width: 46.1%; color: #fff; font-size: 14px; line-height: 34px; text-align: center; } .compose-box__3Vbpv:hover { color: #fff; } .compose-cover-box__3idJH { width: 100%; overflow: hidden; border-radius: 12px; } .compose-cover__3QSNB { width: 100%; border-radius: 12px; transform: scale(1); transition: all 0.3s ease 0s; } .compose-cover__3QSNB:hover { transform: scale(1.1); transition: all 0.3s ease 0s; } .video-block__YXbam { width: 100%; position: relative; } .video-wrap__rmSb0 { width: 44%; position: absolute; top: 4%; left: 56%; margin-left: -28%; padding-top: 6%; } .video-wrap__rmSb0 .video__3Iqa9 { border-radius: 12px; outline: none; } .message-link__3afJL { display: block; margin-top: 2%; text-align: center; color: #fff; text-decoration: underline; } .message-link__3afJL:hover { color: #fff; text-decoration: underline; } .footer__14jTv { position: relative; width: 100%; } .footer__14jTv .link__f5HIj { position: absolute; width: 17%; top: 37%; left: 50%; margin-left: -10.2%; text-align: left; color: transparent; } .footer__14jTv .link__f5HIj::before { content: " "; display: inline-block; background: url(//xmcdn.oss-cn-shanghai.aliyuncs.com/community/2.3.4/prod/_next/static/images/icon-click-ae0f9038f5e5350b779511364a681a20.png) no-repeat; width: 8.2%; max-width: 24px; height: 20px; background-size: 100%; vertical-align: bottom; -webkit-animation: topToBottom__SGB6c 2.5s linear infinite; animation: topToBottom__SGB6c 2.5s linear infinite; } .img-bg__28MmX { width: 100%; display: block; } @-webkit-keyframes topToBottom__SGB6c { 10% { transform: rotate(15deg); } 20% { transform: rotate(-10deg); } 30% { transform: rotate(5deg); } 40% { transform: rotate(-5deg); } 50%, 100% { transform: rotate(0deg); } } @keyframes topToBottom__SGB6c { 10% { transform: rotate(15deg); } 20% { transform: rotate(-10deg); } 30% { transform: rotate(5deg); } 40% { transform: rotate(-5deg); } 50%, 100% { transform: rotate(0deg); } } @media screen and (max-width: 1500px) { .footer__14jTv .link__f5HIj::before { margin-bottom: -4px; } } .interviewLink__3Bjme { position: absolute; width: 15%; height: 12%; left: 26%; bottom: 16%; } .interviewLink1__2_CE- { left: 54%; } .interviewLink2__2PZH8 { bottom: 12%; } .kepuLink__1uXBk { position: absolute; top: 4%; left: 32%; width: 37%; height: 5%; } .container__3ABPz { min-width: 1250px; background: #231441; } .banner__2C6RS { width: 100%; } .content__MV-hf { margin: 0 auto; } .author__hzUBI { width: 100%; position: relative; } .compose-list__3jg8a { position: absolute; display: flex; justify-content: space-between; width: 35.93%; bottom: 0; left: 50%; margin-left: -17.97%; padding-bottom: 4.4%; } .compose-box__34Xou { width: 46.1%; color: #fff; font-size: 14px; line-height: 34px; text-align: center; } .compose-box__34Xou:hover { color: #fff; } .compose-cover-box__17-uA { width: 100%; overflow: hidden; border-radius: 12px; } .compose-cover__1GnUU { width: 100%; border-radius: 12px; transform: scale(1); transition: all 0.3s ease 0s; } .compose-cover__1GnUU:hover { transform: scale(1.1); transition: all 0.3s ease 0s; } .video-block__1aQXu { width: 100%; position: relative; } .video-wrap__nkH1H { width: 44%; position: absolute; top: 4%; left: 56%; margin-left: -28%; padding-top: 6%; } .video-wrap__nkH1H .video__371rO { border-radius: 12px; outline: none; } .message-link__2fp8X { display: block; margin-top: 2%; text-align: center; color: #fff; text-decoration: underline; } .message-link__2fp8X:hover { color: #fff; text-decoration: underline; } .footer__3niEG { position: relative; width: 100%; } .footer__3niEG .link__2Cfi1 { position: absolute; width: 17%; bottom: 1%; left: 50%; margin-left: -10.2%; text-align: left; color: transparent; } .footer__3niEG .link__2Cfi1::before { content: " "; display: inline-block; background: url(//xmcdn.oss-cn-shanghai.aliyuncs.com/community/2.3.4/prod/_next/static/images/icon-click-ae0f9038f5e5350b779511364a681a20.png) no-repeat; width: 8.2%; max-width: 24px; height: 20px; background-size: 100%; vertical-align: bottom; -webkit-animation: topToBottom__3ogds 2.5s linear infinite; animation: topToBottom__3ogds 2.5s linear infinite; } .img-bg__3_fbg { width: 100%; display: block; } @-webkit-keyframes topToBottom__3ogds { 10% { transform: rotate(15deg); } 20% { transform: rotate(-10deg); } 30% { transform: rotate(5deg); } 40% { transform: rotate(-5deg); } 50%, 100% { transform: rotate(0deg); } } @keyframes topToBottom__3ogds { 10% { transform: rotate(15deg); } 20% { transform: rotate(-10deg); } 30% { transform: rotate(5deg); } 40% { transform: rotate(-5deg); } 50%, 100% { transform: rotate(0deg); } } @media screen and (max-width: 1500px) { .footer__3niEG .link__2Cfi1::before { margin-bottom: -4px; } } /* stylelint-disable property-no-vendor-prefix */ .phaseApplyContainerBox__2Oi6Q { width: 100%; padding-bottom: 80px; } .phaseApplyingContainerBox__17xLq { width: 100%; } .phaseApplyBannerBox__1lMbj { min-width: 1248px; overflow: hidden; background: #4ab2ff; } .phaseApplyBanner__1rqxt { background: url("//xmcdn.oss-cn-shanghai.aliyuncs.com/community/static/img/phase-apply-banner.png") no-repeat; background-size: cover; width: 100%; height: 216px; position: relative; top: 0; left: 50%; transform: translateX(-50%); } .phaseApplyBodyBox__3POQa { margin: 0 auto; min-height: 860px; position: relative; top: -96px; background: #fff; width: 1200px; padding: 40px 48px; box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.07); border-radius: 4px; } .phaseApplyTitle__Uc9kW { position: absolute; top: -80px; left: 50px; font-size: 40px; font-weight: bold; color: #fff; } .phaseTitle__1iSRG { font-size: 20px; font-weight: bold; color: #333333; margin: 0 0 24px; } .phaseColorTitle__2pZ1g { margin-bottom: 24px; border-left: 5px solid #2d8fff; padding-left: 15px; height: 50px; line-height: 50px; background: rgba(239, 239, 239, 0.6); font-size: 20px; font-weight: bold; color: #333333; } .phaseText__5XJWn { font-size: 16px; color: #333333; line-height: 32px; margin: 0 0 60px; } .phaseColorText__2UzBJ { color: #ff6700; } .phaseInputBox__1v3mf { display: inline-flex; align-items: center; margin-bottom: 28px; } .phaseInputLeft__2ma7U { align-items: center; min-width: 92px; font-size: 16px; color: #333333; text-align: right; height: 36px; line-height: 36px; } .phaseInputDotBox__113w3 { display: inline-block; height: 36px; } .phaseInputDot__2tkp2 { display: inline-block; width: 4px; height: 4px; background: #ff5b35; border-radius: 50%; margin-right: 8px; vertical-align: middle; margin-bottom: 4px; } .phaseInput__3ra6l { width: 298px; padding: 8px; outline: none; border: 1px solid #e0e0e0; height: 36px; border-radius: 4px; box-sizing: border-box; } .phaseInput__3ra6l:hover { border: 1px solid #40a9ff; } .phaseInput__3ra6l:focus { border: 1px solid #40a9ff; } .phaseInput__3ra6l::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #bdbdbd; } .phaseInput__3ra6l::-moz-placeholder { /* Firefox 19+ */ color: #bdbdbd; } .phaseInput__3ra6l:-ms-input-placeholder { /* IE 10+ */ color: #bdbdbd; } .phaseInput__3ra6l:-moz-placeholder { /* Firefox 18- */ color: #bdbdbd; } .errText__AoddF { position: absolute; margin: 0; color: #f5222d; } .phaseInputS__oF-F0 { width: 216px; } .phaseFormBox__D6xTz { width: 730px; display: flex; flex-wrap: wrap; justify-content: space-between; } .phaseSelectBox__1L7Os { width: 216px; padding: 8px; outline: none; border: 1px solid #e0e0e0; height: 36px; line-height: 18px; border-radius: 4px; box-sizing: border-box; color: #333333; cursor: pointer; } .phaseSelectBox__1L7Os:hover { border: 1px solid #40a9ff; } .phaseSelectBox__1L7Os:focus { border: 1px solid #40a9ff; } .phaseSelectBox__1L7Os::-ms-expand { display: none; } .phaseSelectBox__1L7Os { /*很关键：将默认的select选择框样式清除*/ appearance: none; -moz-appearance: none; -webkit-appearance: none; /*在选择框的最右侧中间显示小箭头图片*/ background: url("//xmcdn.oss-cn-shanghai.aliyuncs.com/community/static/img/bottom-arrow.png") no-repeat scroll right center transparent; background-size: 18px; /*为下拉小箭头留出一点位置，避免被文字覆盖*/ padding-right: 40px; padding-left: 8px; background-position-x: 182px; } /*清除ie的默认选择框样式清除，隐藏下拉箭头*/ .phaseSelectBox__1L7Os::-ms-expand { display: none; } .phaseTextAreaBox__2X6mp { position: relative; /*修改滚动条样式*/ } .phaseTextAreaBox__2X6mp .phaseTextArea__1bX7L::-webkit-scrollbar { width: 4px; height: 8px; border-radius: 4px; /**/ } .phaseTextAreaBox__2X6mp .phaseTextArea__1bX7L::-webkit-scrollbar-track { border-radius: 2px; } .phaseTextAreaBox__2X6mp .phaseTextArea__1bX7L::-webkit-scrollbar-thumb { background: #e0e0e0; border-radius: 10px; } .phaseTextAreaBox__2X6mp .phaseTextArea__1bX7L::-webkit-input-placeholder { color: #bdbdbd; } .phaseTextAreaBox__2X6mp .phaseTextArea__1bX7L:-moz-placeholder { color: #bdbdbd; } .phaseTextAreaBox__2X6mp .phaseTextArea__1bX7L::-moz-placeholder { color: #bdbdbd; } .phaseTextAreaBox__2X6mp .phaseTextArea__1bX7L:-ms-input-placeholder { color: #bdbdbd; } .phaseTextArea__1bX7L { width: 640px; padding: 8px 8px 24px; outline: none; border: 1px solid #e0e0e0; border-radius: 4px; box-sizing: border-box; height: 80px; word-wrap: break-word; word-break: break-all; white-space: pre-wrap; } .phaseTextArea__1bX7L:hover { border: 1px solid #40a9ff; } .phaseTextArea__1bX7L:focus { border: 1px solid #40a9ff; } .phaseTextAreaS__9RjHM { width: 623px; height: 108px; } .phaseInputLeftTop__2Ccxc { width: 94px; height: 100%; } .phaseInputLeftLong__2hw5v { width: 108px; } .phaseTextAreaNum__15g9s { position: absolute; right: 8px; bottom: 8px; color: #999999; } .formText__lvzTj { font-size: 16px; color: #333333; margin-bottom: 64px; } .formBlueText__-KrV- { color: #2d8fff; cursor: pointer; } .formBlueText__-KrV-:hover { color: rgba(45, 143, 255, 0.7); } .phaseUploadBox__1JdLE { width: 100%; height: 134px; display: flex; } .phaseUploadTitle__1gSxA, .phaseUpload__1z4Y9 { display: inline-block; position: relative; } .phaseUploadTitle__1gSxA { height: 100%; font-size: 16px; color: #333333; } .phaseUploadTips__2Pn6B { position: absolute; left: 112px; bottom: 32px; width: 230px; color: #999999; } .agreeBox__3FjR3 { padding-left: 108px; margin-top: -12px; } .submitDisBtn__36_3S { margin-top: 48px; display: block; outline: none; border: none; width: 128px; height: 36px; border-radius: 4px; font-size: 16px; color: #999999; background: #efefef; cursor: not-allowed; } .submitBtn__1wXh1 { background: #2d8fff; color: #fff; cursor: pointer; } .submitBtn__1wXh1:hover { background: rgba(45, 143, 255, 0.8); } .submitInline__2QGE8 { display: inline-block; width: 100px; margin-top: 0; font-size: 14px; margin-left: 24px !important; } .btnLoading__2Wbjn { display: inline-block; -webkit-animation: loadingPlay__3hvP8 1s linear infinite; animation: loadingPlay__3hvP8 1s linear infinite; } @-webkit-keyframes loadingPlay__3hvP8 { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes loadingPlay__3hvP8 { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .modalText__174ry { text-align: center; font-size: 14px; color: #666666; line-height: 24px; } .submitModal .ant-modal-title { text-align: center; font-size: 18px; font-weight: bold; color: #333; padding-top: 32px; } .submitModal .ant-modal-header { padding: 0; border: none; } .submitModal .ant-modal-body { padding: 0; padding-top: 16px; } .submitModal .ant-modal-content { height: 213px; } .submitModal .ant-modal-footer { padding: 0; padding-top: 32px; border: none; text-align: center; } .submitModal .ant-btn-background-ghost { width: 100px; height: 36px; } .radioText__1tNXN { cursor: default; } .phaseApplySuccessBodyBox__3iH9r { margin: 0 auto; min-height: 560px; position: relative; top: -96px; background: #fff; width: 1200px; padding: 120px 48px 0; box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.07); border-radius: 4px; text-align: center; } .phaseApplySuccessImg__1sSpq { width: 156px; margin-bottom: 16px; margin-left: -16px; } .ApplySuccessText__2omZV { font-size: 16px; color: #333; line-height: 21px; margin-bottom: 4px; } .ApplySuccessBlueText__1y8XY { cursor: pointer; font-size: 16px; color: #2d8fff; } .uploadErrText__3v7vi { color: #f5222d; } .phaseTextAreaNumWarn__3ysTg { color: #f5222d; } .disabledInput__1Pqd4 { background: #f9f9f9; } .disabledInput__1Pqd4:hover { border: 1px solid #e0e0e0; } .phaseUpload__1z4Y9 .ant-upload { height: 100px !important; width: 102px !important; } .phaseUpload__1z4Y9 .owner-uploader .ant-upload img { height: 100px !important; width: 100px !important; } .phaseSelectBoxPlace__LI3pj { color: #bdbdbd; } .optionItem__J7fcX { color: #333333; } .agreeBox__3FjR3 .ant-radio-wrapper { display: inline-flex; } .find-box__FodcO { margin: 0 auto 48px; color: #333333; } .find-content__2_8pS { width: 1365px; margin: 0 auto; } .find-title__31CaJ { display: flex; justify-content: space-between; } .title-all__3WCI2 { margin: 16px 0 11px; font-weight: normal; font-size: 14px; color: #666666; line-height: 16px; } .sort-type__1ZKdK { list-style: none; display: flex; margin: 0; } .find-list-box__2WR9G { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; margin-bottom: 32px; } .find-list-box__2WR9G > div { width: 49.5% !important; } .find-page__2uZcO { text-align: center; } .blank-box__1x0OT { margin: 0 auto; display: flex; flex-direction: column; align-items: center; height: 500px; justify-content: center; } .blank-img__2XOfe { width: 170px; height: 120px; margin-bottom: 16px; } .tips__1F7Kn { margin-top: 12px; font-size: 14px; line-height: 16px; color: #999999; } .filters__1H78M { display: flex; justify-content: space-between; height: 72px; width: 100%; padding-left: 8px; } .filters__1H78M .filters-type__3HXXu { display: flex; justify-content: flex-start; align-items: center; } .filters__1H78M .filters-type__3HXXu .type-item__rNFrT { display: flex; justify-content: flex-start; align-items: center; cursor: pointer; } .filters__1H78M .filters-type__3HXXu .type-item__rNFrT img { width: 24px; height: 24px; margin-right: 4px; } .filters__1H78M .filters-type__3HXXu .type-item__rNFrT .type-title__RRlzL { font-size: 16px; font-weight: 400; color: #6d757b; margin-right: 20px; } .filters__1H78M .filters-type__3HXXu .type-item__rNFrT:hover { opacity: 0.8; } .filters__1H78M .filters-type__3HXXu .type-item-active__3illm .type-title__RRlzL { color: #ff9900; font-weight: 600; } .filters__1H78M .filters-input__3Hp4F { display: flex; align-items: center; } .filters__1H78M .filters-input__3Hp4F .ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) { border-color: #ff9900; } .filters__1H78M .filters-input__3Hp4F .ant-input-affix-wrapper:focus-visible .ant-input:not(.ant-input-disabled) { border-color: #ff9900; box-shadow: none; } .filters__1H78M .filters-input__3Hp4F .ant-input-affix-wrapper:focus .ant-input:not(.ant-input-disabled) { border-color: #ff9900; box-shadow: none; } .filters__1H78M .filters-input__3Hp4F .ant-input-affix-wrapper:focus-within .ant-input:not(.ant-input-disabled) { border-color: #ff9900; box-shadow: none; } .filters__1H78M .filters-input__3Hp4F .ant-input-search-icon { font-size: 17px; } .sort-type__1ZKdK { list-style: none; display: flex; align-items: center; justify-content: space-between; margin: 0; } .sort-item__7SukR { padding: 0; margin-left: 24px; height: 28px; line-height: 25px; font-size: 14px; text-align: right; cursor: pointer; color: #666666; list-style: none; border: none; outline: none; background: transparent; } .sort-item__7SukR:hover { color: #ff9900; } .sort-item__7SukR.selected__3q5Mc { color: #ff9900; } @media all and (max-width: 1600px) { .find-content__2_8pS { width: 1088px; } } @media all and (min-width: 1600px) { .find-list-box__2WR9G > div { width: 49.5% !important; } } .search-container__3rDDo { width: 100%; min-width: 1248px; background: #f9f9f9; color: #333333; } .work-content__k4J8L { position: relative; } .sort-title__1y2_o { text-align: right; } .sort-type__Zb_VR { width: 1088px; margin: 16px 0; padding: 0; list-style: none; justify-content: flex-end; display: flex; } .sort-item__31mFh { width: 40px; height: 16px; line-height: 16px; font-size: 14px; text-align: center; cursor: pointer; color: #666; } .sort-item__31mFh.hot__18ddD { border-radius: 4px 0px 0px 4px; margin-right: 10px; } .sort-item__31mFh.time__2aYCE { border-radius: 0px 4px 4px 0px; } .sort-item__31mFh.selected__2ILKK { color: #ff9900; } .sort-item__31mFh:hover { color: #ff9900; } .work-list-box__3bOXv { overflow: hidden; margin-top: 16px; } .work-list__3KjPK { margin-bottom: 6px; } .pagination__2UbM2 { text-align: center; padding-bottom: 16px; } .work-blank__3GSZT, .user-blank__2O6Cd { display: flex; flex-direction: column; } .blank-box__3bnnV { padding-top: 100px; display: flex; flex-direction: column; align-items: center; } .blank-box__3bnnV .blank-img__1efhL { width: 153px; margin-bottom: 28px; } .blank-box__3bnnV .tips__EQu6n { font-size: 14px; line-height: 20px; color: #999999; } .recommend-content__L6g_n { margin-top: 100px; position: relative; } .user-content__3SlqX { position: relative; overflow: hidden; min-height: 400px; } .user-list__3sjOl { margin-left: -8px; margin-right: -8px; display: flex; flex-wrap: wrap; margin-bottom: 16px; } .searchWorkItem__3u3rq { display: inline-block; } .searchUserItem__2ZCN7 { display: inline-block; margin-right: 24px; } .user-list-margin__2L3ui { margin-top: 48px; } .user-page__2zzpt { text-align: center; } .recommend-talent-content__3K_Bo { margin: 100px auto 0; position: relative; } .recommend-talent-box__1QrPf { overflow: hidden; margin-top: 16px; } .recommend-talent__D4dqC { display: flex; flex-wrap: wrap; } .change-title__1XRWS { text-align: center; margin-top: 32px; } .change-text__22g3n { font-size: 16px; line-height: 22px; color: #2d8fff; cursor: pointer; } .change-icon__Xsvx9 { font-size: 14px; color: #2d8fff; margin-left: 12px; } .init-search__3nNqB { color: #999999; text-align: center; padding-top: 100px; } .content-box__2ap9T { width: 1112px; margin: 0 auto 32px; } .content-area__tc8UP { min-height: 580px; width: 1112px; margin: 0 auto; } .recommended-header__sZAz4 { padding: 0 24px 0 0; display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; } .title-tag__omQjH { font-size: 20px !important; line-height: 28px; color: #333333; margin: 0; } .title-more__18tqY { color: #999999; font-size: 14px; } .title-more__18tqY:hover { color: #666666; } .high-light__2hSBh { font-weight: bold; } .startSearchImg__1AnIU { display: block; margin: 0 auto 12px; text-align: center; width: 153px; } .popularCardItem__2i2Kp { margin-right: 24px; } .starsHeadBox__lZGZm { display: flex; justify-content: space-between; } .starsHeadTitle__3XGUF { font-size: 20px; line-height: 28px; color: #333333; margin: 0; } .starsWatchMore__1vySz { color: #999999; font-size: 14px; cursor: pointer; } .starsWatchMore__1vySz:hover { color: #666666; } .studioStarList__1buQW { display: flex; justify-content: space-between; flex-wrap: wrap; max-height: 562px; } .studioStarsBox__1J_Vx { padding-top: 100px; } .studioBox__3K_4p { padding-top: 48px; padding-bottom: 8px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } .search-box___mg94 { width: 100%; min-width: 1248px; background: #ffffff; box-shadow: 1px 1px 8px 0px rgba(0, 0, 0, 0.1); } .search-box___mg94 input { outline: none; } .search-box___mg94 input:focus { outline: none; } .search-nav-box__4VC0t { width: 1088px; margin: 0 auto; padding: 60px 0 0; display: flex; flex-direction: column; } .top-box__1wzFt { display: flex; margin-bottom: 22px; } .search-input-box__3I9cz { position: relative; display: flex; flex: 0 0 720px; font-size: 14px; line-height: 20px; justify-content: space-between; } .search-input-box__3I9cz:hover .search-icon__dedx2 { background: #ffffff; } .search-input-box__3I9cz:hover .search-input__27QWH { background: #ffffff; } .search-input__27QWH { flex: 1; padding: 10px 16px; background: rgba(229, 229, 229, 0.3); border: 1px solid #bdbdbd; border-radius: 30px 0px 0px 30px; border-right: none; transition: 0.3s all ease; } .search-input__27QWH::-webkit-input-placeholder { color: #999999 !important; } .search-input__27QWH:focus { background: #ffffff; } .search-input__27QWH:hover { background: #ffffff; } .search-input__27QWH:focus + .search-icon__dedx2 { background: #ffad31; color: #ffffff; } .search-input__27QWH:focus + .search-icon__dedx2:hover { background: rgba(255, 173, 49, 0.8); } .search-icon__dedx2 { flex: 0 0 45px; font-size: 16px; background: rgba(229, 229, 229, 0.3); color: #a8a8a8; padding: 10px 2px 10px 0; text-align: center; border: 1px solid #bdbdbd; border-left: none; border-radius: 0px 30px 30px 0px; cursor: pointer; transition: 0.3s all ease; } .search-list__oqZLa { position: absolute; list-style: none; margin: 0; padding: 0; top: 43px; display: none; left: 0; background: #ffffff; width: 720px; flex-direction: column; box-shadow: 1px 1px 8px 0px rgba(0, 0, 0, 0.1); z-index: 3; font-size: 16px; line-height: 20px; } .search-list-active__3yxsD { display: block; } .list-item__2kczl { display: flex; overflow: hidden; padding: 13px 16px; color: #999999; justify-content: space-between; } .delete-icon__3dtul { color: #999999; } .search-history-item__3FFlH:hover { background: rgba(0, 0, 0, 0.2); color: #333333; } .search-history-item__3FFlH:hover .delete-icon__3dtul { color: #333; } .history-title__1MksB { padding: 16px; color: #999999; cursor: default; } .history-title__1MksB:hover, .delete-all__26Qhe:hover { color: #999; } .list-text__1Yoln { max-width: 500px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; } .delete-icon__3dtul { font-size: 16px; color: #999999; cursor: pointer; } .delete-all__26Qhe { display: inline-flex; float: right; justify-content: flex-end; padding: 16px; color: #999999; cursor: pointer; } .delete-all__26Qhe .delete-icon__3dtul { margin-left: 8px; color: #999999; } .delete-all__26Qhe:hover { color: #333; } .delete-all__26Qhe:hover .delete-icon__3dtul { color: #333; } .search-key-box__3qrfE { flex: 1; margin: 0 0 0 32px; padding: 0; display: flex; align-items: center; } .search-item__2Tq-O { margin-right: 16px; background: rgba(239, 239, 239, 0.12); border-radius: 12px; border: 1px solid #e0e0e0; padding: 0 6px; color: #666666; cursor: pointer; list-style: none; display: flex; align-items: center; } .search-item__2Tq-O:last-child { margin: 0; } .search-item__2Tq-O:hover { background: rgba(239, 239, 239, 0.3); } .sreach-content__3o3Fq { max-width: 155px; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #666666; } .sreach-content__3o3Fq:hover { color: #333333; } .search-title__2D0-P { padding: 0 8px 0 0; border: none; background: none; color: #333333; margin-right: 0; cursor: auto; min-width: 82px; font-weight: 500; } .search-nav__3rGeq { display: flex; list-style: none; margin: 0; padding: 8px 0 0; } .nav-item__3YJ0m { padding: 28px 25px 0 0; } .nav-content__27ZbX { position: relative; padding: 0 0 6px; cursor: pointer; line-height: 33px; } .nav-content__27ZbX.active-type__2forW { border-bottom: 2px solid #ff9900; } .nav-text__dlvpp { font-size: 20px; font-weight: 400; padding-left: 4px; } .search-num__K3gEN { font-size: 18px; font-weight: 500; line-height: 25px; margin-left: 4px; } .activeNavText__3woml { color: #ff9900; } .fireShow__PCLlX { margin-right: 5px; color: #ff5b35; font-size: 14px; transform: scale(1.3) translateY(-0.3px); padding-top: 2px; } .topic__9iC8C { min-width: 1248px; } .topContainer__K23k3 { height: 338px; position: relative; margin: 0 auto; overflow: hidden; } .cover__2fACx { width: 1920px; position: absolute; height: 100%; left: 50%; top: 0; transform: translateX(-50%); background-repeat: no-repeat; background-size: cover; background-position: 50%; } @media (min-width: 1920px) { .cover__2fACx { width: 100%; } } .top__2kmEh { display: flex; width: 1368px; top: 56px; margin: 0 auto; position: relative; } .banner__n5sxO img { max-width: 1920px; width: 100%; display: block; margin: 0 auto; } .action__1SxZ4 { display: flex; margin-top: auto; align-items: center; } .ghostButton__3WBkA { background: transparent; font-size: 16px; width: 128px; height: 40px; display: flex; justify-content: center; align-items: center; border-radius: 21px; border: 2px solid #ffffff; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25); color: #fff; margin-right: 20px; cursor: pointer; } .share__15fVy { cursor: pointer; } .ghostButton__3WBkA:hover, .share__15fVy:hover { opacity: 0.8; } .primaryButton__6bBNF { background: #ff9900; } .media__3lskd { width: 327px; height: 226px; overflow: hidden; margin-right: 20px; position: relative; border-radius: 8px; } .media__3lskd.video__1o_sN { cursor: pointer; } .media__3lskd.video__1o_sN:hover .cover__2fACx { transform: scale(1.1); transition: all 0.3s ease 0s; } .media__3lskd .cover__2fACx { width: 100%; position: absolute; top: 0; left: 0; border-radius: 8px; transform: scale(1); transition: all 0.3s ease 0s; height: 100%; background-size: 100% 100%; } .media__3lskd .playControl__1t_gC { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; width: 42px; height: 42px; cursor: pointer; } .media__3lskd .playControl__1t_gC:hover { opacity: 0.8; } .content__2DYJ9 { font-weight: bold; line-height: 24px; word-break: break-all; max-width: 650px; display: flex; flex-direction: column; color: #fff; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3); } .topicTitle__42frA { font-size: 24px; font-weight: bold; line-height: 30px; letter-spacing: 1px; margin-bottom: 8px; } .topicDescription__2Ybx- { font-size: 16px; word-wrap: pre-wrap; } .projectTitle__1bR2B { font-size: 24px; margin: 10px 0 8px 0; } .projectDescription__3fQZy { font-size: 16px; } .bottom__3Tf2i { width: 1368px; display: flex; margin: 0 auto; padding: 32px 0 60px; } .right__2Y54f { flex: 1; margin-left: 20px; } .rules__Q1S9k, .weiguan__2IH16 { border-radius: 8px; width: 328px; padding: 20px; background-color: #fff; margin-bottom: 20px; } .rules__Q1S9k { min-height: 646px; } .rulesContent__1n63a { word-break: break-all; white-space: pre-wrap; line-height: 24px; font-size: 16px; padding: 12px 0; overflow-y: auto; } .blockTitle__RGLNg { font-size: 18px; font-weight: bold; line-height: 25px; } .weiguanItem__3RhHS + .weiguanItem__3RhHS { margin-top: 20px; } .weiguanItem__3RhHS img { width: 287px; height: 180px; border-radius: 6px; } .filter__3Q7ij { margin-bottom: 16px; } .categoryFilterItem__1IB9- { display: inline-flex; padding-bottom: 4px; line-height: 20px; font-size: 16px; color: #333333; margin-right: 20px; position: relative; } .categoryFilterItem__1IB9-.active, .categoryFilterItem__1IB9-:hover { color: #ff9900; } .categoryFilterItem__1IB9-.active:after { background: #ff9900; } .categoryFilterItem__1IB9-:after { position: absolute; content: ""; display: block; height: 2px; border-radius: 2px; width: 100%; left: 0; bottom: 0; background: transparent; } .sortFilterItem__2iQrM { color: #999999; margin-left: 20px; font-size: 14px; line-height: 18px; } .sortFilterItem__2iQrM.active, .sortFilterItem__2iQrM:hover { color: #ff9900; } .projects__3O1HY { padding: 20px 20px 0px; background: #fff; margin-bottom: 20px; border-radius: 6px; min-height: 646px; } .blank__3L48k { height: 100%; text-align: center; padding-top: 192px; color: #666666; } .blank__3L48k img { margin-bottom: 12px; width: 200px; height: 184px; } .projectList__36SLF { display: flex; flex-wrap: wrap; margin-right: -20px; } .comments__wlzQ9 { padding: 32px 32px 0px; background: #fff; border-radius: 6px; } .projectModal__21tV0 .ant-modal-title { font-size: 24px; padding-right: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .projectModal__21tV0 .ant-modal-header { border-bottom: none; padding: 24px 24px 0; } .projectModal__21tV0 .ant-modal-body { padding-top: 12px; } .player__28NkV { border-radius: 6px; overflow: hidden; } .teacherProverbs__3DaSu { padding: 12px 18px 14px; background: rgba(255, 199, 0, 0.1); border-radius: 6px; border: 2px solid #ffc700; } .teacher__3Fufr { display: inline-flex; align-items: center; margin-bottom: 12px; font-size: 20px; color: #6bb65e; } .teacher__3Fufr img { width: 30px; height: 34px; margin-right: 10px; } .projectMain__I7ZfF { display: flex; margin-bottom: 16px; } .projectSummary__1CWDP { display: flex; width: 410px; margin-left: 20px; flex-direction: column; } .descriptionAndOp__171gj { overflow: auto; } .projectStat__30W0f { display: inline-flex; align-items: center; color: #666; margin-top: auto; } .stat__12z1a { font-size: 12px; margin-top: 6px; } .stat__12z1a .icon { font-weight: normal; display: inline-flex; align-items: center; color: #fff; margin-right: 20px; } .stat__12z1a .icon svg [p-id="main"] { fill: #fff; } @media (max-width: 1400px) { .top__2kmEh, .bottom__3Tf2i { width: 1120px; } } .project__1ZI5w { width: 230px; border-radius: 0px 0px 4px 4px; overflow: hidden; margin: 0 20px 20px 0; } .footer__oGbGG { background: #fff; padding: 8px 0px 8px; } .projectTitle__3lPbg { color: #333; display: inline-flex; max-width: 100%; cursor: pointer; margin-bottom: 4px; } .projectTitle__3lPbg .title__383lU { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .stat__1EzFd { font-size: 12px; line-height: 21px; height: 21px; color: #bdbdbd; } .statItem__1tqKy { display: inline-flex; align-items: center; margin-right: 18px; } .statItem__1tqKy .iconfont { margin-right: 4px; width: 14px; height: 14px; font-size: 12px; } .coverWrap__195tY { overflow: hidden; width: 230px; height: 173px; border-radius: 7px; position: relative; } .baseIcon__1jVLg { width: 80px; display: inline-flex; text-align: center; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16); border-radius: 6px 0px 25px 0px; color: #fff; font-size: 14px; line-height: 32px; height: 32px; position: absolute; top: 0; left: 0; z-index: 10; padding: 0 10px; } .chosen__3KYl3 { background: linear-gradient(128deg, #ffb100 0%, #ff9900 100%); } .official__1UqdV { background: linear-gradient(90deg, #4db7ff 0%, #4d97ff 100%); } .cover__OyfKh { border-top-left-radius: 6px; border-top-right-radius: 6px; display: block; transform: scale(1); transition: all 0.3s ease 0s; background: url("//xmcdn.oss-cn-shanghai.aliyuncs.com/community/static/img/default-loading.png") center center no-repeat; background-size: contain; } .cover__OyfKh:hover { transform: scale(1.1); transition: all 0.3s ease 0s; } .title__383lU { color: #333; font-size: 16px; line-height: 21px; max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; } .title__383lU:hover { color: #2d8fff; } .author__2QuKu { margin-top: 8px; display: inline-flex; max-width: 100%; align-items: center; } .author__2QuKu img { display: block; margin-right: 8px; width: 24px; height: 24px; border-radius: 50%; } .author__2QuKu .nickname__3s-rz { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #333; font-size: 12px; } .author__2QuKu .nickname__3s-rz:hover { color: #2d8fff; } .studioBody__J8yYx { width: 1447px; margin: 0 auto; padding-top: 0; display: flex; justify-content: space-between; } @media all and (max-width: 1600px) { .studioBody__J8yYx { width: 1168px; } } .bodyLeft__3fE5Z { display: inline-block; width: 294px; border-radius: 6px; } .bodyRight__35896 { display: inline-block; } .dynamic__SlL_m { display: flex; border-radius: 6px; height: 468px; flex-direction: column; background: #ffffff; } .dynamicTitle__127V2 { margin: 20px 16px 0 16px; border-bottom: 1px solid #efefef; padding-bottom: 10px; font-size: 18px; color: #333333; } .dynamicBodyBox__hFr1y { margin: 0; height: 394px; padding: 10px 4px 24px 16px; } .dynamicBody__92DbQ { height: 100%; width: 100%; margin: 0; padding: 0; overflow-y: auto; overflow-x: hidden; list-style: none; color: #666666; } .dynamicItem__3VH6G { width: 95%; margin-bottom: 16px; } .dynamicItemText__182Dv { vertical-align: middle; } .dynamicNickname__1MLHn { vertical-align: middle; display: inline-block; font-size: 14px; max-width: 210px; color: #333333; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .dynamicReleaseTime__1nyrn { margin-left: 8px; font-size: 12px; color: #bdbdbd; vertical-align: bottom; } /*滚动条样式*/ .dynamicBody__92DbQ::-webkit-scrollbar { /*滚动条整体样式*/ width: 5px; /*高宽分别对应横竖滚动条的尺寸*/ } .dynamicBody__92DbQ::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ border-radius: 5px; background: #dbdbdb; } .dynamicBody__92DbQ::-webkit-scrollbar-track { /*滚动条里面轨道*/ border-radius: 0; background: rgba(0, 0, 0, 0); } .bulletinBoard__18ijr { height: 398px; margin-top: 16px; background: #ffffff; border-radius: 6px; display: flex; flex-direction: column; } .bulletinTitle__f3txK { display: flex; justify-content: space-between; padding: 12px 0 10px; margin: 8px 16px 10px; border-bottom: 1px solid #efefef; font-size: 18px; color: #333333; } .editBox__2BKoA { display: inline-block; font-size: 16px; color: #999999; cursor: pointer; } .editBox__2BKoA:hover { color: #666666; } .editIcon__23pno { margin-right: 6px; font-size: 14px; } .bulletinBody__1NP_v { flex: 1; height: 330px; padding: 0 16px 16px; font-size: 14px; color: #333333; word-break: break-all; word-break: break-word; white-space: pre-wrap; word-wrap: break-word; } .editTextAreaBox__3ILpa { width: 100%; height: 100%; position: relative; } .editTextArea__bl7mY { width: 100%; height: 100%; outline: none; resize: none; border: 1px solid #efefef; padding: 10px; border-radius: 4px; font-size: 14px; color: #666666; line-height: 18px; } .reduceNum__1pyl7 { position: absolute; bottom: 8px; right: 8px; font-size: 12px; color: #999999; } .btn__1B2uj { width: 56px; height: 24px; border-radius: 12px; font-size: 14px; outline: none; cursor: pointer; line-height: 20px; } .btnCancel__2Nc6a { background: #ffffff; border: 1px solid #e0e0e0; color: #999999; margin-right: 16px; } .btnSubmit__P6ir2 { background: #ff9900; border: 1px solid #ff9900; color: #ffffff; } .btnSubmit__P6ir2:hover { opacity: 0.8; } .btnSubmitDis__1QrV1 { border: 1px solid #efefef; color: #999999; background: #efefef; cursor: not-allowed; } .btnSubmitDis__1QrV1:hover { opacity: 1; } .reduceNumWarn__3FniQ { color: #f5222d; } .starMemberBody__2LVQL { position: relative; } .memberHeader__2B-q8 { position: absolute; left: 50%; top: -8px; transform: translateX(-50%); z-index: 2; width: 160px; height: 40px; line-height: 32px; text-align: center; font-size: 20px; color: #ffffff; } .headBg__3ER_q { width: 160px; position: absolute; top: 0; left: 0; z-index: -1; } .starMemberBox__Ny3WD { display: flex; justify-content: center; padding: 64px 0 0; list-style: none; width: 1137px; height: 247px; margin-bottom: 16px; background: linear-gradient(360deg, #ffffff 0%, #fffbe7 100%); border-radius: 6px; } @media all and (max-width: 1600px) { .starMemberBox__Ny3WD { width: 858px; } } .starMemberInfo__Vw_Pq { position: relative; display: flex; justify-content: center; flex-direction: column; align-items: center; width: 138px; margin-right: 16px; } .starMemberInfo__Vw_Pq:nth-last-of-type(1) { margin-right: 0; } .starMemberBossH__2YJKV:hover .avatarCancel__2cAVg { display: block; cursor: pointer; } .avatarHasPerson__1VeSG:hover { cursor: pointer; } .avatarHasPerson__1VeSG:hover .avatarInner__287iF { display: block; cursor: pointer; } .avatarHasPerson__1VeSG:hover .changeMember__241Kq { color: #ffffff; display: block; } .avatarBox__zkt5g { width: 64px; height: 64px; border-radius: 50%; background: #ecf5ff; border: 2px solid #b1c3d6; padding: 9px 8px; text-align: center; font-size: 16px; color: #b1c3d6; line-height: 20px; } .avatarBoxHover__1Knov:hover { background: rgba(0, 0, 0, 0.5); cursor: pointer; } .avatarBoxHover__1Knov:hover .changeMember__241Kq { color: #ffffff; display: block; } .avatarBoxHover__1Knov:hover .paddingChange__2FsIN { display: none; } .avatar__xiPgy { display: block; width: 64px; height: 64px; border-radius: 50%; background: #c4c4c4; border: 2px solid #69adfb; } .avatarCancel__2cAVg { position: absolute; z-index: 5; top: 24px; right: 22px; display: none; font-size: 12px; color: #ffffff; width: 16px; height: 16px; background: rgba(0, 0, 0, 0.5); border-radius: 50%; text-align: center; line-height: 17px; } .avatarInner__287iF { display: none; position: absolute; top: 30px; left: 37px; background: rgba(0, 0, 0, 0.5); width: 64px; height: 64px; border-radius: 50%; padding: 9px 8px; text-align: center; font-size: 16px; color: #ffffff; line-height: 20px; border: 2px solid #b1c3d6; } .avatarInnerC__3gRZa { width: 88px; height: 88px; left: 25px; top: 29px; padding: 26px 24px; } .noChange__2FnCf { display: none; } .paddingChange__2FsIN { display: block; } .changeMember__241Kq { display: none; } .position__2T9MW { display: block; margin-top: -10px; width: 58px; height: 20px; background: #69adfb; box-shadow: 0px 1px 4px 0px rgba(105, 173, 251, 0.3); border-radius: 10px; border: 1px solid #ffffff; font-size: 14px; color: #ffffff; line-height: 18px; text-align: center; z-index: 2; } .nobody__3s-Gc { background: #b1c3d6; } .nickname__2jNSu { margin: 8px 0 4px; width: 138px; height: 20px; font-size: 14px; color: #333333; line-height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: center; } .tags__PmDLG { list-style: none; display: flex; padding: 0; justify-content: center; height: 20px; } .tag__3Fwhv { display: inline-block; padding: 4px 3px 3px; height: 20px; background: #ffffff; border-radius: 2px; border: 1px solid #e0e0e0; text-align: center; font-size: 12px; color: #999999; line-height: 10px; margin-right: 8px; } .tag__3Fwhv:nth-last-of-type(1) { margin-right: 0; } .crown__G2tD3 { display: none; } .starMemberBoss__3-irs { margin-top: -23px; position: relative; } .starMemberBoss__3-irs .avatar__xiPgy { width: 88px; height: 88px; background: #c4c4c4; border: 3px solid #ffa624; } .starMemberBoss__3-irs .position__2T9MW { background: #ffad31; box-shadow: 0px 1px 4px 0px rgba(255, 173, 49, 0.3); } .starMemberBoss__3-irs .crown__G2tD3 { display: block; width: 30px; height: 30px; position: absolute; top: 12px; right: 15px; } .memberModel__2yXaI { position: absolute; top: 146px; left: -395px; width: 560px; max-height: 400px; padding: 24px 24px 0; z-index: 20; display: block; cursor: default; background: #ffffff; box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2); border: 1px solid #efefef; border-radius: 6px; } .memberModel__2yXaI .tooltipArrowBig__3nsIV { position: absolute; right: 80px; top: -24px; z-index: 1; display: inline-block; border-top: 12px transparent solid; border-left: 12px transparent solid; border-bottom: 12px #efefef solid; border-right: 12px transparent solid; } .memberModel__2yXaI .tooltipArrow__2D3sM { position: absolute; right: 82px; top: -20px; z-index: 2; display: inline-block; border-top: 10px transparent solid; border-left: 10px transparent solid; border-bottom: 10px #ffffff solid; border-right: 10px transparent solid; } .tooltipBody__VrP1e { height: 100%; width: 100%; } .bodyTitle__1Xgur { margin: 0; padding-bottom: 16px; font-size: 18px; color: #333333; line-height: 18px; } .memberBox__2SjLT { width: 533px; max-height: 320px; overflow-y: auto; } .memberCard__1cLbd { position: relative; display: inline-flex; align-items: center; margin: 0 16px 16px 0; padding: 0 10px; justify-content: space-between; width: 160px; height: 64px; background: #ffffff; border-radius: 6px; border: 1px solid #e0e0e0; cursor: pointer; } .memberAvatar__20f99 { display: inline-block; width: 34px; height: 34px; border-radius: 50%; } .memberNickname__2Aax- { display: inline-block; width: 96px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .cardIconBox__3u_sv { position: absolute; top: 0; left: 0; width: 89px; } .cardIcon__17KvY { position: absolute; left: -1px; width: 24px; z-index: 3; } .chooseIcon__1Gy_C { display: block; position: absolute; z-index: 4; color: #ffffff; font-size: 12px; transform: scale(0.6); top: -2px; left: 1px; } .cardIconDis__vUstR { z-index: 2; } .cardDis__HmGfo { background: #f7f7f7; } .cardActive__2cX8T { background: rgba(255, 153, 0, 0.1); border: 1px solid #ff9900; } /*滚动条样式*/ .memberBox__2SjLT::-webkit-scrollbar { /*滚动条整体样式*/ width: 5px; /*高宽分别对应横竖滚动条的尺寸*/ } .memberBox__2SjLT::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ border-radius: 5px; background: #dbdbdb; } .memberBox__2SjLT::-webkit-scrollbar-track { /*滚动条里面轨道*/ border-radius: 0; background: rgba(0, 0, 0, 0); } .workEmptyImg__GyF5j { display: block; width: 168px; margin: 0 auto; } .workEmptyText__1Wq8C { text-align: center; margin-bottom: 40px; } .starWorkBody__3XPg7 { position: relative; padding-bottom: 5px; background: #ffffff; border-radius: 6px; } .workHeader__mCBsb { position: absolute; left: 50%; top: -8px; transform: translateX(-50%); z-index: 2; width: 160px; height: 40px; line-height: 32px; text-align: center; font-size: 20px; color: #ffffff; } .headBg__2K2sn { width: 160px; position: absolute; top: 0; left: 0; z-index: -1; } .starWorkBox__2KMV7 { padding: 44px 0 0 24px; width: 1137px; height: 614px; overflow: hidden; } @media all and (max-width: 1600px) { .starWorkBox__2KMV7 { width: 858px; } } .starWorkBox__2KMV7 .work-item { display: inline-block; box-shadow: 0 1px 14px 0 rgba(0, 0, 0, 0.05); } .workEmptyImg__1XlXW { display: block; width: 168px; margin: 144px auto 16px; } .workEmptyText__3rFQG { font-size: 16px; color: #999999; line-height: 20px; text-align: center; } .workList__3nQzR { width: 1447px; margin: 0 auto 0; min-height: 820px; background: #ffffff; border-radius: 6px; padding-left: 40px; padding-top: 40px; } .workListInner__25oR0 { width: 1420px; display: flex; flex-wrap: wrap; } @media all and (max-width: 1600px) { .workList__3nQzR { width: 1168px; } .workListInner__25oR0 { width: 1141px; } } .workTab__o4So7 { padding: 12px 31px 12px 0; width: 100%; height: 18px; font-size: 14px; color: #666666; line-height: 18px; text-align: right; } .workTab__o4So7 .workTabItem__3X-iD { margin-left: 24px; height: 19px; line-height: 19px; cursor: pointer; } .workTab__o4So7 .workTabItem__3X-iD:hover { color: #ff9900; } .cloud__enyDo { padding-right: 24px; border-right: 1px solid #efefef; } .workTabActive__1T_KK { color: #ff9900; } .paginationBox__y6un5 { margin: 0 auto; padding: 8px 30px 42px 0; text-align: center; } .workEmptyImg__37Wa9 { display: block; width: 206px; margin: 144px auto 16px; } .workEmptyText__Ip2R- { font-size: 16px; color: #999999; line-height: 20px; text-align: center; } .workList__344sa { width: 1447px; margin: 0 auto 0; min-height: 320px; background: #ffffff; border-radius: 6px; padding-left: 40px; } .workListInner__2YfOY { width: 1420px; min-height: 820px; } .workListInnerEmpty__1-UJj { min-height: 568px; } @media all and (max-width: 1600px) { .workList__344sa { width: 1168px; } .workListInner__2YfOY { width: 1141px; } } .workTab__v5vMJ { padding: 12px 55px 12px 0; width: 100%; font-size: 14px; color: #666666; line-height: 18px; text-align: right; margin: 0; } .workTabItem__13e8- { display: inline-flex; margin-left: 24px; height: 14px; line-height: 14px; cursor: pointer; } .workTabItem__13e8-:hover { color: #ff9900; } .cloud__21ISm { padding-right: 24px; border-right: 1px solid #efefef; } .workTabActive__3jJbQ { color: #ff9900; } .paginationBox__jIBnC { margin: 0 auto; padding: 8px 30px 42px 0; text-align: center; } .workEmptyImg__1hcbS { display: block; width: 168px; margin: 144px auto 16px; } .workEmptyText__2_fou { font-size: 16px; color: #999999; line-height: 20px; text-align: center; } .work__1yozN { position: relative; width: 254px; box-shadow: 0 1px 14px 0 rgba(0, 0, 0, 0.05); display: inline-block; margin-right: 24px; margin-bottom: 24px; border-radius: 6px; } .workImg__1ayT6 { display: block; width: 254px; height: 195px; overflow: hidden; border-top-left-radius: 6px; border-top-right-radius: 6px; } .workImg__1ayT6 img { border-top-left-radius: 6px; border-top-right-radius: 6px; width: 100%; height: 100%; transform: scale(1); transition: all 0.3s ease 0s; } .workImg__1ayT6 img:hover { transform: scale(1.1); transition: all 0.3s ease 0s; } .userInfoBox__Xcg1z { padding: 8px 16px 16px; width: 254px; background: #ffffff; border-radius: 0px 0px 6px 6px; } .workName__1Exsg { display: inline-block; margin: 0; width: 222px; height: 21px; line-height: 21px; font-size: 16px; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; } .workName__1Exsg:hover { color: #2d8fff; } .workTitle__3v9hq { margin: 0 0 8px; width: 222px; height: 21px; line-height: 21px; font-size: 16px; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; } .workTitle__3v9hq:hover { color: #2d8fff; } .workData__1xDBy { margin: 0; padding: 0; } .dataItem__3t3ks { display: inline-flex; list-style: none; font-size: 12px; line-height: 15px; color: #999; margin-right: 18px; } .dataItem__3t3ks:last-child { margin: 0; } .dataNum__3Fvrc { margin-left: 4px; } .dataIcon__3LDFL { color: #bdbdbd; font-size: 18px; } .userLink__17n68 { margin-top: 10px; display: flex; align-items: center; } .userAvatar__1gBl9 { display: inline-block; width: 24px; height: 24px; margin: 0 8px 0 0; box-sizing: border-box; border-radius: 50%; border: 1px solid #efefef; cursor: pointer; } .nickname__1EiGT { flex: 1; font-size: 14px; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; } .nickname__1EiGT:hover { color: #2d8fff; } .workIconBox__1n1ra { position: absolute; z-index: 2; font-size: 14px; color: #ff9900; width: 68px; text-align: center; cursor: default; } .workIcon__1pZYp { position: absolute; top: -4px; left: -6px; z-index: -1; display: block; width: 82px; opacity: 0.9; } .workIconBox1__2cWG1 { left: 0; top: 0; color: #ff9900; } .workIconBox2__1OD5t { left: 0; top: 32px; color: #2d8fff; } .workIconBox3__-Gy8g { left: 0; top: 0; color: #2d8fff; } .workIconBoxHidden__2kzsK { display: none; } .imgBox__2SjgM { position: relative; } .imgBox__2SjgM:hover .workTags__-sxz_ { display: flex; } .workTags__-sxz_ { margin: 0; padding: 15px 0; position: absolute; width: 100%; height: 48px; display: none; justify-content: space-around; list-style: none; bottom: 0px; background: rgba(0, 0, 0, 0.7); font-size: 14px; color: #ffffff; z-index: 2; } .workTag__3tX4M { display: inline-block; cursor: pointer; } .workTag__3tX4M:hover { color: #ff9900; } .workTagNotAllow__26Ul4 { cursor: not-allowed; } .workTagNotAllow__26Ul4:hover { color: #ffffff; } .workLink__3ZwOP { font-size: 14px; color: #ffffff; display: inline-block; cursor: pointer; } .workLink__3ZwOP:hover { color: #ff9900; } .versionTag__2P-i1 { padding: 2px 9px; background: #ff9900; font-size: 12px; line-height: 15px; font-weight: bold; color: #ffffff; box-shadow: 0px 2px 4px 0px rgba(51, 51, 51, 0.2); border-radius: 9px; position: absolute; bottom: 8px; right: 8px; z-index: 1; } .itemOuter__2XkqW { padding: 12px 0; border-bottom: 1px solid #e8e8e8; } .composeName__356H4 { color: #333333; font-size: 14px; width: 140px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; transform: translateY(5px); margin-right: 16px; } .text__24TYJ { color: #999999; font-size: 12px; margin-right: 32px; display: inline-block; width: 70px; text-align: end; } .time__22LTD { color: #999999; font-size: 12px; margin-right: 36px; } .cloudOuter__3KtYP { width: 100%; height: 340px; } .itemOuter__2XkqW .ant-btn { height: 24px; font-size: 12px; box-shadow: none; } .itemMiddleInner__9Um9h { margin-top: -6px; } .activeContainer__1_yEM { background: #f9f9f9; padding-top: 48px; text-align: center; min-width: 1248px; } .activeBox__2Ouux { width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap; } .activeItem__3NTH6 { position: relative; display: inline-block; width: 584px; margin-bottom: 32px; } .activeTag__2YlED { position: absolute; z-index: 2; top: 0; left: 0; display: block; width: 68px; height: 32px; line-height: 32px; background: rgba(0, 0, 0, 0.5); border-radius: 4px 0px 8px 0px; font-size: 16px; color: #ffffff; } .activeItemImgBox__QhUkZ { width: 100%; height: 291px; overflow: hidden; border-radius: 4px 4px 0px 0px; cursor: pointer; background: url(//xmcdn.oss-cn-shanghai.aliyuncs.com/community/static/img/default-loading.png) center center no-repeat; background-size: 100% 291px; } .activeItemImg__EDgsq { display: block; width: 100%; height: 291px; border-radius: 4px 4px 0px 0px; transition: all 0.3s ease-in-out; } .activeItemImg__EDgsq:hover { transform: scale(1.05); } .activeInfo__1Pn_U { padding: 16px; background: #ffffff; border-radius: 0px 0px 4px 4px; } .activeInfoTop__hf3ad { margin-bottom: 12px; display: flex; justify-content: space-between; } .activeItemTitle__3cDsc { margin: 0; max-width: 375px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 18px; color: #070707; text-align: left; cursor: pointer; } .activeItemTitle__3cDsc:hover { color: #2d8fff; } .activeItemText__1W9OI { display: flex; justify-content: space-between; width: 126px; font-size: 18px; color: #070707; } .timeNum__1nYhr { font-weight: bold; } .disTimeNum__29Wt2 { color: #999999; } .timeText__jMpMM { margin-left: 2px; font-size: 12px; color: #999999; } .activeInfoBottom__1cSKz { margin-bottom: 16px; display: flex; justify-content: space-between; } .activeItemBtn__zkr1L { width: 60px; height: 24px; border-radius: 12px; font-size: 14px; line-height: 22px; outline: none; border: none; } .activeTime__2883z { font-size: 14px; color: #999999; } .activeBtn__2zeVh { background: #ff9900; color: #ffffff; } .disableBtn__2f_9n { background: #e0e0e0; color: #999999; } .paginationBox__rH_G6 { width: 1248px; margin: 16px auto 80px; } .blankImgBox__1hMl0 { margin: 0 auto; } .blankImgBoxInner__2wz-X { height: 600px; line-height: 500px; font-size: 18px; } .blankImg__2O-Ph { display: block; width: 200px; } .find-box__1Nf7s { margin: 0 auto 48px; color: #333333; min-width: 1248px; } .find-content__2j8eu { width: 1365px; margin: 0 auto; } .find-content__2j8eu .find-filter__2dylG { display: flex; height: 108px; justify-content: space-between; align-items: flex-start; } .find-content__2j8eu .find-filter__2dylG .sort-filter__1NRKh { margin-top: 24px; padding-left: 8px; } .find-content__2j8eu .find-filter__2dylG .sort-filter__1NRKh .sort-list__3kAJN { margin-bottom: 16px; display: flex; justify-content: flex-start; align-items: center; } .find-content__2j8eu .find-filter__2dylG .sort-filter__1NRKh .sort-list__3kAJN .type-item__2Goxe { display: flex; justify-content: flex-start; align-items: center; cursor: pointer; } .find-content__2j8eu .find-filter__2dylG .sort-filter__1NRKh .sort-list__3kAJN .type-item__2Goxe img { width: 24px; height: 24px; margin-right: 4px; } .find-content__2j8eu .find-filter__2dylG .sort-filter__1NRKh .sort-list__3kAJN .type-item__2Goxe .type-title__C96pr { font-size: 16px; font-weight: 400; color: #6d757b; margin-right: 20px; } .find-content__2j8eu .find-filter__2dylG .sort-filter__1NRKh .sort-list__3kAJN .type-item__2Goxe:hover { opacity: 0.8; } .find-content__2j8eu .find-filter__2dylG .sort-filter__1NRKh .sort-list__3kAJN .type-item-active__2N6Qw .type-title__C96pr { color: #ff9900; font-weight: 600; } .find-content__2j8eu .find-filter__2dylG .filters-input__fdq7- { margin-top: 18px; } .find-content__2j8eu .find-filter__2dylG .filters-input__fdq7- .ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) { border-color: #ff9900; } .find-content__2j8eu .find-filter__2dylG .filters-input__fdq7- .ant-input-affix-wrapper:focus-visible .ant-input:not(.ant-input-disabled) { border-color: #ff9900; box-shadow: none; } .find-content__2j8eu .find-filter__2dylG .filters-input__fdq7- .ant-input-affix-wrapper:focus .ant-input:not(.ant-input-disabled) { border-color: #ff9900; box-shadow: none; } .find-content__2j8eu .find-filter__2dylG .filters-input__fdq7- .ant-input-affix-wrapper:focus-within .ant-input:not(.ant-input-disabled) { border-color: #ff9900; box-shadow: none; } .find-content__2j8eu .find-filter__2dylG .filters-input__fdq7- .ant-input-search-icon { font-size: 17px; } @media all and (max-width: 1600px) { .find-content__2j8eu { width: 1090px; margin: 0 auto; } } .find-title__yHyGE { display: flex; justify-content: space-between; } .title-all__3hnsH { font-weight: normal; height: 18px; font-size: 14px; color: #666666; line-height: 18px; margin-left: 30px; } .sort-type__151g1 { list-style: none; display: flex; align-items: center; justify-content: space-between; margin: 0; } .sort-item__3cuqQ { margin-left: 12px; width: 40px; height: 28px; line-height: 25px; font-size: 14px; text-align: right; cursor: pointer; color: #666666; list-style: none; padding-right: 4px; border: none; outline: none; background: transparent; } .sort-item__3cuqQ:hover { color: #ff9900; } .sort-item__3cuqQ.selected__1P2Uy { color: #ff9900; } .find-list-box__5BpCQ { display: flex; flex-wrap: wrap; justify-content: flex-start; width: 103%; margin-bottom: 32px; } .find-page__2xlOZ { text-align: center; } .blank-box__1E4_z { margin: 0 auto; display: flex; flex-direction: column; align-items: center; height: 500px; justify-content: center; } .blank-img__1ODRy { width: 170px; height: 120px; } .tips__vY9ck { margin-top: 12px; font-size: 14px; line-height: 16px; color: #999999; } .tag__Di4ec { margin-right: 12px; cursor: pointer; padding: 2px 12px; background-color: #fff; border: 1px solid #e0e0e0; border-radius: 10px; font-size: 12px; font-weight: 400; color: #9ba2a7; } .tag__Di4ec:hover { color: #ff9900; border-color: #ff9900; } .activeTag__1MsXo { background-color: #ff9900; color: #fff; border-color: #ff9900; } .activeTag__1MsXo:hover { color: #fff; border-color: #ff9900; } .publish-form__1YcFE { padding: 30px 20px 48px; } .input-box__1TBkC .ant-form-item-label { flex: 0 0 136px; padding-right: 12px; text-align: right; } .input-box__1TBkC .ant-form-item-label label { font-size: 16px; color: #333333; line-height: 30px; } .input-box__1TBkC .ant-form-item-control-wrapper { flex: 1; } .compose-time__4Hod0 .ant-form-item-control { line-height: 1; } .input-box__1TBkC .ant-form-item-control-wrapper textarea.ant-input { margin: 0; } .input-box__1TBkC .ant-form-item-control-wrapper .ant-form-explain { color: #f56c6c; font-size: 12px; padding-top: 4px; height: 21px; } .input-box__1TBkC .ant-form-item-control-wrapper .anticon-close-circle { color: #e0e0e0; } .input-box__1TBkC .ant-form-item-control-wrapper .anticon-close-circle:hover { color: #4c84ff; } .video-input-box__3LLO4 { display: flex; align-items: center; } .model-box__2eGpk .ant-radio-button-wrapper { border: none; height: auto; padding: 0; margin: 0; } .model-box__2eGpk .ant-radio-group { display: flex; justify-content: space-between; } .model-box__2eGpk .ant-radio-button-wrapper:before { display: none; } .model-box__2eGpk .ant-radio-button-wrapper-checked { border: none; box-shadow: none; } .label-inline__2Gt4M { display: inline-flex; align-items: center; } .modal-box__2D-8W .ant-modal-body { padding: 32px; } .modal-box__2D-8W .anticon, .modal-box__2D-8W .ant-modal-confirm-title { display: none; } .modal-box__2D-8W .ant-modal-confirm-content { margin: 0; } .modal-box__2D-8W .ant-modal-confirm-btns { float: none; text-align: center; margin: 0; } .modal-box__2D-8W .ant-btn-primary { background: #4c84ff; border-color: #4c84ff; } .modal-box__2D-8W .ant-btn-primary:hover { background: #4c84ff; border-color: #4c84ff; } .modal-box__2D-8W { width: 480px !important; position: relative; border-radius: 6px; padding: 0; } .modal-container__ebqQb { margin: 0 0 32px; } .tip-box__1hiEc { display: flex; align-items: center; justify-content: center; position: relative; } .tip-icon__tKHkP { font-size: 24px; } .success-icon__XlPUc { color: #52c41a; } .warning-icon__2gQ6o { color: #faad14; } .tip-text__1YQRC { color: #333; font-size: 16px; line-height: 24px; margin-left: 16px; } .close-icon__1b5uf { position: absolute; top: 8px; right: 0; font-size: 16px; color: #999; cursor: pointer; } .modal-content__1iQ_c { display: flex; flex-direction: column; align-items: center; } .sub-text__3IPJy { color: #999999; margin: 0; } .code-box__Zr3ek { position: relative; background-image: url(//xmcdn.oss-cn-shanghai.aliyuncs.com/xm_world/pc/static/image/QRCode_background.png); background-repeat: no-repeat; background-size: 257px 269px; background-position: center; width: 257px; height: 269px; margin: 16px 0 0; } .qrcode-title__3hCUb { position: absolute; top: 44px; left: 60px; padding: 0 20px; font-size: 12px; color: #999; line-height: 16px; } .qrcode-box__17ZRn { position: absolute; top: 105px; left: 73px; } .hide__2NTRn { display: none; } .release-container__304CC { background: #fff; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.05); } .release-container__304CC .ant-radio-wrapper { margin-right: 32px; } .release-box__3AGHY { width: 1248px; margin: 32px auto 48px; } .release-container__304CC { width: 1200px; background: #fff; border-radius: 6px; margin: 0 auto; } .release-title__1W-CJ { display: flex; align-items: center; font-size: 22px; color: #333; line-height: 28px; margin: 0; padding: 28px 32px 18px; border-bottom: solid 1px #efefef; } .work-img-box__ZcN5n { display: flex; } .upload-button-out__3G3Br { position: relative; display: inline-block; width: 214px; height: 160px; border-radius: 4px; overflow: hidden; } .upload-button-out__3G3Br:hover .upload-button__PgHiH { display: flex; } .upload-button__PgHiH { display: none; position: absolute; width: 100%; height: 100%; line-height: 15px; left: 0; top: 0; cursor: pointer; background: rgba(0, 0, 0, 0.6); color: #fff; font-size: 12px; align-items: center; justify-content: center; } .upload-tip__TTgEA { font-size: 14px; font-weight: 400; color: #999999; margin-left: 13px; align-self: flex-end; line-height: 18px; } .upload-button__PgHiH:hover { background-color: rgba(0, 0, 0, 0.6); } .project-cover-wrap__egsRE { display: inline-flex; align-items: center; justify-content: center; width: 100%; height: 100%; border-radius: 4px; overflow: hidden; } .work-img__1Rl60 { max-width: 100%; max-height: 100%; } .work-form-box__3pZKI { flex: 1; margin-left: 32px; position: relative; } .input-box__1TBkC { display: flex; position: relative; } .work-title__2ldAv { height: 36px; } .work-abstract-box__3Uq1e { margin-bottom: 29px; } .length-num__2AW74 { position: absolute; line-height: 1; right: 8px; font-size: 12px; bottom: -2px; color: #999; } .count__1_m2D { font-style: normal; } .count-warn__3K5Wi { color: #f5222d; } .compose-time__4Hod0 { line-height: 21px; color: #999999; font-size: 14px; position: absolute; top: 375px; left: 95px; margin: 0; } .time-margin__3aOfy { margin-left: 20px; } .mobile-model__3xx4i { margin-top: 40px; } .title-tag__3YljQ { text-indent: 40px; font-weight: normal; font-size: 16px; color: #333333; margin: 40px 0 20px; } .publish-form__1YcFE .ant-form-item-with-help { margin-bottom: 24px; } .model-box__2eGpk { margin: 0; } .model-box__2eGpk .ant-radio-group-outline { width: 771px; display: flex; justify-content: space-between; } .mobile-img-box__jCbE4 { display: flex; align-items: center; justify-content: center; border-radius: 4px; border: solid 1px #e0e0e0; width: 140px; height: 80px; overflow: hidden; position: relative; } .mobile-img-box-checked__1dZJh { border-color: #666666; } .mobile-img-box__jCbE4:hover { border-color: #666666; } .model-item__2JMyQ { width: 139px; height: 79px; border: solid 1px #d8d8d8; border-radius: 4px; } .checked__LSiv1 { border-color: #666666; } .check-icon__3j55j { position: absolute; top: -1px; left: -1px; } .release-btn__3aGsB { margin: 64px 0 0 136px; } .release-btn__3aGsB .ant-btn-primary { width: 120px; height: 36px; line-height: 34px; font-size: 16px; } .release-btn__3aGsB [data-type="submit"] { margin-left: 25px; } .content-margin__2P4hG { margin: 8px 0 0 0; } .warn-text__2JNK4 { background: rgba(45, 143, 255, 0.1); font-size: 16px; line-height: 24px; color: #0091ff; } .tag-selector__2zJ7O .ant-tag { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-right: 12px; border-radius: 13px; padding: 4px 10px; line-height: 18px; font-size: 14px; border: 1px solid #e0e0e0; height: auto; } .tag-selector__2zJ7O .disable-tags__1IgGe .ant-tag { color: #999999; cursor: not-allowed; border-color: transparent; background: #efefef; } .tag-selector__2zJ7O .normal-tags__1Luhm .ant-tag-checkable-checked { color: #72b3ff; cursor: pointer; background: rgba(145, 197, 255, 0.2); border-color: #91c5ff; } .video-uploader__2Afkb { display: flex; align-items: center; } .upload-indicator__3PMNO { margin-left: 48px; line-height: 1.5; } .upload-status__aTqFc { color: #bdbdbd; margin-left: 26px; font-size: 12px; margin-top: 6px; } .video-upload-progress__2b8sE { position: relative; top: 6px; white-space: nowrap; display: flex; align-items: center; } .video-upload-progress__2b8sE .ant-progress-inner { width: 317px; } .video-upload-progress__2b8sE .ant-progress-status-success .ant-progress-bg { background-color: #1890ff; } .video-upload-progress__2b8sE .ant-progress-status-success .ant-progress-text { color: #1890ff; } .base-icon__TbAq4 { fill: #dddddd; stroke: #fff; } .base-icon__TbAq4:hover { fill: #2d8fff; } .stop-icon__3Jh7n { margin-right: 10px; } .release-record-button-container__33GPf { width: 128px; height: 53px; position: relative; cursor: pointer; } .release-record-button-container__33GPf[data-disabled="true"] { pointer-events: none; opacity: 0.8; } .movie-circle__3hJCI { position: absolute; left: 0; top: 0; z-index: 10; } .release-record-button-container__33GPf [xm-id="c1-copy-2"] { transform-origin: 25.7px 26.5px; -webkit-animation: a-reverse__saw4J 0.9s cubic-bezier(0.25, 0.1, 0.25, 1); animation: a-reverse__saw4J 0.9s cubic-bezier(0.25, 0.1, 0.25, 1); } .release-record-button-container__33GPf [xm-id="play-copy-3"] { transform-origin: 25.5px 25.7px; -webkit-animation: b-reverse__3tWjg 0.9s cubic-bezier(0.25, 0.1, 0.25, 1); animation: b-reverse__3tWjg 0.9s cubic-bezier(0.25, 0.1, 0.25, 1); } .release-record-button-container__33GPf:hover [xm-id="c1-copy-2"] { transform-origin: 25.7px 26.5px; -webkit-animation: a__31IGN 0.9s cubic-bezier(0.25, 0.1, 0.25, 1) forwards; animation: a__31IGN 0.9s cubic-bezier(0.25, 0.1, 0.25, 1) forwards; } .release-record-button-container__33GPf:hover [xm-id="play-copy-3"] { transform-origin: 25.5px 25.7px; -webkit-animation: b__44JPH 0.9s cubic-bezier(0.25, 0.1, 0.25, 1) forwards; animation: b__44JPH 0.9s cubic-bezier(0.25, 0.1, 0.25, 1) forwards; } .release-record-button-container__33GPf [xm-id="d1-copy-3"] { transform-origin: 51.2px 5px; -webkit-animation: c-reverse__xZwX0 0.9s cubic-bezier(0.25, 0.1, 0.25, 1); animation: c-reverse__xZwX0 0.9s cubic-bezier(0.25, 0.1, 0.25, 1); } .release-record-button-container__33GPf:hover [xm-id="d1-copy-3"] { transform-origin: 51.2px 5px; -webkit-animation: c__1TAgh 0.9s cubic-bezier(0.25, 0.1, 0.25, 1) forwards; animation: c__1TAgh 0.9s cubic-bezier(0.25, 0.1, 0.25, 1) forwards; } .release-record-button__1QSTz { position: absolute; left: 25px; bottom: 1px; cursor: pointer; color: #664b00; line-height: 20px; font-weight: 500; font-size: 14px; padding: 9px 16px 9px 31px; background: #ffb900; border: 0; outline: 0; white-space: nowrap; border-radius: 0px 100px 100px 0px; } .release-record-button__1QSTz:hover { background: rgba(255, 185, 0, 0.8); } @-webkit-keyframes a__31IGN { 0% { transform: rotate(0); } 50% { transform: rotate(135deg); } 100% { transform: rotate(105deg); } } @keyframes a__31IGN { 0% { transform: rotate(0); } 50% { transform: rotate(135deg); } 100% { transform: rotate(105deg); } } @-webkit-keyframes a-reverse__saw4J { 0% { transform: rotate(105deg); } 100% { transform: rotate(0); } } @keyframes a-reverse__saw4J { 0% { transform: rotate(105deg); } 100% { transform: rotate(0); } } @-webkit-keyframes b__44JPH { 0% { transform: scale(1); } 50% { transform: scale(1.5); } 100% { transform: scale(1.3); } } @keyframes b__44JPH { 0% { transform: scale(1); } 50% { transform: scale(1.5); } 100% { transform: scale(1.3); } } @-webkit-keyframes b-reverse__3tWjg { 0% { transform: scale(1.3); } 100% { transform: scale(1); } } @keyframes b-reverse__3tWjg { 0% { transform: scale(1.3); } 100% { transform: scale(1); } } @-webkit-keyframes c__1TAgh { 0% { transform: rotate(0); } 50% { transform: rotate(-20deg); } 100% { transform: rotate(-15deg); } } @keyframes c__1TAgh { 0% { transform: rotate(0); } 50% { transform: rotate(-20deg); } 100% { transform: rotate(-15deg); } } @-webkit-keyframes c-reverse__xZwX0 { 0% { transform: rotate(-15deg); } 100% { transform: rotate(0); } } @keyframes c-reverse__xZwX0 { 0% { transform: rotate(-15deg); } 100% { transform: rotate(0); } } .instruction-popover-title__1uOqc { font-size: 16px; text-align: center; font-weight: bold; line-height: 20px; } .instruction-popover-content__1upDx { margin: 0; } .not-supported-overlay__3_QBS { text-align: center; z-index: 1; } .not-supported-overlay__3_QBS .ant-btn { margin-top: 24px; } .not-supported-overlay__3_QBS .ant-popover-title { font-size: 16px; border: none; } .record-hint__2YktD { display: flex; align-items: center; flex-direction: row-reverse; width: 29px; transform: translateX(-5px); } .release-box__3vecq { position: relative; } .mask__Qc-6G { position: fixed; top: 0; right: 0; left: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.7); height: 100%; z-index: 99; } .release-container__Lp45L { position: fixed; overflow: auto; top: 0; right: 0; bottom: 0; left: 0; z-index: 99; display: flex; align-items: center; justify-content: center; } .release-content-box__3rQY7 { padding: 32px; min-width: 400px; box-sizing: border-box; display: flex; align-items: center; flex-direction: column; position: relative; } .close-icon-box__1gDeC { position: absolute; top: 5px; right: 0; width: 32px; height: 32px; border-radius: 50%; border: 1px solid #ffffff; display: flex; align-items: center; justify-content: center; cursor: pointer; } .close-icon-box__1gDeC:hover { border-color: rgba(255, 255, 255, 0.8); } .close-icon__3uNVK { font-size: 16px; color: #ffffff; } .qrcode-box__16Gqh { position: relative; width: 320px; height: 275px; margin: 16px 0 0; } .bg-img__1QE16 { width: 100%; height: 100%; } .qrcode__1WXqS { position: absolute; left: 50px; top: 110px; } .tip-text__Q2aYn { text-align: center; font-size: 16px; font-weight: bold; color: #ffffff; line-height: 21px; margin: 24px 0 32px; } .button-box__2UqFZ { width: 100%; display: flex; justify-content: center; } .button-item__38ACP { width: 144px; height: 36px; border-radius: 18px; border: 1px solid transparent; font-size: 16px; color: #ffffff; display: flex; justify-content: center; align-items: center; position: relative; cursor: pointer; } .button-tip__3TFPd { margin: 0 24px 0 0; border-color: #ffffff; } .button-tip__3TFPd:hover { border-color: rgba(255, 255, 255, 0.8); } .button-measure__2Wcy0 { background: linear-gradient(180deg, #ffb100 0%, #ff9900 100%); } .button-measure__2Wcy0:hover { opacity: 0.8; } .new-icon__RoR7Y { position: absolute; right: 10px; top: -4px; font-size: 12px; width: 30px; height: 15px; } .new-icon__RoR7Y svg { width: 100%; height: 100%; } .container__3Fw0X { background: #04050a; position: relative; padding-bottom: 280px; overflow: hidden; min-width: 1248px; } .bgBox__28RA0 { position: relative; z-index: 2; } .bgBoxbg__3UFwB { position: absolute; width: 100%; top: 840px; left: 0; z-index: -1; } .witchBox__ZwDNt { position: relative; overflow: hidden; } .bg3__37HLO { display: block; width: 100%; position: absolute; z-index: 2; } .witchBanner__8ujo9 { width: 100%; min-width: 1248px; } .witch__QAR2z { position: absolute; top: 20%; left: 68%; width: 50px; -webkit-animation: remove__3IA-w both 5s linear infinite; animation: remove__3IA-w both 5s linear infinite; opacity: 0; } @-webkit-keyframes remove__3IA-w { 0% { transform: translate(0px, 0px); opacity: 0; } 10% { transform: translate(40px, 60px) scale(1.5); opacity: 0.3; } 20% { transform: translate(-30px, 120px) scale(1.9); opacity: 1; } 35% { transform: translate(-150px, 90px) scale(1.9); opacity: 1; } 45% { transform: translate(-250px, 60px) scale(1.9); opacity: 1; } 55% { transform: translate(-350px, 120px) scale(2); opacity: 0; } 100% { opacity: 0; } } @keyframes remove__3IA-w { 0% { transform: translate(0px, 0px); opacity: 0; } 10% { transform: translate(40px, 60px) scale(1.5); opacity: 0.3; } 20% { transform: translate(-30px, 120px) scale(1.9); opacity: 1; } 35% { transform: translate(-150px, 90px) scale(1.9); opacity: 1; } 45% { transform: translate(-250px, 60px) scale(1.9); opacity: 1; } 55% { transform: translate(-350px, 120px) scale(2); opacity: 0; } 100% { opacity: 0; } } .star1__MaL7Q { position: absolute; top: 159px; left: 68%; transform: translateX(-50%); -webkit-animation: twinkle__31Le0 both 2s ease infinite; animation: twinkle__31Le0 both 2s ease infinite; } .star2__1B7nG { position: absolute; top: 100px; left: 50%; transform: translateX(-50%); width: 1248px; -webkit-animation: twinkle__31Le0 both 3s ease infinite; animation: twinkle__31Le0 both 3s ease infinite; } .branch1__1jBy8 { width: 210px; position: absolute; right: 0; top: 16px; -webkit-animation: branchMove__1kfS_ both 2s ease infinite; animation: branchMove__1kfS_ both 2s ease infinite; } .branch2__1lb6H { width: 130px; position: absolute; right: 0; top: 360px; -webkit-animation: branchMove__1kfS_ both 2s ease infinite; animation: branchMove__1kfS_ both 2s ease infinite; } .pumpkin2Box__3vDE_ { position: absolute; top: 51%; left: 25%; } .mask__ZsyFa { position: absolute; top: 29px; left: 2px; width: 116px; z-index: 2; } .pumpkin2__gXs6X { width: 119px; } .pumpkinEye2__1SfG2 { position: absolute; width: 72px; top: 44px; left: 22px; } .pumpkin1Box__Jivco { position: absolute; top: 47%; left: 14%; } .mask1__1nb7m { position: absolute; top: 51px; left: 9px; width: 154px; z-index: 2; } .pumpkin1__29YGd { width: 173px; } .pumpkinEye1__3QwH1 { position: absolute; width: 114px; top: 64px; left: 30px; } .pumpkin3Box__33LV2 { position: absolute; top: 47%; left: 55%; } .mask3__1H1MZ { position: absolute; top: 19px; left: 4px; width: 124px; z-index: 2; } .pumpkin3__1-Tpq { width: 126px; } .pumpkinEye3__645_M { position: absolute; width: 72px; top: 47px; left: 28px; } @media all and (max-width: 1400px) { .branch1__1jBy8 { display: none; } .branch2__1lb6H { display: none; } } @-webkit-keyframes branchMove__1kfS_ { 0% { transform: rotateZ(0deg); transform-origin: right; } 50% { transform: rotateZ(-15deg); transform-origin: right; } 100% { transform: rotateZ(0deg); transform-origin: right; } } @keyframes branchMove__1kfS_ { 0% { transform: rotateZ(0deg); transform-origin: right; } 50% { transform: rotateZ(-15deg); transform-origin: right; } 100% { transform: rotateZ(0deg); transform-origin: right; } } @-webkit-keyframes twinkle__31Le0 { 0% { opacity: 1; } 20% { opacity: 0.3; } 40% { opacity: 1; } 60% { opacity: 0.3; } 100% { opacity: 0; } } @keyframes twinkle__31Le0 { 0% { opacity: 1; } 20% { opacity: 0.3; } 40% { opacity: 1; } 60% { opacity: 0.3; } 100% { opacity: 0; } } .swing__1KgEs { width: 600px; position: absolute; left: 20px; top: 50px; -webkit-animation: swingPlay__2KESa 2s linear 0s infinite both; animation: swingPlay__2KESa 2s linear 0s infinite both; transform-origin: top center; } @-webkit-keyframes swingPlay__2KESa { 20% { transform: rotate3d(0, 0, 1, 15deg); } 40% { transform: rotate3d(0, 0, 1, -10deg); } 60% { transform: rotate3d(0, 0, 1, 5deg); } 80% { transform: rotate3d(0, 0, 1, -5deg); } 100% { transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swingPlay__2KESa { 20% { transform: rotate3d(0, 0, 1, 15deg); } 40% { transform: rotate3d(0, 0, 1, -10deg); } 60% { transform: rotate3d(0, 0, 1, 5deg); } 80% { transform: rotate3d(0, 0, 1, -5deg); } 100% { transform: rotate3d(0, 0, 1, 0deg); } } .reduceMargin__2Myo_ { margin-top: -420px; } @media all and (max-width: 1600px) { .reduceMargin__2Myo_ { margin-top: -180px; } } @media all and (max-width: 1300px) { .reduceMargin__2Myo_ { margin-top: -160px; } } .title__3HEt1 { position: relative; z-index: 2; display: block; width: 666px; margin: 0 auto; } .contributeBtn__3wttZ { display: block; margin: 32px auto 64px; width: 205px; cursor: pointer; position: relative; z-index: 2; } .contributeBtn__3wttZ:hover { opacity: 0.9; } .title1Text__3AkYg { padding-top: 36px; color: #ffffff; text-align: center; font-size: 16px; line-height: 18px; opacity: 0.8; } .bg1__3SiGw { display: block; width: 868px; margin: -6px auto 0; } .bg1Content__LadAO { display: flex; justify-content: center; align-items: center; margin: -6px auto 0; z-index: 1; width: 868px; height: 411px; background-image: url("//xmcdn.oss-cn-shanghai.aliyuncs.com/community/static/halloween/bg-1.png"); background-repeat: no-repeat; background-size: contain; background-position: center; position: relative; } .forward__1odnZ { padding-bottom: 48px; } .forwardContent__16rXo { width: 826px; height: 368px; background: rgba(15, 17, 23, 0.2); border-radius: 30px; } .forwardTitle__3zgY6 { margin: 20px 0; font-size: 16px; color: rgba(255, 255, 255, 0.6); line-height: 28px; text-align: center; } .forwardBody__IjcSb { display: flex; justify-content: space-around; } .forwardItem__2oLcb { display: inline-block; width: 315px; height: 281px; background: rgba(15, 17, 23, 0.2); border-radius: 30px; } .forwardTBox__1ANUd { padding-top: 14px; position: relative; height: 52px; z-index: 2; text-align: center; } .forwardBtn__3nLMw { position: absolute; left: 50%; transform: translateX(-50%); width: 186px; z-index: 0; } .forwardT__29atn { position: absolute; top: 25px; left: 50%; transform: translateX(-50%); font-size: 20px; font-weight: bold; color: #ffffff; line-height: 28px; z-index: 1; } .forwardGiftBox__2WlB_ { margin-top: 12px; padding-top: 24px; position: relative; height: 160px; z-index: 2; text-align: center; } .forwardGift__e_omb { position: absolute; left: 50%; transform: translateX(-50%); width: 189px; z-index: 0; } .forwardGiftBox2__2Gxhm { margin-top: 12px; padding-top: 14px; position: relative; height: 160px; z-index: 2; text-align: center; } .forwardGift2__Z9PAM { position: absolute; left: 50%; transform: translateX(-50%); width: 175px; z-index: 0; } .forwardGiftText__3dKCE { position: absolute; bottom: -4px; right: 8px; transform: translateX(-50%); z-index: 1; font-size: 16px; color: #527db9; line-height: 28px; } .forwardText__1vEyC { margin: 12px 0 0; font-size: 16px; color: #ffffff; line-height: 28px; text-align: center; } .nightText__Y89UP { padding-top: 30px; font-size: 16px; color: rgba(255, 255, 255, 0.8); text-align: center; } .nightCards__3t6wQ { padding-left: 54px; width: 932px; margin: 0 auto 56px; } .nightCard__3sqov { display: inline-block; width: 250px; margin-bottom: 32px; margin-right: 40px; } .timeImgBox__1Jvt0 { width: 760px; margin: 0 auto; padding: 32px 0 48px; text-align: center; } .timeImg__2QUod { margin-top: 32px; display: inline-block; width: 209px; } .timeImg2__2cmwQ { display: inline-block; width: 209px; height: 196px; margin: -32px 65px 0; } .ruleBody__uWsKO { display: flex; justify-content: center; align-items: center; margin: -5px auto 0; z-index: 1; width: 868px; height: 539px; background-image: url("//xmcdn.oss-cn-shanghai.aliyuncs.com/community/static/halloween/bg2.png"); background-repeat: no-repeat; background-size: contain; background-position: center; position: relative; } .ruleContain__3h2qs { padding-top: 24px; width: 828px; height: 498px; background: rgba(15, 17, 23, 0.2); border-radius: 30px; text-align: center; } .ruleTitle__2WDaH { margin-bottom: 6px; font-size: 20px; font-weight: bold; color: #ffffff; line-height: 28px; } .ruleText__j45QK { font-size: 16px; color: rgba(255, 255, 255, 0.8); line-height: 28px; padding-bottom: 12px; } .colorText__OBb9t { color: #ebb254; } .workBody__Hz6ZS { padding-top: 72px; position: relative; z-index: 2; } .ruleBox__2A358 { position: relative; width: 868px; margin: 0 auto; } .leftGui__2MMfj { width: 101px; position: absolute; left: 26px; z-index: 2; } .rightGui__3C1j7 { width: 111px; position: absolute; z-index: 2; right: 0; } .dot__2-AK_ { width: 108px; position: absolute; z-index: 2; } .leftImg__2qqxZ { position: absolute; left: -52px; top: 76px; } .leftImg__2qqxZ .dot__2-AK_ { left: -36px; } .rightImg__3a_uO { position: absolute; right: -60px; bottom: 180px; } .rightImg__3a_uO .dot__2-AK_ { right: -50px; bottom: -175px; } .rightbar__1czGH { position: fixed; z-index: 5; right: 100px; top: 50%; transform: translateY(-50%); text-align: center; width: 131px; color: #ffffff; font-size: 16px; transition: 0.2s transform ease-in-out; opacity: 0; } @media all and (max-width: 1300px) { .rightbar__1czGH { display: none; } } .rightBarShowAddRight__3SDMB { right: 117px; } .rightBarShow__1Mr5k { opacity: 1; } .rightBarHidden__1SFgU { transform: scale(0); } .rightbarBg__1dBn9 { position: absolute; z-index: -1; display: block; width: 131px; } .changeHeight__1fK5p { height: 244px; } .rightbarText__3vVxW { display: inline-block; cursor: pointer; margin: 0; } .rightbarText__3vVxW:hover { color: #5f96e2; } .rightbarTextActive__2864a { color: #5f96e2; } .rightbarText1box__1GvSG { line-height: 20px; margin: 0; padding-top: 36px; } .rightbarText1box__1GvSG .rightbarText__3vVxW { padding: 0 7px 0; } .rightbarLine__2mZo9 { display: inline-block; width: 84px; height: 2px; background: linear-gradient(90deg, rgba(55, 77, 140, 0) 0%, #374d8c 47%, rgba(55, 77, 140, 0) 100%); } .rightbarText2box__1730x { line-height: 20px; } .rightbarText2box__1730x .rightbarText__3vVxW { padding: 8px 7px 0; } .rightbarText3box__hrasY { padding-top: 6px; } .rightbarText3box__hrasY:hover .qrcodeBox__IHKum { display: flex; } .qrcodeBox__IHKum { position: absolute; display: none; width: 131px; height: 131px; left: -123px; top: 56px; z-index: 2; justify-content: center; align-items: center; } .qrcodeBg__3pKfB { position: absolute; top: 0; left: 0; width: 131px; z-index: -1; } .rightBarGui__1glSx { width: 111px; position: absolute; z-index: -1; right: -46px; top: 40px; } .works__3Tdon { padding: 24px 0 24px 24px; width: 858px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: center; background: rgba(30, 44, 89, 0.5); border-radius: 38px; } .footerImg__3chkn { position: absolute; left: 0; bottom: 0; width: 100%; z-index: 1; } .prizeCompose__325Rq { padding-top: 80px; position: relative; z-index: 2; } .prizeStudio__qWEdV { text-align: center; } .prizeWorks__39uw- { padding: 24px 0 24px 24px; width: 858px; margin: 0 auto 24px; display: flex; flex-wrap: wrap; justify-content: center; background: rgba(30, 44, 89, 0.5); border-radius: 38px; } .prizeStudioImg__2Fjbl { display: block; margin: 0 auto; width: 207px; } .prizeStudioIntro__BhlWc { margin: 16px 0 24px; font-size: 16px; color: #ffffff; line-height: 20px; } .studioList__2qs0y { margin: 0 auto; padding-left: 64px; width: 640px; display: flex; flex-wrap: wrap; } .studioPrizeComposeList__282IJ { display: flex; flex-wrap: wrap; } .studioItem__3uCea { margin-right: 64px; margin-bottom: 30px; display: inline-flex; flex-direction: column; align-items: center; justify-content: center; } .studioLogo__2Pwja { display: block; width: 88px; height: 88px; box-sizing: border-box; border-radius: 6px; background: #cccccc; } .studioName__1Vdf3 { width: 128px; margin: 12px 0 0; font-size: 16px; color: #ffffff; line-height: 28px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .starList__jchfI { margin: 0 auto; padding-left: 64px; width: 640px; display: flex; flex-wrap: wrap; } .starItem__1GZi9 { margin-right: 64px; margin-bottom: 30px; display: inline-flex; flex-direction: column; align-items: center; justify-content: center; } .starLogo__1v6MB { display: block; width: 88px; height: 88px; box-sizing: border-box; border-radius: 50%; background: #cccccc; } .studioPrizeComposeList__282IJ { width: 834px; } .studioPrizeComposeList__282IJ .work-info { background: #19274c; } .studioPrizeComposeList__282IJ .work-img { border: 1px solid #19274c; } .studioPrizeComposeList__282IJ .work-name, .studioPrizeComposeList__282IJ .data-icon, .studioPrizeComposeList__282IJ .data-num, .studioPrizeComposeList__282IJ .nickname { color: #dee0e5; } .workSection__2LVxB { width: 100%; } .workTitle__1v33N { line-height: 16px; padding: 0 24px 0 0; text-align: right; } .workText__1Ezr4 { font-size: 16px; color: #999999; } .workText1__2AlTY { font-size: 14px; color: rgba(88, 138, 208, 0.5); margin-right: 16px; cursor: pointer; } .workText1__2AlTY:nth-last-child(1) { margin-right: 0; } .workText1__2AlTY:hover { color: #588ad0; } .activeText__2gRI6 { color: #588ad0; } .workBox__3qI3K { display: flex; flex-wrap: wrap; } .paginationBox__2g7Fa { margin-top: 32px; text-align: center; width: 100%; } .blankBox__3N4TH { padding-right: 16px; width: 100%; display: flex; flex-direction: column; align-items: center; height: 570px; justify-content: center; } .blankImg__3VHH4 { width: 160px; height: 120px; } .tips__2PDnm { font-size: 16px; line-height: 21px; color: #999999; margin: 24px 0 0; text-align: center; } .paginationBox__2g7Fa .ant-pagination-prev:focus .ant-pagination-item-link { border-color: #5180c3; color: #5180c3; } .paginationBox__2g7Fa .ant-pagination-prev:hover .ant-pagination-item-link { border-color: #5180c3; color: #5180c3; } .paginationBox__2g7Fa .ant-pagination-next { border-color: #27416e; background: transparent; } .paginationBox__2g7Fa .ant-pagination-next a { color: #27416e; } .paginationBox__2g7Fa .ant-pagination-next:hover .ant-pagination-item-link { border-color: #5180c3; color: #5180c3; } .paginationBox__2g7Fa .ant-pagination-next:focus .ant-pagination-item-link { border-color: #5180c3; color: #5180c3; } .paginationBox__2g7Fa .ant-pagination-item-link { border-color: #27416e; color: #27416e; background: transparent; } .paginationBox__2g7Fa .ant-pagination-item-link a { color: #27416e; } .paginationBox__2g7Fa .ant-pagination-item { border-color: #27416e; background: transparent; } .paginationBox__2g7Fa .ant-pagination-item a { color: #27416e; } .paginationBox__2g7Fa .ant-pagination-item:hover { border-color: #5180c3; } .paginationBox__2g7Fa .ant-pagination-item:hover a { color: #5180c3; } .paginationBox__2g7Fa .ant-pagination-item-active { border-color: #5180c3; background: transparent; } .paginationBox__2g7Fa .ant-pagination-item-active a { color: #5180c3; } .paginationBox__2g7Fa .ant-pagination-disabled:hover .ant-pagination-item-link { border-color: #27416e; color: #27416e; background: transparent; } .paginationBox__2g7Fa .ant-pagination-disabled:hover .ant-pagination-item-link a { color: #27416e; } .workBox__3qI3K .work-info { background: #19274c; } .workBox__3qI3K .work-img { border: 1px solid #19274c; } .workBox__3qI3K .work-name, .workBox__3qI3K .data-icon, .workBox__3qI3K .data-num, .workBox__3qI3K .nickname { color: #dee0e5; } .work-item__1n9MU { width: 254px; margin: 0 24px 24px 0; position: relative; } .work-item__1n9MU:hover { box-shadow: 0 1px 14px 0 rgba(0, 0, 0, 0.05); } .person-operate__1imSk { width: 254px; height: 48px; padding: 16px 26px; margin: 0; background: rgba(51, 51, 51, 0.8); position: absolute; bottom: 0; left: 0; display: none; z-index: 1; } .person-operate__1imSk .recovery-work__1YDhx { display: inline-block; width: 100%; text-align: center; font-size: 14px; line-height: 16px; color: #fff; list-style: none; } .person-operate__1imSk .recovery-work__1YDhx:hover { color: #f90; } .person-operate__1imSk .person-operate-item__3VwDD { margin-right: 22px; font-size: 12px; line-height: 16px; color: #fff; list-style: none; } .person-operate__1imSk .person-operate-item__3VwDD:last-child { margin-right: 0; } .person-operate__1imSk .person-operate-item__3VwDD:hover { color: #f90; } .person-operate__1imSk .person-operate-item__3VwDD a { color: #fff; text-decoration: none; outline: none; } .person-operate__1imSk .person-operate-item__3VwDD a:link, .person-operate__1imSk .person-operate-item__3VwDD a:visited, .person-operate__1imSk .person-operate-item__3VwDD a:hover, .person-operate__1imSk .person-operate-item__3VwDD a:active { text-decoration: none; color: #fff; outline: none; } .person-operate__1imSk .person-operate-item__3VwDD a:not(.disabled):hover { color: #f90; } .person-operate__1imSk .person-operate-item__3VwDD a.disabled { opacity: 0.6; cursor: not-allowed; } .person-operate__1imSk .icon-del__3_oay { font-size: 12px; width: 12px; height: 12px; } .work-img-box__1QhRm { width: 254px; height: 195px; cursor: pointer; position: relative; border-top-left-radius: 6px; border-top-right-radius: 6px; background: url("//xmcdn.oss-cn-shanghai.aliyuncs.com/community/static/img/default-loading.png") center center no-repeat; background-size: contain; } .work-img-box__1QhRm .workInnerImg__SuY2u { display: block; border-top-left-radius: 6px; border-top-right-radius: 6px; } .work-img-box__1QhRm:hover .person-operate__1imSk { display: flex; } .unrealease-box__2b73X .iconfont { color: #fff; font-size: 12px; line-height: 24px; padding: 0 0 0 4px; } .unrealease-text__2_OVX { background: #fe5d30; border-radius: 2px 0 10px 0; display: inline-flex; font-size: 12px; line-height: 24px; color: #fff; z-index: 2; opacity: 0.95; text-align: center; padding: 0px 10px 0px 10px; } .unrealease-box__2b73X { position: absolute; z-index: 1; left: 1px; top: 1px; display: block; margin: 0; } .unrealease-box__2b73X .unrealease__3oZZQ { font-size: 90px; color: #ff5b35; } .unrealease-box__2b73X .unrealease-img__1_fYV { display: block; position: absolute; width: 64px; border-top-left-radius: 6px; } .violationOverlay__3qYqe .ant-popover-arrow { left: 30px !important; } .violationOverlay__3qYqe .ant-popover-inner-content { padding: 8px 16px; max-height: 104px; overflow-y: auto; } .violationOverlay__3qYqe .ant-popover-title { padding: 4px 16px; color: #333; } .violationItem__3FH5l { position: relative; display: flex; color: rgba(0, 0, 0, 0.65); font-size: 14px; line-height: 22px; box-sizing: content-box; } .violationItem__3FH5l:after { flex: none; content: attr(data-truncate); left: 100%; top: 0; white-space: nowrap; } .violationSource__3Vzdh { display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .prize-box__2xKSW { position: absolute; z-index: 1; left: -4px; top: -2px; display: block; margin: 0; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKUAAAAoCAYAAACfBTrcAAAEeElEQVR4Xu2dW0gUYRTHz6yaWRZB9dTlIRKLqKSIiG4v0RXBF0P3oSjrIbCHeogKewrCqJ4CISi7SKQupakldhEtLUq6aUYXL+A1s7XczW11Z+aLM8w3TLNb+uAOw35nYRh1Yb7z/c+Pc+a7HSX4/0ca53v6mhSYLAUYf1Ak6PjfzHf8mQCdLPnpOagAQsgv/rt2t4LGf3ddWr06ce/i5QfjXS53nCQtBYAZpCUpMMkK/BhV1dNTi69eBACVQ2qGkkdD17ut6QuWz55bJknSykk2gh5HClgVUBq+DSza+Kiqj4NpTdWuY6mp0/JXrX9KQBI9NimgVH/tS91ZW90NAAqCaYbSBQBxvsw9uTMSEi7YZBA1I7gCfjlUOLP0xlEAGAWAkBXKOABICGXtq493udYIrhV13wYFQirrzH72aMvtrq4hAAgCgIzRkr9H4j0eAKao2Tn9kgTJNthETQisAAOm3Ovtzkyvf/gcAH5bIyUCiak7AQASmTvnp8BaUddtUqA7EChYWH4rXwcSo+SYHim1KSG8tNQNAFOZOwdDKX1IgagpEFSUD8uq72R0+Hx+U5TUUjc2aoZyig6lN2rW0IOFV4AxGC1s+5RxoKmhxRQlcYCDQGqT6VYok5g757vwypEAUVOgze/LT6n0FOgDG3Pa5pPnRqTUBjl6pCQoo+YSsR88IstN8ypKsoaDwREdSpwGwrRtrOaY0zdBKTYvUe89Y/DrzPvmXXktTW2W0baRtrkRPH0TlFF3i9gNtPwcOrHiftlNy2hbW8HR3yUNgQhKsVmxpffDobHaWZ6i/XrKxjlJPv2jjbYJSlvcQI1wBRTGho68erHj4ufWnvHSNqVv4sYWBRoGB3I3PqyqmEjaJihtcQk18tI7eGhtTcXdCFEyLG0TlMSLLQqowLznWls2H3/X1KWvb+MUkHnHeZgdNNCxxTViNxJUlJqkkmuZBKXYHDiu997Rsdw5t4sK9T2TEUfdlL4d57aYN8jf6P22bkNN5Re+w9w6FURQxjwDzuugrLLGtMeV21sHB3F5MWwlh6B0ns+EsGg4NJY3y1OEx22MrWo0eS6E653bSdy61uz3bkqrKn/7rzROo2/n+i9mLZMZa3a/qNvk6egIRErjBGXMut7ZHRuR5fPJpddP0dY1Z/tJNOvkdr9v2+JKT6MFTNrkKxoJTuqvyqD97MfX606+eYOHFcOOQ9B+Sid5SyBbAop8eXrJ9cPm0Ti9UwoEgEO7qnh6ulN2P3nQG+mILZ7RoYNjDvVcDJulXOlsX3LgeR3utzTKtpjPfSOUdMQ2hglwUtdUYP7+QODc/PJiLAUYVrbFqJCBJxr1C4sTYJECKpbqJE/Ghi14LgcHNhgZcckRgfyrwJX1vRLTOAKJgx+CMjYgcFIveBlphBKXGjmYvCCBVgrQKJaqg4gw4oXREy/6kALRUIBHSw6ncf7bXMscAeTFrniEtBZVjYZx9EyxFOCREu8IpvnSvhuv6D69T4oFjJ29nVAhfgLQTpdQW1YFjH9Z8gegK9pHPaFUigAAAABJRU5ErkJggg==) center center no-repeat; width: 165px; height: 40px; background-size: contain; font-size: 16px; line-height: 20px; font-weight: bold; color: #ffffff; padding: 8px 0 0 12px; text-align: left; } .work-img__2Bmc5 { display: block; width: 254px; height: 195px; overflow: hidden; border-top-left-radius: 6px; border-top-right-radius: 6px; border: 1px solid #f7f7f7; } .work-img__2Bmc5 img { border-top-left-radius: 6px; border-top-right-radius: 6px; width: 100%; height: 100%; transform: scale(1); transition: all 0.3s ease 0s; } .work-img__2Bmc5 img:hover { transform: scale(1.1); transition: all 0.3s ease 0s; } .version-tag__28QFC { padding: 2px 9px; background: #ff9900; font-size: 12px; line-height: 15px; font-weight: bold; color: #ffffff; box-shadow: 0px 2px 4px 0px rgba(51, 51, 51, 0.2); border-radius: 9px; position: absolute; bottom: 8px; right: 8px; } .work-info__--slT { width: 254px; background: #ffffff; padding: 8px 16px 16px; display: flex; flex-direction: column; box-sizing: border-box; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; text-align: left; } .work-name-no-link__3vR9N { max-width: 222px; color: #333; overflow: hidden; display: inline-block; text-overflow: ellipsis; white-space: nowrap; font-weight: normal; font-size: 16px; line-height: 21px; margin: 0; text-decoration: none; outline: none; } .work-name__3DrC2 { max-width: 222px; color: #333; overflow: hidden; display: inline-block; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; font-weight: normal; font-size: 16px; line-height: 21px; margin: 0; text-decoration: none; outline: none; } .work-name__3DrC2:hover { color: #2d8fff; } .work-data__3Pyy9 { margin: 0; padding: 0; } .data-item__20G_v { display: inline-block; list-style: none; font-size: 12px; line-height: 1; color: #999; margin-right: 18px; } .data-item__20G_v:last-child { margin: 0; } .data-num__1dukc { margin-left: 4px; } .data-icon__2sxIj { font-size: 12px; width: 14px; height: 14px; } .user-info__1CkTU { margin-top: 10px; display: flex; align-items: center; } .user-info__1CkTU .user-link__3D1OH { width: 100%; display: flex; color: #333333; cursor: pointer; } .user-info__1CkTU .user-link__3D1OH:hover { color: #2d8fff; } .user-info__1CkTU .user-link__3D1OH .user-avatar-box__3aLeh { position: relative; width: 24px; height: 24px; } .user-info__1CkTU .user-link__3D1OH .user-avatar__2WDCb { display: inline-block; width: 24px; height: 24px; border-radius: 50%; } .user-info__1CkTU .user-link__3D1OH .user-avatar__2WDCb:hover .nickname__3j1KA { color: #2d8fff; } .user-info__1CkTU .user-link__3D1OH .nickname__3j1KA { line-height: 24px; margin-left: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; } .user-info__1CkTU .user-link__3D1OH .nickname__3j1KA:hover { color: #2d8fff; } .content-margin__24JGd { margin: 8px 0 0 0; } .warn-text__1RRGR { background: rgba(45, 143, 255, 0.1); font-size: 16px; line-height: 24px; color: #0091ff; } .workNameNoLinkBox__1plXl { width: 100%; } .workNameNoLink__obo-W { color: #666666; max-width: 242px; overflow: hidden; display: inline-block; text-overflow: ellipsis; white-space: nowrap; font-weight: normal; font-size: 16px; line-height: 21px; } .army-work__kM-Cu .work-info__--slT { background: rgba(255, 255, 255, 0.1); } .army-work__kM-Cu .work-name__3DrC2, .army-work__kM-Cu .nickname__3j1KA, .army-work__kM-Cu .data-item__20G_v { color: #ffffff; } .army-work__kM-Cu .work-name__3DrC2:hover, .army-work__kM-Cu .nickname__3j1KA:hover { color: #60fff7; } .army-work__kM-Cu .user-link__3D1OH:hover .nickname__3j1KA { color: #60fff7; } .studioIconBoxOuter__1C1wr { position: absolute; top: 8px; right: 8px; z-index: 1; padding-bottom: 10px; } .studioIconBoxOuter__1C1wr:hover .studioIcon__3uhkY { color: #ff9900; } .studioIconBoxOuter__1C1wr:hover .toolTipBox__3Lj9o { display: block; } .studioIconBox__2YVkf { display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; background: rgba(0, 0, 0, 0.5); box-shadow: 0px 2px 4px 0px rgba(174, 104, 0, 0.1); border-radius: 50%; cursor: pointer; } .toolTipBox__3Lj9o { position: absolute; z-index: 20; top: 16px; left: -165px; display: none; text-align: left; background: #fffbee; transition: all 0.2s ease-in-out; } .toolTipBox__3Lj9o .tooltipArrowBig__2CXyi { position: absolute; left: 176px; top: 13px; z-index: 0; display: inline-block; border-top: 5px transparent dashed; border-left: 6px transparent dashed; border-bottom: 6px #ffeba6 dashed; border-right: 6px transparent solid; } .toolTipBox__3Lj9o .tooltipArrow__30KYC { position: absolute; left: 178px; top: 15px; z-index: 1; display: inline-block; border-top: 4px transparent dashed; border-left: 4px transparent dashed; border-bottom: 4px #fffbee dashed; border-right: 4px transparent solid; } .toolTipBox__3Lj9o .tooltipBody__2rMmm { display: flex; position: absolute; top: 22px; padding: 10px; word-break: keep-all; margin: 0; border: 1px solid rgba(255, 199, 0, 0.3); background: #fffbee; color: #333333; box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.07); border-radius: 4px; width: 195px; height: 60px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .toolImgBox__klKlq { display: inline-block; margin-right: 8px; width: 40px; height: 40px; border-radius: 4px; } .toolImg__1avGV { display: inline-block; margin-right: 8px; width: 40px; height: 40px; border-radius: 4px; } .toolRight__18pwC { display: inline-block; } .toolRightTitle__26Qq5 { display: block; margin: 0 0 2px 0; font-size: 14px; color: #333333; line-height: 20px; width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .toolRightText__3mtOd { width: 118px; margin: 0; font-size: 12px; color: #666666; } .toolComposeNum__NgP31 { margin-right: 16px; } .studioIcon__3uhkY { color: #ffffff; } @media all and (max-width: 1600px) { .dispalyNone__2DrbB { display: none; } } .measureButton__3lAyL { display: inline-block; position: relative; width: 185px; height: 44px; } .measure-button-box__2T75i { z-index: 500; width: 100%; height: 100%; display: inline-block; background: linear-gradient(180deg, #e1e1e1 0%, #bababa 100%); box-shadow: 0 3px #a8a8a8; border-radius: 22px; position: relative; } .measure-button-content__2rq8r { position: relative; width: 100%; height: 100%; } .xiaomajun__1zdLj { position: absolute; left: 10px; bottom: 0; width: 46px; height: 50px; } .stick__18hHQ { position: absolute; left: 0; top: 12px; width: 16px; height: 18px; z-index: 2; transition: all 0.3s ease; transform-origin: 16px 18px; } .hand__2WMWm { position: absolute; left: 11px; bottom: 3px; width: 20px; height: 14px; transition: all 0.3s ease; } .star__Kqi06 { position: absolute; right: 17px; top: 3px; width: 20px; height: 27px; } .measure-text__2xqy8 { position: absolute; top: 13px; left: 65px; display: block; width: 80px; height: 20px; background-image: url(//xmcdn.oss-cn-shanghai.aliyuncs.com/community/2.3.4/prod/_next/static/images/measure-text3-4f1df2024445346d608008eeed52b47d.png); background-repeat: no-repeat; background-position: 0 -30px; background-size: 79px 59px; } .measure-text-enable__2MGbq { background-position: 0 0; transition: transform 0.3s ease; transform: scale(1); } .measure-button-box__2T75i.loading .measure-text__2xqy8 { background-position: 0 bottom; } .measure-text-loading__1Fhh5 { background-position: 0 -38px; } .measure-disabled-box__3sniD { cursor: not-allowed; } .circles__36J5L { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 20px; height: 20px; } .circles__36J5L { z-index: 400; } .c1__OfhPf { position: absolute; width: 15px; height: 15px; border-radius: 50%; border: 2px solid #ffb100; } .c2__1pnUe { position: absolute; width: 5px; height: 5px; border-radius: 50%; background-color: #ffb100; } .c3__2xT9N { position: absolute; width: 8px; height: 8px; border-radius: 50%; background-color: #ffb100; } .c4__3W7vx { position: absolute; width: 10px; height: 10px; border-radius: 50%; background-color: #ffb100; } .c5__1JIDq { position: absolute; width: 5px; height: 5px; border-radius: 50%; background-color: #ffb100; } .c6__3oVln { position: absolute; width: 10px; height: 10px; border-radius: 50%; background-color: #ffb100; } .c7__1Cv53 { position: absolute; width: 15px; height: 15px; border-radius: 50%; border: 2px solid #ffb100; } .measure-enable-box__iR0zF { background: linear-gradient(180deg, #ffb100 0%, #ff9900 100%); box-shadow: 0 3px #df8807; cursor: pointer; } .measureButton__3lAyL:hover .stick__18hHQ { transform: rotate(-20deg); } .measureButton__3lAyL:hover .hand__2WMWm { transform: rotate(-2deg); } .measureButton__3lAyL:hover .measure-text-enable__2MGbq { transform: scale(1.1); } .measureButton__3lAyL:hover .c1__OfhPf { -webkit-animation: c1__OfhPf 0.8s linear; animation: c1__OfhPf 0.8s linear; } .measureButton__3lAyL:hover .c2__1pnUe { -webkit-animation: c2__1pnUe 0.8s linear; animation: c2__1pnUe 0.8s linear; } .measureButton__3lAyL:hover .c3__2xT9N { -webkit-animation: c3__2xT9N 0.8s linear; animation: c3__2xT9N 0.8s linear; } .measureButton__3lAyL:hover .c4__3W7vx { -webkit-animation: c4__3W7vx 0.8s linear; animation: c4__3W7vx 0.8s linear; } .measureButton__3lAyL:hover .c5__1JIDq { -webkit-animation: c5__1JIDq 0.8s linear; animation: c5__1JIDq 0.8s linear; } .measureButton__3lAyL:hover .c6__3oVln { -webkit-animation: c6__3oVln 0.8s linear; animation: c6__3oVln 0.8s linear; } .measureButton__3lAyL:hover .c7__1Cv53 { -webkit-animation: c7__1Cv53 0.8s linear; animation: c7__1Cv53 0.8s linear; } @-webkit-keyframes c1__OfhPf { 0% { transform: translate(0, 0); } 100% { transform: translate(-150px, -150px); opacity: 0; } } @keyframes c1__OfhPf { 0% { transform: translate(0, 0); } 100% { transform: translate(-150px, -150px); opacity: 0; } } @-webkit-keyframes c2__1pnUe { 0% { transform: translate(0, 0); } 100% { transform: translate(-130px, -50px); opacity: 0; } } @keyframes c2__1pnUe { 0% { transform: translate(0, 0); } 100% { transform: translate(-130px, -50px); opacity: 0; } } @-webkit-keyframes c3__2xT9N { 0% { transform: translate(0, 0); } 100% { transform: translate(100px, -100px); opacity: 0; } } @keyframes c3__2xT9N { 0% { transform: translate(0, 0); } 100% { transform: translate(100px, -100px); opacity: 0; } } @-webkit-keyframes c4__3W7vx { 0% { transform: translate(0, 0); } 100% { transform: translate(130px, -80px); opacity: 0; } } @keyframes c4__3W7vx { 0% { transform: translate(0, 0); } 100% { transform: translate(130px, -80px); opacity: 0; } } @-webkit-keyframes c5__1JIDq { 0% { transform: translate(0, 0); } 100% { transform: translate(30px, 80px); opacity: 0; } } @keyframes c5__1JIDq { 0% { transform: translate(0, 0); } 100% { transform: translate(30px, 80px); opacity: 0; } } @-webkit-keyframes c6__3oVln { 0% { transform: translate(0, 0); } 100% { transform: translate(50px, 150px); opacity: 0; } } @keyframes c6__3oVln { 0% { transform: translate(0, 0); } 100% { transform: translate(50px, 150px); opacity: 0; } } @-webkit-keyframes c7__1Cv53 { 0% { transform: translate(0, 0); } 100% { transform: translate(150px, 20px); opacity: 0; } } @keyframes c7__1Cv53 { 0% { transform: translate(0, 0); } 100% { transform: translate(150px, 20px); opacity: 0; } } .information-container__61e8L { width: 100%; background-color: #f6f6f6; } .information-container__61e8L .header-container__17WwZ { width: 896px; margin: 0 auto; } .information-container__61e8L .content-container__1EAE4 { width: 100%; background-color: #fff; } .information-container__61e8L .comment-container__ufGol { width: 1088px; margin: 24px auto 48px; } .header-content-container__1rErq { padding: 40px 0 28px; } .header-content-container__1rErq .header-title__1QfEo { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-weight: 600; color: #333; line-height: 48px; font-size: 32px; margin-bottom: 8px; } .header-content-container__1rErq .header-detail__1EKjV { margin-bottom: 20px; font-size: 14px; font-weight: 400; color: #6d7278; line-height: 20px; } .header-content-container__1rErq .header-detail__1EKjV .vertical-line__reaWq { display: inline-block; width: 1px; height: 12px; background: #d8d8d8; margin: 0 16px; } .header-content-container__1rErq .header-user-info__3P4CZ { display: flex; justify-content: space-between; align-items: center; padding-right: 20px; } .header-content-container__1rErq .header-user-info__3P4CZ .header-user-detail__FoWBk { display: flex; align-items: center; justify-content: flex-start; } .header-content-container__1rErq .header-user-info__3P4CZ .header-user-detail__FoWBk img { width: 32px; height: 32px; border-radius: 32px; margin-right: 12px; cursor: pointer; } .header-content-container__1rErq .header-user-info__3P4CZ .header-user-detail__FoWBk .nickname__2TQgM { color: #333; font-size: 16px; font-weight: 500; line-height: 24px; margin-right: 8px; cursor: pointer; } .header-content-container__1rErq .header-user-info__3P4CZ .header-user-detail__FoWBk .signature__30Aqo { font-size: 14px; font-weight: 400; color: #666; line-height: 20px; margin-right: 12px; } .header-content-container__1rErq .header-user-info__3P4CZ .header-user-detail__FoWBk .fans__1Zd_9, .header-content-container__1rErq .header-user-info__3P4CZ .header-user-detail__FoWBk .thumb__R85Zo { font-size: 14px; font-weight: 400; color: #999999; line-height: 20px; margin-right: 12px; } .measure-container__6RKfr { min-width: 1248px; background: #f6f6f6; min-height: 500px; padding: 32px 0 56px; } .measure-content-box__1k-eO { width: 900px; background-color: #ffffff; background-image: url(//xmcdn.oss-cn-shanghai.aliyuncs.com/community/2.3.4/prod/_next/static/images/measure-bg-fdf6581dbe08a395e51a8732d3f24541.png); background-repeat: no-repeat; background-size: cover; margin: 0 auto; box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.07); border-radius: 8px; padding: 64px 0 94px; } .uploader-container__2kR0r { width: 562px; height: 414px; background: #fdfdfd; border-radius: 4px; border: 2px dashed rgba(155, 155, 155, 0.5); overflow: hidden; cursor: pointer; margin: 0 auto 36px; } .uploader-container__2kR0r:hover { border-color: #69adfb; } .uploader-container__2kR0r .ant-upload.ant-upload-drag { border: none; background: none; display: block; } .uploader-container__2kR0r .ant-upload.ant-upload-drag .ant-upload { padding: 0; } .uploader-container__2kR0r .ant-upload.ant-upload-select { display: block; width: 100%; height: 100%; } .upload-box__3VtK3 { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; } .upload-icon-box__2xadt { width: 100px; height: 100px; background: rgba(222, 238, 255, 0.6); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 0 16px; } .upload-icon__10lBY { font-size: 42px; color: #69adfb; } .upload-tip__2cE_p { font-size: 14px; line-height: 19px; color: #333333; margin: 0 0 8px; } .upload-tip__2cE_p:last-child { margin: 0; } .upload-tip-color__yJQhk { color: #2d8fff; } .scratch-container__2OIqd { width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; } .play-box__2TR4L { border-radius: 8px; border: 1px solid #dedede; } .show-player__2frWj { cursor: default; } .show-player__2frWj:hover { border-color: rgba(155, 155, 155, 0.5); } .show-player__2frWj .scratch-container__2OIqd { display: flex; } .show-player__2frWj .ant-upload.ant-upload-select { display: none; } .show-player__2frWj .ant-upload.ant-upload-drag { display: none; } .file-name-box__2G2EZ { display: flex; align-items: center; margin: 16px 0 0; } .file-name__3klc0 { max-width: 220px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .close-icon-box__2t_W9 { width: 16px; height: 16px; border-radius: 50%; background: #dddddd; display: flex; align-items: center; justify-content: center; cursor: pointer; margin: 0 0 0 8px; } .close-icon-box__2t_W9:hover { background: rgba(221, 221, 221, 0.8); } .close-icon__3SQd1 { fill: #999999; stroke: #fff; margin: 2px 0 0 8px; cursor: pointer; } .close-icon__3SQd1:hover { fill: rgba(153, 153, 153, 0.8); } .measure-button-box__2PrPJ { width: 185px; height: 44px; background: linear-gradient(180deg, #e1e1e1 0%, #bababa 100%); box-shadow: 0 3px #a8a8a8; border-radius: 22px; margin: 0 auto; position: relative; z-index: 10; } .measure-button-content__2hSU2 { position: relative; z-index: 1; width: 100%; height: 100%; } .xiaomajun__1srrV { position: absolute; left: 10px; bottom: 0; width: 46px; height: 50px; } .stick__2ySFy { position: absolute; left: 0; top: 12px; width: 16px; height: 18px; z-index: 2; transition: all 0.3s ease; transform-origin: 16px 18px; } .hand__1SN1k { position: absolute; left: 11px; bottom: 3px; width: 20px; height: 14px; transition: all 0.3s ease; } .star__1fVBj { position: absolute; right: 17px; top: 3px; width: 20px; height: 27px; } .measure-text__2qla2 { position: absolute; top: 13px; left: 65px; display: block; width: 80px; height: 20px; background-image: url(//xmcdn.oss-cn-shanghai.aliyuncs.com/community/2.3.4/prod/_next/static/images/measure-text-895a84edc7e6e5834908483a3b5599fe.png); background-repeat: no-repeat; background-position: 0 0; background-size: 80px 58px; } .measure-text-enable__3GUAO { background-position: 0 0; transition: transform 0.3s ease; transform: scale(1); } .measure-text-loading__3sW7w { background-position: 0 bottom; } .measure-disabled-box__3Ex86 { cursor: not-allowed; } .circles__15LhC { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 20px; height: 20px; z-index: 9; } .c1__2HHw5 { position: absolute; width: 15px; height: 15px; border-radius: 50%; border: 2px solid #ffb100; } .c2__3utgH { position: absolute; width: 5px; height: 5px; border-radius: 50%; background-color: #ffb100; } .c3__bPNrT { position: absolute; width: 8px; height: 8px; border-radius: 50%; background-color: #ffb100; } .c4__1FxcC { position: absolute; width: 10px; height: 10px; border-radius: 50%; background-color: #ffb100; } .c5__3sjIW { position: absolute; width: 5px; height: 5px; border-radius: 50%; background-color: #ffb100; } .c6__5zS3c { position: absolute; width: 10px; height: 10px; border-radius: 50%; background-color: #ffb100; } .c7__197_K { position: absolute; width: 15px; height: 15px; border-radius: 50%; border: 2px solid #ffb100; } .measure-enable-box__2wRUB { background: linear-gradient(180deg, #ffb100 0%, #ff9900 100%); box-shadow: 0 3px #df8807; cursor: pointer; } .measureButton__oo0m_ { position: relative; } .measureButton__oo0m_.enabled:hover .stick__2ySFy { transform: rotate(-20deg); } .measureButton__oo0m_.enabled:hover .hand__1SN1k { transform: rotate(-2deg); } .measureButton__oo0m_.enabled:hover .measure-text-enable__3GUAO { transform: scale(1.1); } .measureButton__oo0m_.enabled:hover .c1__2HHw5 { -webkit-animation: c1__2HHw5 0.8s linear; animation: c1__2HHw5 0.8s linear; } .measureButton__oo0m_.enabled:hover .c2__3utgH { -webkit-animation: c2__3utgH 0.8s linear; animation: c2__3utgH 0.8s linear; } .measureButton__oo0m_.enabled:hover .c3__bPNrT { -webkit-animation: c3__bPNrT 0.8s linear; animation: c3__bPNrT 0.8s linear; } .measureButton__oo0m_.enabled:hover .c4__1FxcC { -webkit-animation: c4__1FxcC 0.8s linear; animation: c4__1FxcC 0.8s linear; } .measureButton__oo0m_.enabled:hover .c5__3sjIW { -webkit-animation: c5__3sjIW 0.8s linear; animation: c5__3sjIW 0.8s linear; } .measureButton__oo0m_.enabled:hover .c6__5zS3c { -webkit-animation: c6__5zS3c 0.8s linear; animation: c6__5zS3c 0.8s linear; } .measureButton__oo0m_.enabled:hover .c7__197_K { -webkit-animation: c7__197_K 0.8s linear; animation: c7__197_K 0.8s linear; } .measure-button-loading__2vy_P { background: #ffd181; cursor: not-allowed; } @-webkit-keyframes c1__2HHw5 { 0% { transform: translate(0, 0); } 100% { transform: translate(-150px, -150px); opacity: 0; } } @keyframes c1__2HHw5 { 0% { transform: translate(0, 0); } 100% { transform: translate(-150px, -150px); opacity: 0; } } @-webkit-keyframes c2__3utgH { 0% { transform: translate(0, 0); } 100% { transform: translate(-130px, -50px); opacity: 0; } } @keyframes c2__3utgH { 0% { transform: translate(0, 0); } 100% { transform: translate(-130px, -50px); opacity: 0; } } @-webkit-keyframes c3__bPNrT { 0% { transform: translate(0, 0); } 100% { transform: translate(100px, -100px); opacity: 0; } } @keyframes c3__bPNrT { 0% { transform: translate(0, 0); } 100% { transform: translate(100px, -100px); opacity: 0; } } @-webkit-keyframes c4__1FxcC { 0% { transform: translate(0, 0); } 100% { transform: translate(130px, -80px); opacity: 0; } } @keyframes c4__1FxcC { 0% { transform: translate(0, 0); } 100% { transform: translate(130px, -80px); opacity: 0; } } @-webkit-keyframes c5__3sjIW { 0% { transform: translate(0, 0); } 100% { transform: translate(30px, 80px); opacity: 0; } } @keyframes c5__3sjIW { 0% { transform: translate(0, 0); } 100% { transform: translate(30px, 80px); opacity: 0; } } @-webkit-keyframes c6__5zS3c { 0% { transform: translate(0, 0); } 100% { transform: translate(50px, 150px); opacity: 0; } } @keyframes c6__5zS3c { 0% { transform: translate(0, 0); } 100% { transform: translate(50px, 150px); opacity: 0; } } @-webkit-keyframes c7__197_K { 0% { transform: translate(0, 0); } 100% { transform: translate(150px, 20px); opacity: 0; } } @keyframes c7__197_K { 0% { transform: translate(0, 0); } 100% { transform: translate(150px, 20px); opacity: 0; } } .popoverText__3-3HI { display: inline-block; max-width: 100%; vertical-align: top; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .popoverWrap__2P14y .ant-popover-inner-content { padding: 8px 10px; max-width: 260px; color: inherit; word-break: break-all; } .army-activity-container__3klNf { width: 100%; min-width: 1248px; background: #0a1556; } .activity-banner__HJiT6 { width: 100%; min-width: 1248px; margin: 0 auto; padding: 0 0 20px; background-image: url("//xmcdn.oss-cn-shanghai.aliyuncs.com/community/static/img/army-activity/banner-bg.png"); background-size: contain; background-repeat: no-repeat; text-align: center; } .banner-img-box__2f5f3 { width: 1248px; margin: 0 auto; position: relative; } .banner-img__9vYxO { width: 100%; position: relative; z-index: 1; } .xm-star__3j3aj { display: inline-block; width: 20px; height: 20px; position: absolute; } .xm-star1__1nMWE { top: 180px; right: 110px; opacity: 0.5; -webkit-animation: starPlay1__1yd54 2s ease-in-out infinite; animation: starPlay1__1yd54 2s ease-in-out infinite; } .xm-star2__3iTlO { top: 160px; left: 84px; opacity: 0.4; transform: scale(0.5); -webkit-animation: starPlay1__1yd54 2s ease-in-out infinite; animation: starPlay1__1yd54 2s ease-in-out infinite; } .xm-star3__2QOfD { top: 356px; left: 280px; opacity: 0.2; transform: scale(0.5); -webkit-animation: starPlay1__1yd54 1.5s ease-in-out infinite; animation: starPlay1__1yd54 1.5s ease-in-out infinite; } @-webkit-keyframes starPlay1__1yd54 { 0% { transform: scale(0.8); opacity: 0.5; } 50% { transform: scale(1.6); opacity: 1; } 100% { transform: scale(0.8); opacity: 0.5; } } @keyframes starPlay1__1yd54 { 0% { transform: scale(0.8); opacity: 0.5; } 50% { transform: scale(1.6); opacity: 1; } 100% { transform: scale(0.8); opacity: 0.5; } } @-webkit-keyframes starPlay2__1JiOw { 0% { transform: scale(0.5); } 30% { transform: scale(0.5); } 50% { transform: scale(1.1); } 100% { transform: scale(0.5); } } @keyframes starPlay2__1JiOw { 0% { transform: scale(0.5); } 30% { transform: scale(0.5); } 50% { transform: scale(1.1); } 100% { transform: scale(0.5); } } .meteor-star__1a1XC { display: inline-block; width: 297px; height: 138px; position: absolute; -webkit-animation: meteorStar3__MrihA 4s ease-out infinite forwards; animation: meteorStar3__MrihA 4s ease-out infinite forwards; } .meteor1-star__3cIf0 { top: 0; left: 150px; } .meteor2-star__tXRsP { top: 240px; right: 0; -webkit-animation-delay: 1.5s; animation-delay: 1.5s; } .meteor3-star__1qvv5 { top: 0; right: 300px; -webkit-animation-delay: 1s; animation-delay: 1s; } @-webkit-keyframes meteorStar3__MrihA { 0% { transform: translate(0, 0); opacity: 0.8; } 50% { transform: translate(-1248px, 579.87878788px); opacity: 0.4; } 100% { transform: translate(-1248px, 579.87878788px); opacity: 0; } } @keyframes meteorStar3__MrihA { 0% { transform: translate(0, 0); opacity: 0.8; } 50% { transform: translate(-1248px, 579.87878788px); opacity: 0.4; } 100% { transform: translate(-1248px, 579.87878788px); opacity: 0; } } .activity-box__2goP7 { width: 100%; position: relative; overflow: hidden; background-image: url("//xmcdn.oss-cn-shanghai.aliyuncs.com/community/static/img/army-activity/container-bg.png"); background-repeat: repeat-y; background-size: contain; } .line-item__3hlfD { width: 300px; height: 140px; background-image: url("//xmcdn.oss-cn-shanghai.aliyuncs.com/community/static/img/army-activity/line.png"); background-size: cover; background-repeat: no-repeat; position: absolute; } .line-item1__1ucoQ { top: 490px; left: 168px; } .line-item2__eYKs1 { top: 1320px; right: 8px; } .line-item3__3Dnh5 { top: 2184px; left: 72px; } .line-item4__2M73w { top: 2726px; right: 72px; } .activity-content__1yQtL { width: 1248px; margin: 0 auto; position: relative; z-index: 1; } .activity-abs__2xwA9 { width: 446px; height: 192px; padding: 48px 0 0; margin: 0 auto 60px; background-image: url("//xmcdn.oss-cn-shanghai.aliyuncs.com/community/static/img/army-activity/activity-abs.png"); background-repeat: no-repeat; background-size: 100% 100%; font-size: 20px; line-height: 30px; color: #60fff7; text-align: center; } .activity-introduce__-IwF- { width: 1288px; margin: 0 -20px 0; padding: 116px 198px 110px; background-image: url("//xmcdn.oss-cn-shanghai.aliyuncs.com/community/static/img/army-activity/introduce-bg.png"); background-size: 100% 100%; background-repeat: no-repeat; position: relative; } .title-box__3TY-8 { width: 222px; height: 65px; text-align: center; padding: 12px 0 0; margin: 0; font-size: 24px; font-weight: bold; color: #60fff7; background-image: url("//xmcdn.oss-cn-shanghai.aliyuncs.com/community/static/img/army-activity/title-bg.png"); background-size: 100% 100%; background-repeat: no-repeat; } .start-title__1pJn8 { z-index: 1; position: absolute; left: 531px; top: -5px; } .introduce-text__7fD6W { font-size: 16px; line-height: 28px; color: #ffffff; margin: 0 auto; text-align: center; } .introduce-margin__11doQ { margin: 24px 0 80px; } .reward-title__1qY4- { margin: 0 auto 24px; } .reward-list__2R8r7 { display: flex; justify-content: space-between; padding: 0; margin: 0; } .reward-item__5s39R { list-style: none; width: 444px; height: 242px; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; cursor: default; } .reward-item__5s39R:hover .reward-item-default__2ND_B, .reward-item__5s39R:hover .reward-item-text-default__2_sPr { opacity: 0; } .reward-item__5s39R:hover .reward-item-hover__3aXkE, .reward-item__5s39R:hover .reward-item-text-hover__3knOj { opacity: 1; z-index: 1; } .reward-item-default__2ND_B { position: absolute; top: 0; left: 0; z-index: 1; transition: 0.3s ease all; width: 444px; height: 242px; display: flex; flex-direction: column; align-items: center; justify-content: center; } .reward-item-hover__3aXkE { opacity: 0; position: absolute; top: 0; left: 0; transition: 0.3s ease all; width: 444px; height: 242px; display: flex; flex-direction: column; align-items: center; justify-content: center; } .reward-item-img__M73kY { position: absolute; top: 0; right: 0; width: 444px; height: 242px; } .reward-item-text-default__2_sPr { display: flex; flex-direction: column; align-items: center; justify-content: center; transition: 0.3s ease all; } .reward-item-text-hover__3knOj { opacity: 0; font-size: 16px; line-height: 28px; color: #ffffff; transition: 0.3s ease all; } .reward-item-title__2xtKj { font-size: 24px; line-height: 36px; color: #ffffff; font-weight: bold; margin: 0; } .reward-item-text-box__mZ6Av { font-size: 16px; line-height: 28px; color: #ffffff; text-align: center; margin: 0; } .reward-item-hover-title__1-iD2 { text-align: left; color: #edca3f; margin: 0; } .reward-item-hover-left__Ei2Sj { text-align: left; } .reward-item-tag__1AvGb { color: #edca3f; font-weight: bold; } .participate-title__23l1f { margin: 75px auto 40px; } .participate-text__2Z7F8 { font-size: 16px; line-height: 28px; color: #ffffff; text-align: center; margin: 0; } .participate-text-margin__3Yo6y { margin: 8px 0 0; } .participate-tag__1hsUN { color: #ffd83f; font-weight: bold; } .adapt-box__1U_do { width: 100%; padding: 64px 194px 32px 184px; background-image: url("//xmcdn.oss-cn-shanghai.aliyuncs.com/community/static/img/army-activity/adapt-bg.png"); background-size: 100% 100%; background-repeat: no-repeat; position: relative; margin: 80px 0 32px; display: flex; align-items: center; justify-content: center; flex-direction: column; } .adapt-title__3a3_t { position: absolute; left: 346px; top: -27px; } .adapt-work-box__1uQlb { position: relative; overflow: hidden; } .adapt-work-box__1uQlb:hover .play-icon__3FXc2 { transform: scale(1.2); transition: all 0.3s ease 0s; } .adapt-work-box__1uQlb:hover .play-flag__23o1Y { transform: scale(1.2); transition: all 0.3s ease 0s; } .work-img__AOmtW { width: 486px; height: 327px; } .play-icon__3FXc2 { position: absolute; top: 130px; left: 224px; width: 50px; height: 50px; background: rgba(112, 228, 229, 0.3); border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease 0s; } .play-flag__23o1Y { font-size: 20px; color: #70e4e5; transition: all 0.3s ease 0s; } .adapt-tip__lGTZx { font-size: 16px; line-height: 28px; color: rgba(255, 255, 255, 0.6); margin: 0; text-align: center; } .introduce-btns__1JRfz { display: flex; justify-content: center; } .adapt-btn-box__Bvywo, .contribute-btn-box__D28p9 { width: 185px; height: 101px; display: flex; align-items: center; justify-content: center; } .adapt-btn-box__Bvywo:hover .adapt-btn__rq1sm { display: none; } .adapt-btn-box__Bvywo:hover .adapt-btn-hover__kDTF- { display: flex; } .adapt-btn-box__Bvywo:hover .btn-item__3_xkr { color: #60fff7; } .contribute-btn-box__D28p9:hover .contribute-btn__1VVji { display: none; } .contribute-btn-box__D28p9:hover .contribute-btn-hover__2GbCh { display: flex; } .contribute-btn-box__D28p9:hover .btn-item__3_xkr { color: #60fff7; } .btn-item__3_xkr { font-size: 18px; color: #ffffff; font-weight: bold; text-align: center; display: flex; align-items: center; justify-content: center; cursor: pointer; } .btn-text__2gMK1 { margin: -5px 0 0 -1px; font-style: normal; } .adapt-btn-box__Bvywo { margin: 0 64px 0 0; } .adapt-btn__rq1sm, .contribute-btn__1VVji { background-image: url("//xmcdn.oss-cn-shanghai.aliyuncs.com/community/static/img/army-activity/btn-bg.png"); background-size: 100% 100%; background-repeat: no-repeat; width: 154px; height: 70px; } .adapt-btn-hover__kDTF-, .contribute-btn-hover__2GbCh { background-image: url("//xmcdn.oss-cn-shanghai.aliyuncs.com/community/static/img/army-activity/btn-bg-hover.png"); background-size: 100% 100%; background-repeat: no-repeat; display: none; width: 185px; height: 101px; } .work-container-box__2fkDN { width: 1216px; box-sizing: border-box; margin: 114px auto 80px; position: relative; background: #102d67; } .work-border-top__3-soW { position: absolute; left: 0; top: -50px; width: 100%; height: 50px; background-image: url("//xmcdn.oss-cn-shanghai.aliyuncs.com/community/static/img/army-activity/work-border.png"); background-size: 100% 100%; background-repeat: no-repeat; } .work-border-right__33ewq { position: absolute; right: 0; top: 0; width: 4px; height: 100%; background: #337db3; } .work-border-bottom__1nNzb { position: absolute; left: 0; bottom: -50px; width: 100%; height: 50px; background-image: url("//xmcdn.oss-cn-shanghai.aliyuncs.com/community/static/img/army-activity/work-border.png"); background-size: 100% 100%; background-repeat: no-repeat; transform: rotate(180deg); } .work-border-left__SF9G6 { position: absolute; left: 0; top: 0; width: 4px; height: 100%; background: #337db3; } .adapt-work-title__1Bc3Y { position: absolute; left: 498px; top: -78px; } .work-container__1QB1m { width: 100%; padding: 0 24px 0; min-height: 300px; } .work-title__3nkZT { display: flex; justify-content: space-between; margin: 0 0 8px; } .title-all__2JhVC { font-size: 20px; line-height: 28px; font-weight: normal; color: #60fff7; margin: 0; } .sort-type__3tAEP { display: flex; margin: 0; padding: 0; align-self: flex-end; } .sort-item__2r31Y { font-size: 14px; text-align: center; cursor: pointer; color: rgba(96, 255, 247, 0.5); list-style: none; } .sort-item__2r31Y:hover { color: #60fff7; } .sort-item__2r31Y.selected__Gzn9c { color: #60fff7; } .sort-hot__2oMbO { margin: 0 16px 0 0; } .work-content-box__15q1g { width: 100%; overflow: hidden; } .work-content__2iqcb { display: flex; flex-wrap: wrap; margin: 0 -16px 32px 0; } .blank-box__C32as { display: flex; flex-direction: column; align-items: center; height: 570px; justify-content: center; } .blank-img__2zSea { width: 160px; height: 120px; } .tips__LW_dJ { font-size: 16px; line-height: 21px; color: #ffffff; margin: 24px 0 0; text-align: center; } .army-page__cdkOn { text-align: center; } .army-page__cdkOn .ant-pagination-item, .army-page__cdkOn .ant-pagination-prev a, .army-page__cdkOn .ant-pagination-next a { background: #102d67; border-color: #1270a6; color: #1270a6; } .army-page__cdkOn .ant-pagination-item a { color: #1270a6; } .army-page__cdkOn .ant-pagination-item-active { border-color: #60fff7; } .army-page__cdkOn .ant-pagination-item-active a { color: #60fff7; } .army-page__cdkOn .ant-pagination-item:hover { border-color: #60fff7; } .army-page__cdkOn .ant-pagination-item:hover a { color: #60fff7; } .army-page__cdkOn .ant-pagination-next:hover .ant-pagination-item-link { border-color: #60fff7; color: #60fff7; } .army-page__cdkOn .ant-pagination-prev:hover .ant-pagination-item-link { border-color: #60fff7; color: #60fff7; } .army-page__cdkOn .ant-pagination-disabled:hover .ant-pagination-item-link { border-color: #1270a6; color: #1270a6; } .activity-tip__1TlTm { font-size: 18px; color: rgba(255, 255, 255, 0.6); text-align: center; margin: 0 0 56px; } .work-item__3j2s6 { display: inline-block; width: 254px; margin: 0 0 16px 0; } .work-item__3j2s6:hover { box-shadow: 0 1px 14px 0 rgba(0, 0, 0, 0.05); } .person-operate__1TXjq { width: 254px; height: 48px; padding: 16px 26px; margin: 0; background: rgba(51, 51, 51, 0.8); position: absolute; bottom: 0; left: 0; display: none; z-index: 1; } .person-operate__1TXjq .recovery-work__3Pn4p { display: inline-block; width: 100%; text-align: center; font-size: 14px; line-height: 16px; color: #fff; list-style: none; } .person-operate__1TXjq .recovery-work__3Pn4p:hover { color: #f90; } .person-operate__1TXjq .person-operate-item__Of8OP { margin-right: 32px; font-size: 12px; line-height: 16px; color: #fff; list-style: none; } .person-operate__1TXjq .person-operate-item__Of8OP:last-child { margin-right: 0; } .person-operate__1TXjq .person-operate-item__Of8OP:hover { color: #f90; } .person-operate__1TXjq .person-operate-item__Of8OP a { color: #fff; text-decoration: none; outline: none; } .person-operate__1TXjq .person-operate-item__Of8OP a:link, .person-operate__1TXjq .person-operate-item__Of8OP a:visited, .person-operate__1TXjq .person-operate-item__Of8OP a:hover, .person-operate__1TXjq .person-operate-item__Of8OP a:active { text-decoration: none; color: #fff; outline: none; } .person-operate__1TXjq .person-operate-item__Of8OP a:hover { color: #f90; } .person-operate__1TXjq .icon-del__3laWi { font-size: 12px; width: 12px; height: 12px; } .work-img-box__1T7U5 { width: 254px; height: 195px; cursor: pointer; position: relative; border-top-left-radius: 6px; border-top-right-radius: 6px; background: url("//xmcdn.oss-cn-shanghai.aliyuncs.com/community/static/img/default-loading.png") center center no-repeat; background-size: contain; } .work-img-box__1T7U5 .workInnerImg__-e4kp { border-top-left-radius: 6px; border-top-right-radius: 6px; } .work-img-box__1T7U5:hover .person-operate__1TXjq { display: flex; } .unrealease-box__19Ygc { position: absolute; z-index: 1; left: 0px; top: 0px; display: block; margin: 0; } .unrealease-box__19Ygc .unrealease__1gKz4 { font-size: 90px; color: #ff5b35; } .unrealease-box__19Ygc .unrealease-text__29bRC { display: inline-block; font-size: 12px; line-height: 21px; color: #fff; z-index: 2; opacity: 0.95; text-align: center; width: 64px; } .unrealease-box__19Ygc .unrealease-img__3O9qJ { display: block; position: absolute; width: 64px; border-top-left-radius: 6px; } .work-img__2i8Xs { display: block; width: 254px; height: 195px; overflow: hidden; border-top-left-radius: 6px; border-top-right-radius: 6px; } .work-img__2i8Xs img { border-top-left-radius: 6px; border-top-right-radius: 6px; width: 100%; height: 100%; transform: scale(1); transition: all 0.3s ease 0s; } .work-img__2i8Xs img:hover { transform: scale(1.1); transition: all 0.3s ease 0s; } .version-tag__HQMw0 { padding: 2px 9px; background: #ff9900; font-size: 12px; line-height: 15px; font-weight: bold; color: #ffffff; box-shadow: 0px 2px 4px 0px rgba(51, 51, 51, 0.2); border-radius: 9px; position: absolute; bottom: 8px; right: 8px; } .work-info__2LSKR { width: 254px; background: #ffffff; padding: 8px 16px 16px; display: flex; flex-direction: column; box-sizing: border-box; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .work-name-no-link__x439Z { max-width: 206px; color: #333; overflow: hidden; display: inline-block; text-overflow: ellipsis; white-space: nowrap; font-weight: normal; font-size: 16px; line-height: 21px; margin: 0; text-decoration: none; outline: none; } .work-name__2CT2w { max-width: 242px; color: #333; overflow: hidden; display: inline-block; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; font-weight: normal; font-size: 16px; line-height: 21px; margin: 0; text-decoration: none; outline: none; } .work-name__2CT2w:link, .work-name__2CT2w:visited, .work-name__2CT2w:hover, .work-name__2CT2w:active { text-decoration: none; color: #333; outline: none; } .work-name__2CT2w:hover { color: #2d8fff; } .work-data__27IAa { margin: 0; display: flex; padding: 0; } .data-item__1idOI { list-style: none; font-size: 12px; line-height: 1; color: #999; margin-right: 32px; } .data-item__1idOI:last-child { margin: 0; } .data-num__2SDol { margin-left: 4px; } .data-icon__3eihT { font-size: 12px; width: 14px; height: 14px; } .user-info__2ssbQ { margin-top: 14px; display: flex; align-items: center; } .user-info__2ssbQ .user-link__2V2Dp { width: 100%; display: flex; color: #333333; cursor: pointer; } .user-info__2ssbQ .user-link__2V2Dp:hover { color: #2d8fff; } .user-info__2ssbQ .user-link__2V2Dp .user-avatar-box__mOxtv { position: relative; width: 32px; height: 32px; } .user-info__2ssbQ .user-link__2V2Dp .user-avatar__-K5En { display: inline-block; width: 32px; height: 32px; border-radius: 50%; border: 1px solid #efefef; } .user-info__2ssbQ .user-link__2V2Dp .user-avatar__-K5En:hover + .nickname__1_9rc { color: #0091ff; } .user-info__2ssbQ .user-link__2V2Dp .nickname__1_9rc { line-height: 32px; margin-left: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; } .content-margin__7PwYJ { margin: 8px 0 0 0; } .warn-text__pJ5J6 { background: rgba(45, 143, 255, 0.1); font-size: 16px; line-height: 24px; color: #0091ff; } .workNameNoLinkBox__35z0l { width: 100%; } .workNameNoLink__X6qvG { color: #666666; max-width: 242px; overflow: hidden; display: inline-block; text-overflow: ellipsis; white-space: nowrap; font-weight: normal; font-size: 16px; line-height: 21px; } .army-work__xqNIL .work-info__2LSKR { background: rgba(255, 255, 255, 0.1); } .army-work__xqNIL .work-name__2CT2w, .army-work__xqNIL .nickname__1_9rc, .army-work__xqNIL .data-item__1idOI { color: #ffffff; } .army-work__xqNIL .work-name__2CT2w:hover, .army-work__xqNIL .nickname__1_9rc:hover { color: #60fff7; } .army-work__xqNIL .user-link__2V2Dp:hover .nickname__1_9rc { color: #60fff7; } .duanwu-activity-container__245Gw { width: 100%; background: #b4efe9; background-image: url("//xmcdn.oss-cn-shanghai.aliyuncs.com/community/static/img/duanwu-bg.jpg"); background-repeat: repeat-y; background-size: contain; min-width: 1248px; } .activity-banner__3j5ck { width: 1248px; margin: 0 auto; text-align: center; } .banner-img__2rEHL { width: 958px; height: 604px; margin: 48px auto 32px; } .activity-box__11hMG { width: 100%; position: relative; overflow: hidden; } .mountain-item__1YpVq { width: 466px; height: 158px; background-image: url("//xmcdn.oss-cn-shanghai.aliyuncs.com/community/static/img/duanwu-mountain.png"); background-size: cover; background-repeat: no-repeat; position: absolute; } .mountain-item1__1w_FE { top: 22px; right: -136px; margin-right: -136px; } .mountain-item2__3okC5 { top: 673px; left: -36px; } .mountain-item3__3j16R { top: 1150px; right: -136px; margin-right: -136px; } .mountain-item4__sAGL1 { top: 1910px; left: -36px; } .activity-content__24wB2 { width: 1248px; margin: 0 auto; padding: 0 0 80px; position: relative; z-index: 1; } .activity-introduce__RlZ-j { width: 1226px; margin: 0 auto 32px; background: #effffd; border-radius: 6px; border: 5px solid #76aea1; box-sizing: border-box; padding: 8px 0; } .introduce-bg__1IIPZ { margin: auto; width: 1200px; height: 980px; background: #effffd url("//xmcdn.oss-cn-shanghai.aliyuncs.com/community/static/img/duanwu-intro.png") no-repeat; background-size: cover; position: relative; } .work-box__HNpNp { position: absolute; bottom: 44px; left: 0; width: 100%; display: flex; flex-direction: column; align-items: center; } .work-img-box__3CU0m { position: relative; overflow: hidden; } .work-img__2tCZN { width: 295px; height: 222px; transform: scale(1); transition: all 0.3s ease 0s; } .work-img__2tCZN:hover { transform: scale(1.1); transition: all 0.3s ease 0s; } .play-icon__2v0U_ { position: absolute; top: 93px; left: 129px; width: 36px; height: 36px; } .duanwu-title__3j_vH { margin: 8px 0 48px; width: 280px; height: 22px; } .contribute-btns__14P0u { display: flex; justify-content: center; } .btn-item__3JNlz { width: 180px; height: 40px; background-size: 100% 100%; background-repeat: no-repeat; cursor: pointer; } .adapt-btn__pob2z { background-image: url("//xmcdn.oss-cn-shanghai.aliyuncs.com/community/static/img/adapt-img.png"); margin-right: 40px; } .adapt-btn__pob2z:hover { background-image: url("//xmcdn.oss-cn-shanghai.aliyuncs.com/community/static/img/adapt-hover.png"); } .contribute-btn__1D4wt { background-image: url("//xmcdn.oss-cn-shanghai.aliyuncs.com/community/static/img/contribute-img.png"); } .contribute-btn__1D4wt:hover { background-image: url("//xmcdn.oss-cn-shanghai.aliyuncs.com/community/static/img/contribute-hover.png"); } .work-container-box__3tSWw { width: 1226px; background: #effffd; border-radius: 6px; margin: 0 auto; border: 5px solid #76aea1; box-sizing: border-box; } .work-container__16T54 { width: 100%; background: #effffd; box-shadow: 0px 2px 8px 0px rgba(224, 224, 224, 0.5); border-radius: 6px; padding: 24px 24px 32px; min-height: 300px; } .work-title__3Xw9h { display: flex; justify-content: space-between; margin-bottom: 16px; } .title-all__3eHtp { font-size: 20px; line-height: 28px; font-weight: normal; color: #50756d; margin: 0; } .sort-type__3sYQ6 { list-style: none; display: flex; margin: 0; } .sort-item__39Ze3 { width: 40px; height: 28px; line-height: 25px; font-size: 12px; text-align: center; border: 1px solid #e0e0e0; cursor: pointer; color: #999; list-style: none; } .sort-item__39Ze3.hot__8eqJr { border-radius: 4px 0px 0px 4px; } .sort-item__39Ze3.time__1sFEd { border-radius: 0px 4px 4px 0px; } .sort-item__39Ze3.selected__5t2ci { background-color: #76aea1; color: #ffffff; border-color: #76aea1; } .work-content-box__1p-u_ { width: 100%; overflow: hidden; } .work-content__3x0Oj { display: flex; flex-wrap: wrap; margin: 0 -16px 32px 0; } .blank-box__3kz6l { display: flex; flex-direction: column; align-items: center; height: 570px; justify-content: center; } .blank-img__25oix { width: 98px; height: 91px; } .tips__3FtLI { font-size: 16px; line-height: 21px; color: #76aea1; margin: 16px 0 0; } .duanwu-page__yTX5b { text-align: center; } .duanwu-page__yTX5b .ant-pagination-item-active { border-color: #76aea1; } .duanwu-page__yTX5b .ant-pagination-item:hover { border-color: #76aea1; } .duanwu-page__yTX5b .ant-pagination-item:hover a { color: #76aea1; } .duanwu-page__yTX5b .ant-pagination-item-active a { color: #76aea1; } .duanwu-page__yTX5b .ant-pagination-next:hover .ant-pagination-item-link { border-color: #76aea1; color: #76aea1; } .duanwu-page__yTX5b .ant-pagination-prev:hover .ant-pagination-item-link { border-color: #76aea1; color: #76aea1; } .nationalContainer__E3zva { position: relative; padding-bottom: 70px; background: #ffecc4; min-width: 1248px; overflow: hidden; } .banner__2cQOI { display: block; width: 100%; min-width: 1248px; } .nationalBody1__3LQN8 { margin: 0 auto; width: 1220px; background: #ffffff; border: 8px solid #ff8957; border-radius: 20px; position: relative; padding-top: 36px; padding-bottom: 70px; } .titleBtn__NImaP { position: absolute; top: -28px; left: 50%; transform: translateX(-50%); display: inline-block; width: 160px; height: 46px; line-height: 43px; background: #ff8957; border-radius: 24px; font-size: 24px; font-weight: bold; color: #ffffff; text-align: center; } .titleText__1CL6k { font-size: 16px; color: #333333; text-align: center; } .titleBox__1ndng { margin: 0 auto; width: 159px; position: relative; } .titleBg__3jWxL { width: 159px; margin-bottom: 17px; } .titleBoxText__f66ci { display: inline-block; width: 159px; position: absolute; top: 0; left: 0; text-align: center; font-size: 24px; line-height: 30px; font-weight: bold; color: #ff8957; } .ruleText__1zGQj { margin: 0 auto 56px; font-size: 16px; color: #333; line-height: 28px; text-align: center; } .colorText__3ZCtz { color: #fd8e34; } .exampleWork__3Zjqx { position: relative; text-align: center; width: 488px; margin: 0 auto; } .exampleImgBox__2ICvS { position: relative; width: 488px; height: 328px; overflow: hidden; border-radius: 8px 8px 0px 0px; } .exampleImgBox__2ICvS:hover .workImg__6QWE6 { transform: scale(1.1); } .workImg__6QWE6 { display: inline-block; width: 488px; height: 328px; background: #000; border-radius: 8px 8px 0px 0px; cursor: pointer; transition: all 0.3s linear; } .startIcon__1EjUY { position: absolute; top: 49%; left: 50%; transform: translate(-50%, -50%); width: 70px; height: 70px; line-height: 70px; font-size: 28px; color: #ffffff; border-radius: 50%; background: rgba(255, 255, 255, 0.4); cursor: pointer; } .btnBox__JYFV0 { width: 100%; height: 48px; display: flex; margin-bottom: 64px; } .btnLeft__3suUY { display: inline-block; flex: 1; background: rgba(124, 223, 253, 0.2); border: 3px solid #7cdffd; border-radius: 0px 0px 0px 8px; font-size: 18px; font-weight: bold; color: #31b9e2; line-height: 28px; cursor: pointer; outline: none; } .btnLeft__3suUY:hover { color: #ffffff; background: #69dbfd; border: 3px solid #7cdffd; } .btnLeft__3suUY:hover .btnLeftText__1F4SJ { background: rgba(255, 255, 255, 0.2); } .btnLeftText__1F4SJ { display: inline-block; font-size: 26px; font-style: italic; width: 17px; height: 17px; background: rgba(128, 227, 253, 0.76); border-radius: 50%; line-height: 10px; vertical-align: middle; margin-right: 7px; } .btnRight__2t82u { display: inline-block; flex: 1; background: rgba(255, 184, 153, 0.2); border: 3px solid #ffbfa4; border-radius: 0px 0px 8px 0px; font-size: 18px; font-weight: bold; color: #ff804a; line-height: 28px; cursor: pointer; outline: none; } .btnRight__2t82u:hover { color: #ffffff; background: #ffa882; border: 3px solid #ffb899; } .btnRight__2t82u:hover .btnRightText__3Qgqj { background: rgba(255, 255, 255, 0.22); } .btnRightText__3Qgqj { display: inline-block; font-size: 26px; font-style: italic; width: 17px; height: 17px; background: rgba(253, 142, 52, 0.22); border-radius: 50%; line-height: 10px; vertical-align: middle; margin-right: 7px; } .timeBox__2ly4W { position: relative; width: 643px; height: 146px; margin: 0 auto 60px; } .timeBg__L_De- { position: absolute; top: 0; left: 0; width: 643px; } .timeItem1__19gVQ { position: absolute; width: 147px; top: 6px; left: 40px; } .timeItem2__3i-X8 { position: absolute; width: 147px; top: 17px; left: 253px; } .timeItem3__1Fhnq { position: absolute; width: 147px; top: 6px; left: 461px; } .timeText__2Ka-z { font-size: 18px; font-weight: bold; color: #ff8957; line-height: 28px; position: absolute; text-align: center; } .timeText1__1R-_V { top: 48px; left: 60px; } .timeText2__2PsGt { top: 59px; left: 270px; } .timeText3__3in5l { top: 48px; left: 494px; } .prizeBox__1IGAP { margin-top: -32px; text-align: center; } .prizeInner__aPFRy { display: inline-block; position: relative; } .prizeInner__aPFRy:nth-of-type(1) { margin-right: 74px; } .prize__3E_Ku { width: 157px; } .prizeText__roKTT { display: block; position: absolute; font-size: 16px; font-weight: bold; color: #ffffff; bottom: 42px; left: 37px; } .prizeNum__2lhgs { display: block; color: #999999; font-size: 16px; } .nationalBody2__3oqbQ { margin: 40px auto 0; width: 1220px; padding-bottom: 32px; background: #f9f9f9; border: 8px solid #ff8957; border-radius: 20px; position: relative; z-index: 2; padding-top: 32px; } .footerImgL__ThxFX { position: absolute; z-index: 0; bottom: -75px; left: -70px; width: 240px; } .footerImgR__2zMZQ { position: absolute; z-index: 0; bottom: -75px; right: -40px; width: 226px; } .footerBottomText__3mNUv { color: #ff8049; text-align: center; margin-top: 12px; font-size: 16px; } .titleMargin__BICA1 { margin-bottom: 54px; } .emojiImg__1It0L { display: inline-block; width: 21px; padding-bottom: 8px; } .prizeWorks__2Bz0s { padding-bottom: 16px; } .prizeWorksHidden__3HFkD { display: none; } .prizeWork__1e77O { display: flex; justify-content: space-between; width: 1178px; margin-left: 26px; height: 380px; padding: 16px 0 0 24px; background: #feecd4; border-radius: 8px 0px 0px 8px; margin-bottom: 16px; } .PrizeLeftText__17OFP { display: inline-block; width: 223px; margin-right: 52px; } .PrizeLeftText__17OFP .title__q6iJY { position: relative; font-size: 34px; font-weight: bold; color: #ff8957; margin-bottom: 0; } .PrizeLeftText__17OFP .sub__3-D-2 { font-size: 14px; color: #ff8957; margin-bottom: 30px; } .prizePerson__3W1yP { display: flex; justify-content: space-between; align-self: center; margin-bottom: 16px; } .prizePerson__3W1yP .avatar__ZRHsU { width: 48px; height: 48px; border-radius: 50%; } .prizePerson__3W1yP .userName__-T0yd { margin: 0; display: inline-block; padding-left: 8px; width: 164px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 48px; color: #666; font-size: 14px; text-align: left; } .prizeRightWork__29a4o { display: inline-flex; flex-wrap: wrap; width: 926px; } .prizeWork2__OVlQq { background: #ecf5f9; } .prizeWork2__OVlQq .title__q6iJY, .prizeWork2__OVlQq .sub__3-D-2 { color: #52ccfd; } .star1__177H4 { position: absolute; font-size: 15px; top: -6px; right: 30px; } .star2__22uBH { position: absolute; font-size: 12px; top: 8px; right: 24px; opacity: 0.6; } .workSection__23gBv { padding-left: 16px; } .workTitle__a1pIb { padding: 0 16px 0 0; display: flex; justify-content: space-between; } .workText__2T3nD { font-size: 16px; color: #999999; } .workText1__3pZL2 { font-size: 16px; color: #999999; margin-right: 16px; cursor: pointer; } .workText1__3pZL2:nth-last-child(1) { margin-right: 0; } .activeText__1gYNF { color: #ff8957; } .workBox__1LSrU { display: flex; flex-wrap: wrap; } .paginationBox__1jLhj { margin-top: 32px; text-align: center; width: 100%; } .blankBox__fPhTH { padding-right: 16px; width: 100%; display: flex; flex-direction: column; align-items: center; height: 570px; justify-content: center; } .blankImg__1G3s2 { width: 160px; height: 120px; } .tips__3W8Ao { font-size: 16px; line-height: 21px; color: #999999; margin: 24px 0 0; text-align: center; } .message-box__3AVgK { width: 1248px; margin: 32px auto 48px; } .message-content__1X8t2 { width: 1200px; display: flex; margin: 0 auto; min-height: 800px; color: #333333; } .message-nav-box__303bf { flex: 0 0 186px; background: #efefef; padding: 32px 16px 0; } .message-nav__2r7FX { display: flex; flex-direction: column; list-style: none; padding: 0; margin: 0; } .message-nav__2r7FX .nav-item__1inOp { margin-bottom: 32px; display: flex; align-items: center; justify-content: space-between; font-size: 16px; line-height: 20px; cursor: pointer; } .message-nav__2r7FX .nav-item__1inOp:visited { color: #2d8fff; } .message-nav__2r7FX .nav-item__1inOp:last-child { margin: 0; } .message-count__1u9j7 { font-style: normal; border-radius: 10px; background: #ff5b35; font-size: 12px; color: #ffffff; height: 16px; line-height: 15px; padding: 0 6px; } .message-lists__R3uAL { flex: 1; padding: 16px 48px 48px 32px; background: #ffffff; } .message-item__RPtKX { display: flex; padding-top: 16px; } .user-avatar__2ADan { position: relative; width: 48px; height: 48px; } .user-avatar__2ADan img { display: inline-block; width: 100%; height: 100%; border-radius: 50%; border: 1px solid #efefef; } .work-info__1di9m { flex: 1; margin-left: 16px; padding-bottom: 16px; border-bottom: 1px solid #efefef; position: relative; } .nickname__2rguX { font-size: 16px; line-height: 20px; margin-bottom: 8px; color: #333; text-decoration: none; } .nickname__2rguX:link, .nickname__2rguX:visited, .nickname__2rguX:hover, .nickname__2rguX:active { color: #333; text-decoration: none; } .upload-time__1960K { font-size: 12px; line-height: 15px; color: #999999; margin-bottom: 16px; } .comment-content__OhZDW { display: block; margin: 10px 0 0; font-size: 14px; line-height: 18px; word-break: break-all; word-break: break-word; white-space: pre-wrap; word-wrap: break-word; } .comment-content__OhZDW img, .comment-content__OhZDW video { display: inline-block; width: 200px; height: 150px; border-radius: 6px; margin: 10px 0; } .setWorkMsg__2vPe2 { margin: 0; padding: 16px; background: #f9f9f9; } .setWorkMsg__2vPe2 .comment-content__OhZDW { margin: 0; } .work-msg__11gVG { margin: 10px 0 0; padding: 16px; background: #f9f9f9; } .work-name__TDBFV { font-size: 14px; line-height: 18px; margin-bottom: 10px; } .work-name__TDBFV .work-link__vS47k { color: #2d8fff; margin-left: 8px; } .comment-work-tag__Ye4Tt { color: #999999; } .work-abstract__3uBCr { font-size: 14px; line-height: 18px; color: #999; margin-bottom: 16px; display: block; word-wrap: break-word; word-break: break-all; word-break: break-word; white-space: pre-wrap; } .work-img__33CEd { width: 200px; height: 150px; display: block; position: relative; } .work-img__33CEd img { border-radius: 6px; width: 100%; height: 100%; } .version-tag__dduP5 { padding: 2px 9px; background: #ff9900; font-size: 12px; line-height: 15px; font-weight: bold; color: #ffffff; box-shadow: 0px 2px 4px 0px rgba(51, 51, 51, 0.2); border-radius: 9px; position: absolute; bottom: 10px; right: 8px; } .page__3pQtK { margin-top: 48px; text-align: center; } .comment-msg__1OhtM { font-size: 14px; line-height: 18px; word-wrap: break-word; word-break: break-all; word-break: break-word; white-space: pre-wrap; margin: 0; } .comment-nickname__IwSwF { color: #ff9900; text-decoration: none; } .comment-nickname__IwSwF:link, .comment-nickname__IwSwF:visited, .comment-nickname__IwSwF:hover, .comment-nickname__IwSwF:active { color: #ff9900; text-decoration: none; } .comment-info__mN-f1 { color: #999999; margin-left: 8px; word-wrap: break-word; word-break: break-all; word-break: break-word; white-space: pre-wrap; text-decoration: none; } .comment-info__mN-f1:link, .comment-info__mN-f1:visited, .comment-info__mN-f1:hover, .comment-info__mN-f1:active { color: #999999; text-decoration: none; } .studioCommentInfo__2Baa2 { color: #999999; margin-left: 8px; word-wrap: break-word; word-break: break-all; word-break: break-word; white-space: pre-wrap; text-decoration: none; cursor: pointer; } .studioCommentInfo__2Baa2:link, .studioCommentInfo__2Baa2:visited, .studioCommentInfo__2Baa2:hover, .studioCommentInfo__2Baa2:active { color: #999999; text-decoration: none; } .focus-time__198uR { font-size: 14px; line-height: 19px; color: #999999; margin: 10px 0 32px; } .time__3Rt7Q { margin-right: 4px; } .focus-status__1Eiae { position: relative; margin-top: 32px; font-size: 16px; line-height: 21px; } .focus-status__1Eiae .follow-text { font-size: 16px; color: #999999; } .focus-status__1Eiae .focus-icon { font-size: 16px; color: #bdbdbd; margin-right: 4px; width: 16px; height: 16px; } .focus-status__1Eiae .unfocus { width: 100px; text-align: center; background: #ff9900; color: #fff; height: 36px; border-radius: 40px; line-height: 34px; cursor: pointer; } .focus-status__1Eiae .focus-btn { border: 1px solid #ff9900; border-radius: 40px; color: #ff9900; width: 100px; text-align: center; height: 36px; background: #fff; line-height: 34px; cursor: pointer; } .system-item__3UMFT { flex-direction: column; } .system-item__3UMFT .work-info__1di9m { margin-left: 0; } .system-title__3zr6B { font-size: 16px; line-height: 20px; color: #333333; margin-bottom: 16px; } .blank-box__3Ng-l { display: flex; flex-direction: column; align-items: center; margin-top: 16px; } .blank-box__3Ng-l .blank-img__2XYjR { width: 170px; height: 120px; margin-bottom: 16px; } .blank-box__3Ng-l .tips__3RfNK { font-size: 12px; line-height: 16px; color: #999999; } .common-link__3_rsP { color: #999999; text-decoration: none; } .common-link__3_rsP:link, .common-link__3_rsP:visited, .common-link__3_rsP:hover, .common-link__3_rsP:active { color: #999999; text-decoration: none; } .prefix__1Ct_Q { color: #ff9900; cursor: pointer; } .person-comment-box__246PD .comment-tag__3WOsb { color: #999999; cursor: pointer; } .person-comment-box__246PD .view-btn__1AUIV { margin-left: 8px; cursor: pointer; } .person-comment-box__246PD .comment__2Vu7f { cursor: pointer; color: #999999; margin-left: 8px; word-wrap: break-word; word-break: break-all; word-break: break-word; white-space: pre-wrap; text-decoration: none; } .person-comment-box__246PD .comment__2Vu7f:link, .person-comment-box__246PD .comment__2Vu7f:visited, .person-comment-box__246PD .comment__2Vu7f:hover, .person-comment-box__246PD .comment__2Vu7f:active { color: #999999; text-decoration: none; } .rewardBox__1mrGk { display: inline-block; margin-top: 16px; margin-right: 16px; width: 112px; height: 114px; } .rewardImg__3Lpkz { width: 112px; height: 88px; background: #f7f7f7; border-radius: 8px; border: 1px solid #e0e0e0; } .rewardNum__4vyWX { margin-top: 8px; text-align: center; font-size: 14px; font-family: MicrosoftYaHeiUI; width: 112px; height: 18px; } .commentContent__1niK3 p { margin-bottom: 0px; } .container__38Yg- { position: relative; min-width: 1248px; background-color: #68b6f0; } .container__38Yg- .bg1__dQMk6 { height: 628px; background: url(//xmcdn.oss-cn-shanghai.aliyuncs.com/community/2.3.4/prod/_next/static/images/bg-01-489bd41664621d48bbf89fed1b1ae11e.jpg) no-repeat center center; } .container__38Yg- .bg2__2DfoX { height: 628px; background: url(//xmcdn.oss-cn-shanghai.aliyuncs.com/community/2.3.4/prod/_next/static/images/bg-02-0d914cce764fb9905f18b036952f0748.jpg) no-repeat center center; } .container__38Yg- .bg3__2UMUM { height: 628px; background: url(//xmcdn.oss-cn-shanghai.aliyuncs.com/community/2.3.4/prod/_next/static/images/bg-03-1e90f53cc4cd725ff85bc9c54b584fd5.jpg) no-repeat center center; } .container__38Yg- .bg4__h4HuC { height: 628px; background: url(//xmcdn.oss-cn-shanghai.aliyuncs.com/community/2.3.4/prod/_next/static/images/bg-04-6a8785e44c88103c17ec914677fd7784.jpg) no-repeat center center; } .container__38Yg- .bg5__2-El4 { height: 627px; background: url(//xmcdn.oss-cn-shanghai.aliyuncs.com/community/2.3.4/prod/_next/static/images/bg-05-0239a7ea2ad93eb3803814bb6b9414fe.jpg) no-repeat center center; } .container__38Yg- .bg6__1HwZD { height: 628px; background: url(//xmcdn.oss-cn-shanghai.aliyuncs.com/community/2.3.4/prod/_next/static/images/bg-06-ccda49f979157aa6537ff34f366993d4.jpg) no-repeat center center; } .container__38Yg- .bg7__1kU63 { height: 628px; background: url(//xmcdn.oss-cn-shanghai.aliyuncs.com/community/2.3.4/prod/_next/static/images/bg-07-8133a949967552e226e00c1d24966090.jpg) no-repeat center center; } .container__38Yg- .bg8__2HVB_ { height: 628px; background: url(//xmcdn.oss-cn-shanghai.aliyuncs.com/community/2.3.4/prod/_next/static/images/bg-08-d8647dbd9a83a61941c42e842ef85551.jpg) no-repeat center center; } .container__38Yg- .bg9__1B01_ { height: 628px; background: url(//xmcdn.oss-cn-shanghai.aliyuncs.com/community/2.3.4/prod/_next/static/images/bg-09-7818ea95cfc318949f8c7f4a7b22a93f.jpg) no-repeat center center; } .container__38Yg- .bg10__36l0- { height: 595px; background: url(//xmcdn.oss-cn-shanghai.aliyuncs.com/community/2.3.4/prod/_next/static/images/bg-10-263b301784107c79703c52cf229cb5b4.jpg) no-repeat center center; } .container__38Yg- .content__31ugy { position: absolute; top: 0; left: 50%; margin-left: -624px; width: 1248px; padding-top: 1700px; } .container__38Yg- .content__31ugy .btn1__38QmX { display: block; position: relative; margin: 542px auto 0; width: 246px; height: 67px; background: url(data:image/png;base64,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) no-repeat center center; cursor: pointer; } .container__38Yg- .content__31ugy .btn1__38QmX:hover { background-image: url(data:image/png;base64,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); } .container__38Yg- .content__31ugy .btn2__34ozs { display: block; position: relative; margin: 373px auto 0; width: 220px; height: 67px; background: url(data:image/png;base64,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) no-repeat center center; cursor: pointer; } .container__38Yg- .content__31ugy .btn2__34ozs:hover { background-image: url(data:image/png;base64,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); } .container__38Yg- .content__31ugy .player__3_Ur3 { position: relative; margin: 1857px auto 0; width: 662px; height: 533px; } .container__38Yg- .content__31ugy .btn3__2VPjP { display: block; position: relative; margin: 26px auto 0; width: 218px; height: 60px; background: url(data:image/png;base64,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) no-repeat center center; cursor: pointer; } .container__38Yg- .content__31ugy .btn3__2VPjP:hover { background-image: url(data:image/png;base64,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); } .scratch__3rc5H { width: 200px; margin: 150px auto; display: none; } .scratch-loading__2Lg_T { position: fixed; left: 0; right: 0; top: 300px; margin: 0 auto; text-align: center; z-index: 99; } .scratch-loading__2Lg_T p { padding: 20px 0 0; font-size: 14px; color: #999; } .scratch-loading__2Lg_T .loadings__1n-kx { margin: 0 auto; width: 56px; height: 56px; background: url(https://wscdn.xmwol.com/xmworld/pc/loading.svg) no-repeat; background-size: cover; } .scratch-unsupported__23u2G { height: 99%; } .scratch-tips-box__1adKj { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: auto; width: 704px; height: 548px; border: 10px solid rgba(255, 255, 255, 0.6); background: #fff; border-radius: 8px; text-align: center; } .scratch-tips-box__1adKj .imgbox__2NLwq { display: block; margin: 78px auto 20px; width: 428px; height: 287px; padding: 0 0 0 75px; } .scratch-tips-box__1adKj .tipsText__2yv7L { text-align: center; font-size: 24px; color: #999; } .release-box__3yPUq { position: relative; } .mask__2HfEx { position: fixed; top: 0; right: 0; left: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.7); height: 100%; z-index: 99; } .release-container__3hnuf { position: fixed; overflow: auto; top: 0; right: 0; bottom: 0; left: 0; z-index: 99; display: flex; align-items: center; justify-content: center; } .release-content-box__2glgu { padding: 32px; min-width: 400px; box-sizing: border-box; display: flex; align-items: center; flex-direction: column; position: relative; } .close-icon__16qjs { position: absolute; top: 5px; right: 0; font-size: 30px; color: #e0e0e0; cursor: pointer; } .qrcode-box__3n561 { position: relative; width: 320px; height: 275px; margin: 16px 0 0; } .bg-img__3XVSJ { width: 100%; height: 100%; } .qrcode__iWtg6 { position: absolute; left: 50px; top: 110px; } .tip-text__CcRRF { text-align: center; font-size: 16px; font-weight: bold; color: #ffffff; line-height: 21px; margin: 24px 0 32px; } .ok-button__33u4Q { background: #2d8fff; color: #ffffff; border-radius: 4px; font-size: 16px; line-height: 21px; padding: 8px 24px; cursor: pointer; outline: none; border: none; } .ok-button__33u4Q:hover { background: rgba(45, 143, 255, 0.9); } .toCommunityButton__239xI { width: 144px; margin-right: 24px; background: transparent; border: 1px solid #efefef; color: #ffffff; border-radius: 4px; font-size: 16px; line-height: 21px; padding: 7px 24px; cursor: pointer; outline: none; } .toCommunityButton__239xI:hover { opacity: 0.8; } .btnBox__2kNAU { width: 100%; display: flex; justify-content: center; } .container__3Wl7k { background: url(//xmcdn.oss-cn-shanghai.aliyuncs.com/community/2.3.4/prod/_next/static/images/code-bg-494e3df0520f65f4e3f9dd94b9bd2a38.jpg) no-repeat center; padding: 30px; position: relative; z-index: 1; width: 100%; min-width: 1248px; } .main__3n-e- { height: 700px; margin: 0 auto; display: block; } @media all and (max-width: 1300px) { .main__3n-e- { height: 500px; } } .container__2d_kL { width: 1200px; margin: auto; padding-left: 20px; } .feed-title__f20z4 { color: #333333; font-size: 20px; margin-top: 32px; margin-bottom: 16px; } .content-box__1UG7c { width: 796px; background: #ffffff; border-radius: 6px; padding: 18px 32px 32px 24px; margin-bottom: 64px; } .sub-title__1w1Qj { color: #333333; font-size: 18px; margin-bottom: 16px; margin-left: 8px; display: flex; align-items: center; } .sub-title-tag__3VizP { width: 20px; height: 20px; background: #2d8fff; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 14px; color: #ffffff; margin-right: 6px; transform: translateY(-1px); } .sub-title-content__2GMOE { font-size: 18px; } .describe-title__3AsAT { font-size: 14px; color: #666666; display: flex; align-items: center; margin-bottom: 8px; } .red-dot__LjFIX { background-color: #ff5b35; width: 4px; height: 4px; border-radius: 50%; display: inline-block; margin-right: 4px; } .text-input___BEvp { margin-left: 8px; height: 132px; width: 100%; border-radius: 4px; border: 1px solid #e0e0e0; padding: 6px 8px; outline: none; font-size: 12px; background: #ffffff; } .text-input___BEvp:hover { border: 1px solid #40a9ff; } textarea::-moz-placeholder { color: #bdbdbd; } textarea:-ms-input-placeholder { color: #bdbdbd; } textarea::placeholder { color: #bdbdbd; } input::-moz-placeholder { color: #bdbdbd; } input:-ms-input-placeholder { color: #bdbdbd; } input::placeholder { color: #bdbdbd; } .text-number__198vf { font-size: 12px; color: #bdbdbd; width: 100%; text-align: right; transform: translateX(8px); margin-bottom: 21px; } .real-number__1t1Bz { color: #333333; } .uploader-image__NUqJy { margin-left: 8px; margin-bottom: 41px; } .contact-input__1lpAh { width: 732px; height: 36px; border-radius: 4px; border: 1px solid #e0e0e0; margin-left: 8px; padding: 10px; outline: none; font-size: 12px; background: #ffffff; } .contact-input__1lpAh:hover { border: 1px solid #40a9ff; } .bottom__4vKDL { width: 100%; display: flex; justify-content: center; align-items: center; margin-top: 64px; } .bottom-button__37vUN { width: 100px; height: 36px; line-height: 36px; text-align: center; background: #e0e0e0; border-radius: 4px; color: #999999; font-size: 16px; outline: none; cursor: not-allowed; } .can-submit___U-xU { cursor: pointer; background-color: #2d8fff; color: #ffffff; } .can-submit___U-xU:hover { background-color: rgba(45, 143, 255, 0.6); } .outr__1s1km { width: 138px; height: 110px; background: #f9f9f9; border-radius: 4px; border: 1px dashed #e0e0e0; display: flex; align-items: center; justify-content: center; flex-direction: column; } .icon-outr__1LoVX { width: 32px; height: 32px; background-color: #e0e0e0; display: flex; align-items: center; justify-content: center; color: #ffffff; border-radius: 50%; } .plus-icon__1U88J { font-size: 20px; } .img-outer__3tpM2 { position: relative; background: url("//xmcdn.oss-cn-shanghai.aliyuncs.com/community/static/img/default-loading.png") center center no-repeat; background-size: contain; border-radius: 4px; } .img-outer__3tpM2:hover .del-image__2YkA4 { display: block; } .upload-img__2Ws9t { width: 138px; height: 110px; border-radius: 4px; } .del-image__2YkA4 { display: none; position: absolute; top: 8px; right: 8px; width: 20px; height: 20px; line-height: 20px; text-align: center; border-radius: 50%; background-color: rgba(0, 0, 0, 0.6); } .del-icon__30sAZ { display: inline-block; color: #ffffff; font-size: 6px; transform: scale(0.6); } .icon-bot___plC3 { font-size: 12px; color: #999999; margin-top: 16px; } .up-outer__105Vw { margin-right: 16px; cursor: pointer; height: 110px; } .image-list__1enfB { display: flex; } .image-list-tip__1J2Zc { color: #666666; font-size: 12px; margin-top: 8px; } .mask__2BEj1 { position: fixed; background-color: rgba(0, 0, 0, 0.5); left: 0; right: 0; top: 0; bottom: 0; display: flex; justify-content: center; align-items: center; z-index: 555; } .content__2eIpd { width: 440px; position: relative; background: #ffffff; border-radius: 8px; } .inner-content__2_A5x { width: 440px; position: relative; background: #ffffff; border-radius: 8px; padding: 24px 48px; z-index: 666; } .close-icon__1QSPw { position: absolute; top: 20px; right: 20px; color: #999999; font-size: 13px; cursor: pointer; } .xiaoma__X7-7r { position: absolute; top: -180px; left: 138px; } .feedback-title__21poK { width: 100%; display: flex; align-items: center; justify-content: center; } .feedback-title-img__378qG { width: 180px; height: 37px; } .feedbackTip__24ADy { color: #999999; font-size: 14px; margin-top: 16px; line-height: 20px; text-align: center; } .bottomButton__2vAUd { width: 100%; display: flex; justify-content: center; align-items: center; margin-top: 47px; } .bottomButtonInner__Z7Wdx { display: flex; } .feedButton__1-tOp { width: 144px; height: 36px; line-height: 36px; border-radius: 4px; text-align: center; font-size: 16px; cursor: pointer; } .leftButton__1MHUs { background: #2d8fff; color: #ffffff; } .leftButton__1MHUs:hover { background: rgba(45, 143, 255, 0.8); } .rightButton__2gn0Q { background-color: #ffffff; border: 1px solid #2d8fff; color: #2d8fff; margin-right: 48px; } .rightButton__2gn0Q:hover { background: rgba(45, 143, 255, 0.1); } .container__1CzjE { background: #154dbe; padding-bottom: 112px; overflow: hidden; min-width: 1248px; text-align: center; } .bannerBoxOut__24KJ8 { min-width: 1248px; overflow: hidden; display: flex; justify-content: center; } .bannerBox__Xc8rO { background: url("//xmcdn.oss-cn-shanghai.aliyuncs.com/community/static/img/video-record-banner.png") no-repeat; background-size: contain; width: 1920px; height: 507px; } .bannerImg__NUWxh { display: block; width: 100%; } .postureBodyBox__1vVXf { margin: 0 auto; width: 1168px; padding: 16px; background: rgba(255, 255, 255, 0.2); border-radius: 12px; transform: translateY(-80px); display: flex; flex-direction: column; align-items: center; } .postureBody__3noTl { margin: 0 auto; padding-top: 64px; padding-bottom: 12px; width: 100%; height: 100%; border-radius: 10px; background: #ffffff; } .postureTextArea__1lJ1D { margin: 0 auto 64px; text-align: center; } .postureText__1qfgT { color: #666666; font-size: 16px; line-height: 28px; margin: 0; } .img-out__LIj9I { width: 100%; display: flex; justify-content: center; } .img-inner__12N-C { width: 484px; height: 331px; border-radius: 20px; display: flex; justify-content: center; align-items: center; cursor: pointer; background-image: url("//xmcdn.oss-cn-shanghai.aliyuncs.com/community/static/img/record-display.png"); background-size: cover; } .img-inner__12N-C:hover .play-icon__25he0 { transform: scale(1.2); } .play-icon__25he0 { font-size: 49px; color: #ffffff; transition: 0.4s ease all; } .record-intro-step__3_7IU { padding-top: 42px; width: 790px; background-size: cover; margin: 0 auto; } .record-intro-step-one__1S_yf { background-image: url("//xmcdn.oss-cn-shanghai.aliyuncs.com/community/static/img/record-intro-step-one.png"); height: 208px; } .first-step-image__3xZRK { width: 329px; height: 80px; margin-top: 16px; } .record-intro-step-two__3aSHD { background-image: url("//xmcdn.oss-cn-shanghai.aliyuncs.com/community/static/img/record-intro-step-two.png"); height: 524px; } .second-step-image__1hIBE { width: 499px; height: 414px; margin-top: 16px; } .deep-color-text__39EzW { color: #333333; font-weight: bold; } .video-box__3OP6l { width: 630px; height: 470px; position: relative; display: flex; background: #222; align-items: center; } .no-video-text__3wRLX { color: white; font-size: 18px; margin: 0 auto; } .closeVideoIcon__1BntB { position: absolute; color: #ffffff; right: -30px; top: -15px; font-size: 34px; border-radius: 50%; padding: 1px 0 0 1px; text-align: center; width: 30px; cursor: pointer; transform: scale(0.8); } .rightArror__2EneH { color: #2d8fff; margin-left: 4px; font-size: 14px; cursor: pointer; } .lightText__l9soS { font-size: 14px; color: #999999; margin-top: 16px; } .blue-text__wM49I { color: #3391ff; cursor: pointer; } .blue-text__wM49I:hover { opacity: 0.7; } .container__2M0MW { background: #6602ba; padding-bottom: 112px; min-width: 1248px; text-align: center; margin: 0 auto; } .bannerBox__2wwpY { min-width: 1248px; overflow: hidden; } .banner__1M0CM { background: url("//xmcdn.oss-cn-shanghai.aliyuncs.com/community/static/posture.png") no-repeat; background-size: contain; width: 1920px; height: 488px; position: relative; top: 0; left: 50%; transform: translateX(-50%); } .bannerImg__2Zby- { display: block; width: 100%; } .postureBodyBox__U43KC { position: relative; margin: -56px auto 0; width: 1248px; padding: 16px; background: rgba(255, 255, 255, 0.2); border-radius: 12px; } .postureBody__3xfBL { margin: 0 auto; padding-top: 62px; width: 100%; height: 100%; border-radius: 10px; background: #ffffff; } .postureTextArea__2EZaM { margin: 0 auto 64px; text-align: center; } .postureText__2UcHX { color: #333333; font-size: 16px; line-height: 28px; margin: 0; } .titleCircle__j7mav { display: inline-block; width: 30px; height: 30px; border-radius: 50%; background: linear-gradient(180deg, #ffdfe1 0%, rgba(255, 223, 225, 0) 100%); } .title__1Tebi { margin: 0 0 24px 0; text-align: center; } .titleTextBox__uM2b2 { margin: 0 10px; padding: 0 10px; display: inline-block; position: relative; } .titleText__DtCu2 { position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; font-size: 24px; font-weight: bold; color: #333333; } .titleTextHidden__dW2bJ { font-size: 24px; font-weight: bold; color: #333333; visibility: hidden; } .titleBack__2Ndfv { display: inline-block; position: absolute; left: 0; bottom: 0; width: 100%; height: 20px; background: rgba(255, 96, 110, 0.2); border-radius: 14px; } .areaBox__1svKd { margin: 24px auto 0; padding: 32px 0; width: 772px; font-size: 16px; background: #fafafa; box-shadow: 0px 2px 12px 0px rgba(201, 201, 201, 0.5); border-radius: 10px; } .dotBox__PfMBr { display: flex; justify-content: center; align-items: center; } .dot__OpjbJ { display: inline-block; margin-right: 8px; width: 7px; height: 7px; border-radius: 50%; background: #a467d8; } .dotTitle__1KjDv { font-size: 18px; font-weight: bold; color: #333333; line-height: 24px; } .tagBox__1EbhY { display: flex; align-items: center; margin: 0 auto 16px; width: 626px; height: 62px; box-sizing: border-box; border: 4px solid #e9e1fd; border-radius: 6px; text-align: left; padding: 0 24px; } .tagBox__1EbhY .ant-radio-wrapper { cursor: default; font-size: 16px; display: inline-flex; align-items: center; } .tagBox__1EbhY .ant-radio-wrapper .ant-radio, .tagBox__1EbhY .ant-radio-inner, .tagBox__1EbhY .ant-radio-input { cursor: default; } .tagBox__1EbhY .ant-radio-wrapper:hover .ant-radio-inner { border-color: #dadada; } .tagBox__1EbhY .ant-radio-wrapper:hover .ant-radio-checked .ant-radio-inner { border-color: #1890ff; } .tagTitle__13Izj { display: inline-flex; align-items: center; height: 54px; line-height: 54px; margin-right: 8px; } .tagBtn__lh2YA { margin-right: 10px; padding: 0 10px; border: 1px solid #eaeaea; background: #ffffff; border-radius: 20px; font-size: 14px; color: #7a7a7a; outline: none; } .tagBtn__lh2YA:nth-of-type(1) { border: 1px solid #7dc2ff; color: #7dc2ff; background: #e8f4ff; } .tagBtn__lh2YA:nth-last-child(1) { margin-right: 0; } .tagBox2__FzZLq { width: 422px; } .tagBox2__FzZLq .ant-radio-wrapper { margin-right: 32px; } .tagBox2__FzZLq .ant-radio-wrapper:nth-last-child(1) { margin-right: 0; } .dotRe__nivjz { background: red; } .tagBotText__2IL5H { margin: 0; line-height: 24px; font-size: 16px; } .dotText__xHx1a { font-size: 16px; } .tagBox3__1B4vO { width: 300px; } .tagBox3__1B4vO .ant-radio-wrapper { margin-right: 36px; } .tagBox3__1B4vO .ant-radio-wrapper:nth-last-child(1) { margin-right: 0; } .orange-title__3kO-7 { background: linear-gradient(184deg, #ffbba1 0%, rgba(255, 87, 37, 0) 100%); } .orange-title-back__qvtPT { background: #ffba9f; } .tagAreaT__3ggJi { margin: 16px auto 64px; } .tagBotTtitle__3Q5gH { color: #333333; font-weight: bold; font-size: 16px; margin-top: 32px; } .botText__KgyQn { margin: 48px auto 64px; } .botLink__2ATmA { color: #4ea0ff; cursor: pointer; } .dynamic-box__1qEae { width: 1248px; margin: 32px auto 48px; } .dynamic-content__3d2rm { width: 1200px; margin: 0 auto; display: flex; min-height: 600px; color: #333333; } .focus-container__2PAtH { flex: 0 0 796px; color: #333333; } .title-tag__3uV5d { font-size: 20px; line-height: 25px; margin-bottom: 16px; font-weight: normal; } .focus-content__2YFnr { background: #ffffff; padding: 16px 32px 48px; border-radius: 6px; } .page__3xzz9 { text-align: center; margin-top: 48px; } .blank-box__149E7 { display: flex; flex-direction: column; align-items: center; height: 500px; justify-content: center; } .blank-img__2Hd3U { width: 170px; height: 120px; margin-bottom: 16px; } .tips__2W9bD { font-size: 12px; line-height: 16px; color: #999999; } /* 绑定 */ .binding-list__P22HG { list-style: none; padding: 70px 0 0 0; width: 556px; margin: 0 auto; } .binding-list-item__1meRW { display: flex; padding-bottom: 30px; margin-bottom: 30px; line-height: 20px; } .binding-list-item__1meRW:not(:last-child) { border-bottom: 1px solid #e0e0e0; } .binding-icon__2vol8 { width: 48px; height: 48px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 10px; } .binding-icon__2vol8 .iconfont { color: #fff; font-size: 30px; } .phone-icon__NOtKS { background: #fd9c7c; } .weixin-icon__ceWDr { background: #20cc26; } .qq-icon__2-WcF { background: #e4e4e4; } .status-tag__3Kqkw { margin-right: 10px; } .authIcon__28rLz { flex: none; width: 48px; height: 48px; margin-right: 10px; } .idNo__3n035 { margin-left: 20px; } .bindingInfo__2FgPO { margin-top: 4px; } .authBtn__12aJb { cursor: pointer; margin-left: 20px; color: #2d8fff; transition: opacity 0.3s; } .authBtn__12aJb:hover { opacity: 0.8; } .password-form__2WQvZ { margin: 70px auto; width: 370px; } .password-form__2WQvZ .ant-btn-primary { width: 100%; } .pwdContainer__3kovi { padding: 32px; } .pwdTitle__oXW6n { margin-bottom: 32px; font-size: 16px; color: #666666; line-height: 20px; } .line__2R6ud { margin-bottom: 32px; height: 1px; background: #e0e0e0; } .commit-btn__3PSp9 { background: #ff9900; border-color: #ff9900; border-radius: 50px; width: 120px; height: 40px; box-shadow: none; text-shadow: none; } .commit-btn__3PSp9:hover, .commit-btn__3PSp9:active, .commit-btn__3PSp9:focus { background: #ff9900; border-color: #ff9900; opacity: 0.8; cursor: pointer; } .newSourceContainer__3hgi4 { background: #f9f9f9; min-width: 1248px; } .banner__2utzO { width: 100%; margin-bottom: 32px; } .cardBody__3EByq { width: 1200px; background: #ffffff; padding: 36px 60px 48px; margin: 0 auto 80px; } .title1__1GOSh { margin: 0 auto; text-align: center; width: 235px; border-bottom: 16px solid #b7d9ff; } .titleText1__2hPyc { width: 216px; margin: 0 auto -14px; height: 66px; font-size: 24px; font-weight: 500; color: #333333; line-height: 33px; } .title2__2qtu_ { margin: 0 auto; text-align: center; width: 105px; border-bottom: 16px solid #b7d9ff; } .titleText2__1hJKQ { width: 96px; margin: 0 auto -14px; height: 33px; font-size: 24px; font-weight: 500; color: #333333; line-height: 33px; } .introText__rfpYJ { margin: 16px auto 48px; text-align: center; width: 933px; height: 64px; font-size: 16px; font-weight: 400; color: #666666; line-height: 32px; } .roleCards__bqHw5 { margin-top: 24px; margin-bottom: 56px; } .bgCards__3z_Wc { margin-top: 24px; margin-bottom: 32px; } .contactText__I800Q { text-align: center; height: 22px; font-size: 16px; font-weight: 400; color: #666666; line-height: 22px; } .contactColorText__3oQj7 { color: #ff9900; } .phaseContainerBox__3ucHg { width: 100%; min-width: 1248px; } .phaseBannerBox__3N7s3 { width: 100%; height: 488px; overflow: hidden; position: relative; } .phaseBannerBg__3qa16 { min-width: 1248px; width: 100%; overflow: hidden; text-align: center; } .phaseBannerBgImg__1t7-h { min-width: 3000px; height: 488px; width: 100%; } .phaseBanner__19UUX { display: inline-block; background-size: contain; width: 1200px; margin-top: 30px; } .phaseBannerCloud__2GBqB { position: absolute; right: -50px; bottom: 40px; } .bannerCloud__1UJKi { position: absolute; z-index: -1; top: 112px; left: -490px; } .phaseBodyOutBox__10ZPQ { margin: 0 auto; background: url("//xmcdn.oss-cn-shanghai.aliyuncs.com/community/static/phase-background.png") no-repeat 100% 100%; background-size: cover; padding-bottom: 80px; } .bodyInnerBox__2Cq0S { margin: 0 auto; } .phaseBodyBox__2ZpQE { position: relative; margin: -30px auto 0; min-width: 1248px; padding: 16px; padding-top: 80px; border-radius: 12px; } .phaseBody__2d8K7 { margin: 40px auto; padding-top: 62px; width: 100%; height: 100%; border-radius: 10px; background: #ffffff; } .phaseTextAreaBox__1KkVV { padding-top: 40px; } .phaseTextArea__2d2Xp { text-align: center; color: #855a00; font-size: 16px; line-height: 28px; } .orangeText__26kQU { color: #f16616; } .phaseTextGray__20ztd { color: rgba(133, 90, 0, 0.6); font-size: 14px; } .phaseTextBlue__jAU_m { color: #2d8fff; cursor: pointer; } .phaseTextBlue__jAU_m:hover { color: rgba(45, 143, 255, 0.7); } .phaseSectionBox__3rQwY { width: 1200px; margin: 16px auto 0; height: 412px; background: rgba(0, 0, 0, 0.05); border-radius: 8px; position: relative; } .phaseSectionBox2__1e_Ni { height: 544px; margin-top: 28px; /*修改滚动条样式*/ } .phaseSectionBox2__1e_Ni .phaseListBox__2GyjU::-webkit-scrollbar { width: 10px; height: 10px; } .phaseSectionBox2__1e_Ni .phaseListBox__2GyjU::-webkit-scrollbar-track { background: #fffbee; border-radius: 2px; } .phaseSectionBox2__1e_Ni .phaseListBox__2GyjU::-webkit-scrollbar-thumb { background: #e6d9bc; border-radius: 10px; } .phaseSectionBox3__pTRIZ { height: 442px; margin-top: 28px; } .phaseSection__LfeHN { position: absolute; left: 16px; top: -12px; width: 1168px; margin: 0 auto; background: #fffbee; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); border-radius: 8px; padding-bottom: 40px; } .dotSolidOutBox__3oDje { width: 1168px; position: absolute; display: flex; justify-content: space-between; padding: 10px 35px 0; } .dotSolidBox__3pVtC { position: relative; display: inline-block; } .dot__3mza3 { position: relative; display: block; width: 15px; height: 15px; background: #72c27b; box-shadow: 0px 1px 3px 0px rgba(75, 123, 80, 0.3); border-radius: 50%; z-index: 2; } .dotBottom__1_aMU { margin-top: -7px; } .solid__35G0g { z-index: 3; position: relative; display: block; margin: -7px auto 0; width: 9px; height: 74px; background: linear-gradient(180deg, #edc056 100%, #e1b048 0%); border-radius: 5px; } .phaseListBox__2GyjU { margin: 15px 0 0; width: 100%; height: 318px; overflow: auto; } .phaseItem__1jSSz { list-style: none; display: inline-flex; align-items: center; margin-bottom: 24px; margin-right: 25px; } .phaseItemImgBox__22m8t { display: inline-block; border: 5px solid #e6d9bc; border-radius: 50%; width: 72px; height: 72px; box-sizing: content-box; } .phaseItemImg__1-oos { display: inline-block; width: 72px; height: 72px; border-radius: 50%; } .phaseItemName__6tpQY { display: inline-block; width: 158px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-left: 12px; font-size: 16px; color: #855a00; } .phaseBtnBox__3peb1 { position: relative; width: 1072px; height: 75px; margin: 6px auto 0; text-align: center; padding-top: 24px; border-top: 1px solid #e6d9bc; } .phaseBtn__2AhvV { padding: 8px 48px; border-radius: 40px; outline: none; box-shadow: 0px 0px 6px 2px #efefef; font-size: 18px; font-weight: bold; border: 4px solid #fff; color: #fff; background: linear-gradient(#ff790e, #f06615); cursor: pointer; } .phaseBtn__2AhvV:hover { color: #fff; background: #fb8f42; } .noWorkImg__1H-5s { display: block; width: 156px; margin: 0 auto; } .noWorkText__2qNod { font-size: 16px; color: #666666; text-align: center; margin: 16px 0 0; } .noWorkBox__3Gxo5 { height: 316px; padding-top: 48px; } .phaseBannerInnerBox__2nMGg { position: absolute; width: 1248px; margin: 0 auto; text-align: center; top: 0; left: 50%; transform: translateX(-50%); } .registerBtn__12xb4 { position: absolute; width: 191px; padding: 5px 0 9px; left: 30px; bottom: 116px; border-radius: 40px; outline: none; font-size: 24px; font-weight: bold; border: 4px solid #fff; color: #fff; background: linear-gradient(#ff790e, #f06615); cursor: pointer; } .registerBtn__12xb4:hover { color: #fff; background: #fb8f42; } .toolTipBox__3E9Cj { position: absolute; z-index: 2; top: 62px; left: -30px; display: block; background: #ffffff; width: 264px; } .toolTipBox__3E9Cj .tooltipArrowBig__32eiX { position: absolute; left: 50%; top: 5px; transform: translateX(-50%); z-index: 0; display: inline-block; border-top: 9px transparent dashed; border-left: 10px transparent dashed; border-bottom: 10px #d9d3c0 dashed; border-right: 10px transparent solid; } .toolTipBox__3E9Cj .tooltipArrow__1meea { position: absolute; left: 50%; top: 8px; transform: translateX(-50%); z-index: 1; display: inline-block; border-top: 8px transparent dashed; border-left: 8px transparent dashed; border-bottom: 8px #ffffff dashed; border-right: 8px transparent solid; } .toolTipBox__3E9Cj .tooltipText__oXQVB { position: absolute; top: 22px; padding: 18px; word-break: keep-all; margin: 0; border: 1px solid #d9d3c0; background: #ffffff; color: #855a00; box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.07); border-radius: 4px; width: 100%; height: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .toolTipBox__3E9Cj .tooltipText__oXQVB .tooltipBtn__23vRa { display: block; margin: 20px auto 0; width: 78px; height: 24px; background: #6cdb75; border-radius: 12px; font-size: 12px; color: #fff; outline: none; border: none; cursor: pointer; padding-left: 7px; } .toolTipBox__3E9Cj .tooltipText__oXQVB .tooltipBtn__23vRa:hover { background: rgba(108, 219, 117, 0.8); } .toolTipBoxL__1K6GQ { width: 450px; left: -116px; } .phaseBtnApplying__1gbTM { margin: 0 auto; position: absolute; top: 0; left: 50%; transform: translateX(-50%); z-index: 2; padding: 20px; } .phaseTitleBox__1OQey { display: flex; align-items: center; justify-content: center; padding-bottom: 10px; } .phaseTitleImg__2X5Dt { display: inline-block; width: 25px; } .phaseTitleText__QF2AX { margin: 0 12px; font-size: 24px; font-weight: bold; color: #855a00; cursor: default; } .SummerActivityContainer__1y9af { position: relative; } .SummerActivityContainer__1y9af img { width: 100%; } .SummerActivityContainer__1y9af .HotBlock__1nrh1 { position: absolute; display: inline-block; } .SummerActivityContainer__1y9af .TeamsRate__1VKdL { position: absolute; left: 20.83vw; top: 61.72vw; width: 58.33vw; height: 10.468vw; } .SummerActivityContainer__1y9af .BtnTeamRed__54Vql, .SummerActivityContainer__1y9af .BtnTeamBlue__3qXI0 { cursor: pointer; position: absolute; width: 11.46vw; top: 74.68vw; } .SummerActivityContainer__1y9af .BtnTeamRed__54Vql:hover, .SummerActivityContainer__1y9af .BtnTeamBlue__3qXI0:hover { transform: scale(1.1); } .SummerActivityContainer__1y9af .BtnTeamRed__54Vql { left: 30vw; } .SummerActivityContainer__1y9af .BtnTeamBlue__3qXI0 { right: 30vw; } .SummerActivityContainer__1y9af .TopicList1__3Gvzk, .SummerActivityContainer__1y9af .TopicList2__1YWw5 { position: absolute; background-color: #fff; width: 53.12vw; height: 37.18vw; left: 23.4vw; top: 142.7vw; border-radius: 0.5vw; } .SummerActivityContainer__1y9af .TopicList2__1YWw5 { top: 193.12vw; } .project__dQxpv { width: 12vw; border-radius: 0px 0px 4px 4px; overflow: hidden; margin: 0 1.03vw 0.8vw 0; } .footer__2dyS7 { background: #fff; padding: 0.4vw 0px 0.4vw; } .projectTitle__1Mnfe { color: #333; display: inline-flex; max-width: 100%; cursor: pointer; margin-bottom: 4px; } .projectTitle__1Mnfe .title__Z0J9F { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .stat__3VjFN { font-size: 12px; line-height: 21px; height: 21px; color: #bdbdbd; } .statItem__2st02 { display: inline-flex; align-items: center; margin-right: 18px; } .statItem__2st02 .iconfont { margin-right: 4px; width: 0.73vw; height: 0.73vw; font-size: 12px; } .coverWrap__21AGQ { overflow: hidden; width: 12vw; height: 9vw; border-radius: 7px; position: relative; } .baseIcon__3c9OG { width: 80px; display: inline-flex; text-align: center; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16); border-radius: 6px 0px 25px 0px; color: #fff; font-size: 14px; line-height: 32px; height: 32px; position: absolute; top: 0; left: 0; z-index: 10; padding: 0 10px; } .chosen__21N34 { background: linear-gradient(128deg, #ffb100 0%, #ff9900 100%); } .official__1jY4f { background: linear-gradient(90deg, #4db7ff 0%, #4d97ff 100%); } .cover__2gLki { border-top-left-radius: 6px; border-top-right-radius: 6px; display: block; transform: scale(1); transition: all 0.3s ease 0s; background: url("//xmcdn.oss-cn-shanghai.aliyuncs.com/community/static/img/default-loading.png") center center no-repeat; background-size: contain; } .cover__2gLki:hover { transform: scale(1.1); transition: all 0.3s ease 0s; } .title__Z0J9F { color: #333; font-size: 0.83vw; line-height: 21px; max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; } .title__Z0J9F:hover { color: #2d8fff; } .author__23z3l { margin-top: 0.4vw; display: inline-flex; max-width: 100%; align-items: center; } .author__23z3l img { display: block; margin-right: 8px; width: 1.25vw; height: 1.25vw; border-radius: 50%; } .author__23z3l .nickname__2v83G { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #333; font-size: 0.625vw; } .author__23z3l .nickname__2v83G:hover { color: #2d8fff; } .projects__3XBE8 { padding: 1vw 1vw 0vw; background: #fff; margin-bottom: 1vw; border-radius: 0.5vw; display: flex; flex-direction: column; height: 100%; } .blank__1aaza { height: 100%; text-align: center; padding-top: 10vw; color: #666666; } .blank__1aaza img { margin-bottom: 12px; width: 10.4vw; } .projectList__5mXXU { display: flex; flex-wrap: wrap; margin-right: -1vw; } .filter__JMTB1 { margin-bottom: 0.4vw; } .work-room__3otz9 { background: #29c3ff; } .activityBanner__179RX { width: 1200px; margin: auto; height: 461px; } .work-room-box__2lsav { width: 1248px; margin: 0 auto; } .activity-box__30Rn3 { width: 1200px; margin: auto; padding: 32px 0 90px; } .activity-con__23Oct { width: 1184px; background: #fff; padding: 64px 16px 80px; box-shadow: 16px 16px 0px 0px rgba(249, 253, 255, 0.2); border-radius: 10px; } .activity-con__23Oct p { margin: 0; } .activity-con__23Oct .title__26MQr { position: relative; width: 192px; height: 56px; margin: auto; font-size: 30px; line-height: 53px; text-align: center; color: #fff; background: #29c3ff; border-radius: 31px; } .activity-con__23Oct .title__26MQr .dot__1tb5c { position: absolute; top: 0; height: 56px; display: flex; justify-content: center; align-items: center; } .activity-con__23Oct .title__26MQr .left__SEMsW { left: -40px; } .activity-con__23Oct .title__26MQr .right__1wAFa { right: -46px; } .activity-con__23Oct .title__26MQr .yellow__2n7bB, .activity-con__23Oct .title__26MQr .blue__2G0JN { display: inline-block; width: 16px; height: 16px; margin: 0 6px 0 0; background: rgba(250, 152, 85, 0.6); border-radius: 50%; } .activity-con__23Oct .title__26MQr .blue__2G0JN { width: 12px; height: 12px; background: rgba(41, 195, 255, 0.6); } .activity-con__23Oct .text-con__2OTjR { width: 1008px; margin: auto; padding: 32px 0 80px; font-size: 16px; line-height: 32px; color: #666; } .activity-con__23Oct .text-con__2OTjR.padding-left275__3QqTL { padding: 32px 0 80px 275px; } .activity-con__23Oct .text-con__2OTjR .paddingLeft97__16oRS { padding: 0 0 0 97px; } .activity-con__23Oct .text-con__2OTjR .spanYellow__mts9_ { margin: 0 2px; height: 23px; font-weight: bold; color: #fa9855; background: rgba(250, 152, 85, 0.1); } .activity-con__23Oct .text-con__2OTjR .weight__2vlDR { font-weight: bold; } .activity-con__23Oct .text-con__2OTjR .weight__2vlDR.padding-top40__1OZGd { padding: 35px 0 0; display: inline-block; } .activity-con__23Oct .imgBox__y2SS7 { width: 702px; height: 270px; margin: auto; padding: 48px 0 80px; } .activity-con__23Oct .imgCon__zWbj- { height: 84px; } .activity-con__23Oct .imgTextBox__1FfOE { padding: 12px 0 0; } .activity-con__23Oct .imgTextBox__1FfOE .text__1Jd5x { float: left; margin: 0 0 0 148px; text-align: center; } .activity-con__23Oct .imgTextBox__1FfOE .text__1Jd5x:first-child { margin: 0; } .activity-con__23Oct .imgTextBox__1FfOE .text__1Jd5x p { height: 25px; font-size: 16px; line-height: 25px; color: #666; } .activity-con__23Oct .awardBox__2lO3e { width: 684px; margin: auto; } .activity-con__23Oct .awardBox__2lO3e .con__24_Ab { margin: 0 0 0 70px; float: left; width: 166px; height: 200px; text-align: center; font-size: 18px; font-weight: bold; color: #e95352; } .activity-con__23Oct .awardBox__2lO3e .con__24_Ab:first-child { margin: 0; } .activity-con__23Oct .awardBox__2lO3e .con__24_Ab p { padding: 8px 0 0; } .activity-con__23Oct .awardBox__2lO3e .con__24_Ab .title1__2g2SC { padding: 8px 0 0 10px; color: #3ca9e0; } .activity-con__23Oct .awardBox__2lO3e .con__24_Ab .title2__29w6F { color: #7bbf60; } .activity-con__23Oct .awardBox__2lO3e .con__24_Ab.last-item__2GJ3i { width: 225px; margin: 0 0 0 40px; text-align: center; } .btnBoxNofloat__e3wUe { margin-top: -150px; position: relative; display: flex; justify-content: center; min-width: 1248px; height: 148px; background-image: url(//xmcdn.oss-cn-shanghai.aliyuncs.com/community/2.3.4/prod/_next/static/images/bgimg-cb60a7a99907801d071a65781e3a50a6.png); background-size: 100% 148px; } .btnBox__2ncR6 { display: flex; justify-content: center; position: fixed; bottom: 0px; left: 0px; width: 100%; min-width: 1248px; background-image: url(//xmcdn.oss-cn-shanghai.aliyuncs.com/community/2.3.4/prod/_next/static/images/bgimg-cb60a7a99907801d071a65781e3a50a6.png); background-size: 100% 148px; transition: height 0.8s; } .testBtn__30Gon { width: 229px; height: 98px; margin-top: 20px; cursor: pointer; background: url(//xmcdn.oss-cn-shanghai.aliyuncs.com/community/2.3.4/prod/_next/static/images/test-075427d14b6618ff5678284445a0bb01.png) no-repeat; background-size: cover; } .testBtn__30Gon:hover { background: url(//xmcdn.oss-cn-shanghai.aliyuncs.com/community/2.3.4/prod/_next/static/images/test-hover-7bf8e2c1412c40034f89a3f27d2d0e85.png) no-repeat; background-size: cover; transition: background 0.4s; } .joinBtn__1Imn6 { cursor: pointer; position: relative; width: 229px; height: 98px; margin: 20px 0 0 104px; background: url(//xmcdn.oss-cn-shanghai.aliyuncs.com/community/2.3.4/prod/_next/static/images/join-aa42e8813a229c38533e6be41826af49.png) no-repeat; background-size: cover; } .joinBtn__1Imn6 .qqCard__3-3vv { display: none; position: absolute; width: 178px; height: 214px; background: #d8964f; border-radius: 10px; top: -205px; left: 24px; padding: 13px 12px 0px 12px; text-align: center; } .joinBtn__1Imn6:hover { background: url(//xmcdn.oss-cn-shanghai.aliyuncs.com/community/2.3.4/prod/_next/static/images/join-hover-6b6507f3622702860c461c7b8f0e4ec6.png) no-repeat; background-size: cover; transition: background 0.4s; } .joinBtn__1Imn6:hover .qqCard__3-3vv { display: block; } .joinBtn__1Imn6 .qqCardText__3hc04 { color: #6e3204; font-size: 24px; font-family: Alibaba PuHuiTi; opacity: 0.5; line-height: 48px; } .img1__wdlnu { max-height: 992px; width: 100%; min-width: 1248px; } .img2__UejDI { max-height: 625px; width: 100%; min-width: 1248px; } .img3__3_vT3 { max-height: 937px; width: 100%; min-width: 1248px; } .img4__PYAQ- { max-height: 1074px; width: 100%; min-width: 1248px; } .img5__1DCth { max-height: 536px; width: 100%; min-width: 1248px; } @-webkit-keyframes scaleDraw__3WqDI { /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/ 0% { transform: scale(1); /*开始为原始大小*/ } 25% { transform: scale(1.3); /*放大1.1倍*/ } 50% { transform: scale(1); } 75% { transform: scale(1.1); } } @keyframes scaleDraw__3WqDI { /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/ 0% { transform: scale(1); /*开始为原始大小*/ } 25% { transform: scale(1.3); /*放大1.1倍*/ } 50% { transform: scale(1); } 75% { transform: scale(1.1); } } .goBtn__2ROL1 { -webkit-animation-name: scaleDraw__3WqDI; /*关键帧名称*/ -webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/ -webkit-animation-iteration-count: infinite; /*动画播放的次数*/ -webkit-animation-duration: 3s; /*动画所花费的时间*/ } .container__7kuX3 { width: 1360px; margin: 0 auto; margin-top: 22px; margin-bottom: 30px; background: #fff; position: relative; border-radius: 10px; } .container__7kuX3 .mychart__2WxVg { height: calc(100vh - 86px); } .container__7kuX3 .title__19a0Z { font-size: 20px !important; font-weight: 500; font-family: PingFangSC-Medium, PingFang SC; position: absolute; top: 24px; left: 32px; line-height: 24px; } .container__7kuX3 .title__19a0Z span { color: #36cb24; margin-right: 6px; font-size: 20px; } .page403__3Guvz { margin: auto; width: 1248px; padding: 97px 0 98px; min-height: calc(100% - 284px); } .page-bg403__22diA { width: 461px; height: 322px; background: url(//xmcdn.oss-cn-shanghai.aliyuncs.com/xm_world/pc/static/image/403.png); margin: auto; } .title__2M36f { font-size: 18px; font-weight: 400; text-align: center; color: #a6cdf6; padding-top: 40px; margin-bottom: 32px; } .btn__37Liq { width: 102px; height: 32px; line-height: 32px; margin: auto; background: #9BCEFA; border-radius: 20px; text-align: center; vertical-align: middle; font-size: 14px; color: #fff; font-weight: 400; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; } @font-face { font-family: "DINAlternate"; src: url(//xmcdn.oss-cn-shanghai.aliyuncs.com/community/2.3.4/prod/_next/static/chunks/fonts/DINProRegular-d2e6333471fa3ac42955a79c2fb1b9c7.woff2); } .content__3kheu { display: flex; flex-wrap: wrap; justify-content: left; margin: 0 auto 60px; width: 1398px; } .content__3kheu .item__1fbE8 { margin-left: 10px; margin-right: 10px; margin-bottom: 20px; } .btnBox__3mpxM { width: 1378px; margin: 0 auto; margin-top: 24px; margin-bottom: 16px; } .btnBox__3mpxM .totalPrice__2krrp { font-family: "DINAlternate"; font-size: 16px; font-weight: bold; } .btnBox__3mpxM .goldenIcon__-0zjy { width: 14px; margin-right: 4px; vertical-align: middle; margin-top: -4px; } .btnBox__3mpxM .goldenTipIcon__eCXFm { font-size: 14px; color: #9d9d9d; margin-left: 4px; } .mineBtnBox__1L2qC { display: flex; justify-content: space-between; } .footer__1j1h2 { width: 1378px; margin: 12px auto 80px; text-align: center; } .empty__3KH5d { margin: 93px auto 221px; text-align: center; font-size: 16px; font-weight: 400; color: #999999; } .empty__3KH5d .emptyImg__1__ab { width: 152px; height: 171px; margin-bottom: 16px; display: block; } .modalContent__2p8LC { font-size: 14px; font-weight: 400; color: #454545; } .modalContent__2p8LC .img__1amb- { width: 128px; max-height: 100px; background: #ffffff; border-radius: 6px; border: 1px solid #e0e0e0; text-align: center; vertical-align: middle; overflow: hidden; } .modalContent__2p8LC .img__1amb- img { max-width: 128px; max-height: 98px; } .modalContent__2p8LC .des__2n4_B { margin-top: 16px; word-break: break-word; } .modalContent__2p8LC .mrt12__17Jld { margin-top: 12px; } .modalContent__2p8LC .price__SZYYJ { margin: 12px 0 32px 0; } .modalContent__2p8LC .price__SZYYJ .footerLeftPriceIcon__1kmql { width: 14px; margin-right: 4px; margin-top: -4px; } .boxFinishTitle__1GzVM { text-align: center; } .boxFinishTitle__1GzVM img { width: 131px; } .boxFinishContent__25JUh { text-align: center; font-size: 16px; } .boxFinishContent__25JUh span { color: #ff9900; } .boxFinishImgContent__2ZsmW { border: 6px solid white; border-radius: 6px; width: 140px; max-height: 110px; margin: 0 auto; overflow: hidden; } .boxFinishImg__1OMfe { max-width: 128px; max-height: 98px; position: relative; } .boxFinishFooter__m20CI { background: linear-gradient(180deg, #ffc900 0%, #ff9900 100%); position: fixed; display: inline-block; padding: 6px 16px; transform: translateX(-50%); left: 50%; color: #fff; cursor: pointer; width: 150px; height: 36px; text-align: center; border-radius: 20px; font-size: 16px; font-weight: 600; font-family: PingFangSC-Semibold, PingFang SC; line-height: 24px; } @media all and (max-width: 1441px) { .content__3kheu { width: 1165px; } .btnBox__3mpxM, .footer__1j1h2 { width: 1145px; } } .findHeader__lNjpv { background: #71f0ff; } .findHeaderImgBox__1Mron { background-image: url(//xmcdn.oss-cn-shanghai.aliyuncs.com/community/2.3.4/prod/_next/static/images/market-banner-a071b50c35a4b3dd7f978e0e2e3a9b05.png); position: relative; z-index: 5; height: 200px; background-position: center center; background-repeat: no-repeat; } .tabBox__3r9uG { height: 48px; background: #ffffff; box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.07); } .tabBody__2t_gN { width: 1378px; height: 100%; margin: 0 auto; list-style: none; padding: 0; } @media all and (max-width: 1441px) { .tabBody__2t_gN { width: 1145px; } } .tabItem__2OjLZ { display: inline-block; padding: 0 6px; height: 64px; font-size: 18px; color: #333333; line-height: 64px; margin-right: 42px; cursor: pointer; border: none; outline: none; background: transparent; } .tabItem__2OjLZ:hover { color: #ff9900; border-bottom: 2px solid #ff9900; } .tabItemActive__1ZjCf { color: #ff9900; border-bottom: 2px solid #ff9900; } .box__2_bSQ { background: rgba(255, 255, 255, 0.98); border-radius: 10px; width: 213px; height: 282px; padding: 12px; position: relative; } .box__2_bSQ:hover { box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1); } .box__2_bSQ .img__nTMJv { background: #efefef; border-radius: 8px; position: relative; text-align: center; cursor: pointer; height: 144px; overflow: hidden; } .box__2_bSQ .img__nTMJv:hover [data-xm="actionTab"] { opacity: 1; transition: all 0.3s ease 0s; } .box__2_bSQ .img__nTMJv img { max-height: 144px; transform: scale(1); transition: all 0.3s ease 0s; } .box__2_bSQ .img__nTMJv img:hover { transform: scale(1.1); transition: all 0.3s ease 0s; } .box__2_bSQ .title__gA4Tb { font-size: 16px; font-weight: 400; color: #333333; line-height: 22px; margin: 8px 0; cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .box__2_bSQ .title__gA4Tb:hover { color: #2d8fff; } .box__2_bSQ .des__3Cmit { font-size: 14px; font-weight: 400; color: #999999; line-height: 20px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .box__2_bSQ .footer__3-x_L { display: flex; position: absolute; bottom: 15px; height: 33px; line-height: 33px; flex-direction: row; justify-content: space-between; flex-wrap: wrap; width: calc(100% - 24px); } .box__2_bSQ .footer__3-x_L .footerLeft__3jJV5 { height: 100%; } .box__2_bSQ .footer__3-x_L .footerLeft__3jJV5 .footerLeftPriceIcon__5vIDM { width: 14px; margin-right: 8px; vertical-align: baseline; } .box__2_bSQ .footer__3-x_L .footerLeft__3jJV5 .footerLeftPrice__1Nc13 { font-family: "DINAlternate"; font-size: 24px; font-weight: 600; color: #333333; } .box__2_bSQ .footer__3-x_L .footerRight__2Rbht { height: 100%; font-size: 14px; font-weight: 400; color: #999999; } .box__2_bSQ .footer__3-x_L .footerUnused__3m3Zh { font-size: 14px; font-weight: 400; color: #999999; } .box__2_bSQ .footer__3-x_L .footerUnused__3m3Zh span { font-family: "DINAlternate"; color: #333; font-size: 24px; } .productDetailPage__3D2VL { min-width: 1248px; background-color: #f6f6f6; } .productDetailCtn__1zU3r { width: 1380px; min-height: 713px; margin: 32px auto 80px; padding: 24px 32px 0 32px; background: rgba(255, 255, 255, 0.98); border-radius: 10px; } .productDetailCtn__1zU3r .productDetailMain__2LBy9 { margin-top: 16px; } .productDetailCtn__1zU3r .productDetailMain__2LBy9 .productDisplay__2h3uB { margin-bottom: 40px; display: flex; align-items: center; } .productDetailCtn__1zU3r .productDetailMain__2LBy9 .productDisplay__2h3uB .productPicCtn__3TPHz { margin-right: 20px; width: 189px; height: 148px; border-radius: 8px; border: 1px solid #e0e0e0; text-align: center; vertical-align: middle; overflow: hidden; } .productDetailCtn__1zU3r .productDetailMain__2LBy9 .productDisplay__2h3uB .productPicCtn__3TPHz .productImg__1BLit { max-height: 146px; } .productDetailCtn__1zU3r .productDetailMain__2LBy9 .productDisplay__2h3uB .productDescribe__K_zpj { display: flex; flex-direction: column; align-items: flex-start; } .productDetailCtn__1zU3r .productDetailMain__2LBy9 .productDisplay__2h3uB .productDescribe__K_zpj .productName__37z97 { margin-bottom: 12px; font-size: 16px; font-weight: 500; color: #333333; line-height: 22px; } .productDetailCtn__1zU3r .productDetailMain__2LBy9 .productDisplay__2h3uB .productDescribe__K_zpj .productPrice__3eKoC { margin-bottom: 12px; display: flex; align-items: center; font-size: 14px; color: #454545; line-height: 20px; } .productDetailCtn__1zU3r .productDetailMain__2LBy9 .productDisplay__2h3uB .productDescribe__K_zpj .productPrice__3eKoC .goldenIcon__g0360 { margin: 0 4px; width: 14px; height: 14px; } .productDetailCtn__1zU3r .productDetailMain__2LBy9 .productDisplay__2h3uB .productDescribe__K_zpj .productData__2s4UV { margin-bottom: 22px; font-size: 14px; color: #999999; } .productDetailCtn__1zU3r .productDetailMain__2LBy9 .productDisplay__2h3uB .productDescribe__K_zpj .productData__2s4UV .productSalesNum__3zNSn { margin-right: 20px; } .productDetailCtn__1zU3r .productDetailMain__2LBy9 .productDisplay__2h3uB .productDescribe__K_zpj .productAction__1d-uC .productBuyBtn__1il1v { cursor: pointer; padding: 9px 20px; background: #ff9900; border-radius: 24px; font-size: 16px; color: #ffffff; } .productDetailCtn__1zU3r .productDetailMain__2LBy9 .productDisplay__2h3uB .productDescribe__K_zpj .productAction__1d-uC .productBuyBtn__1il1v:hover { opacity: 0.8; } .productDetailCtn__1zU3r .productDetailMain__2LBy9 .productDisplay__2h3uB .productDescribe__K_zpj .productAction__1d-uC .productBuyDisable__3KEYn { cursor: not-allowed !important; background: #efefef !important; border: 1px solid #e0e0e0; color: #999999 !important; } .productDetailCtn__1zU3r .productDetailMain__2LBy9 .productIntruduce__2o4C9 { margin-bottom: 40px; } .productDetailCtn__1zU3r .productDetailMain__2LBy9 .productType__3x5dd, .productDetailCtn__1zU3r .productDetailMain__2LBy9 .productLevel__t4lke, .productDetailCtn__1zU3r .productDetailMain__2LBy9 .productIntroText__2S6fV { font-family: inherit; margin: 0; font-size: 14px; color: #666666; line-height: 2; } .productDetailCtn__1zU3r .productDetailMain__2LBy9 .productAttenText__h4htG p { margin: 0; font-size: 14px; color: #666666; line-height: 2; } .title__m73ZH { margin-bottom: 8px; font-size: 16px; font-weight: 500; color: #333333; line-height: 22px; } .divideLine__38uI1 { margin-bottom: 16px; width: 100%; height: 1px; background: #e0e0e0; } .propScroll__32JzW { height: 268px; overflow-y: scroll; } .productAttentions__2sPVb { height: 280px; } @media all and (max-width: 1666px) { .productDetailCtn__1zU3r { width: 1145px; } } @font-face { font-family: "DINAlternate"; src: url(//xmcdn.oss-cn-shanghai.aliyuncs.com/community/2.3.4/prod/_next/static/chunks/fonts/DINProRegular-d2e6333471fa3ac42955a79c2fb1b9c7.woff2); } .box__24W8w { background: rgba(255, 255, 255, 0.98); border-radius: 10px; margin: 32px 270px 80px; min-height: 713px; padding: 24px 32px; } .box__24W8w .head__3upzk { background: rgba(45, 143, 255, 0.05); border-radius: 4px; padding: 14px 16px; font-size: 16px; font-weight: 600; color: #333333; margin-top: 16px; } .box__24W8w .head__3upzk .status__1IL4_ { font-size: 14px; font-weight: 600; color: #333333; } .box__24W8w .head__3upzk .statusRed__2MMmq { color: #ff5b35; } .box__24W8w .head__3upzk .statusGreen__SEvNW { color: #15ba10; } .box__24W8w .head__3upzk .statusCancelBtn__2YbA5 { font-weight: 400; color: #999999; cursor: pointer; float: right; } .box__24W8w .price__17Mpq { margin-bottom: 40px; text-align: right; font-size: 16px; font-weight: 400; margin-top: 48px; } .box__24W8w .price__17Mpq .priceAmount__2sB-k { color: #999999; } .box__24W8w .price__17Mpq .priceAmount__2sB-k span { font-family: "DINAlternate"; } .box__24W8w .price__17Mpq .pricePaid__1E9EH { color: #333333; margin-top: 8px; margin-bottom: 12px; } .box__24W8w .price__17Mpq .pricePaid__1E9EH span { font-family: "DINAlternate"; font-size: 28px; font-weight: 600; color: #ff9900; } .box__24W8w .price__17Mpq .priceBtn__1ZfcY { background: #ff9900; border-radius: 24px; color: white; padding: 9px 20px; display: inline-block; cursor: pointer; } .box__24W8w .price__17Mpq .priceBtn__1ZfcY:hover { opacity: 0.8; } .box__24W8w .footer__2szc3 { background: #f8f8f8; border-radius: 10px; padding: 20px; } .box__24W8w .footer__2szc3 p { font-size: 14px; font-weight: 400; color: #333333; margin-bottom: 12px; } .box__24W8w .footer__2szc3 p:first-child { font-weight: 600; } .box__24W8w .table__3pHN- table { width: 100%; } .box__24W8w .table__3pHN- tbody > tr > td:first-child { display: flex; } .box__24W8w .table__3pHN- .tdHeadStyle__fmAV7 { padding: 24px 0 16px 0; border-bottom: 1px solid #e0e0e0; font-size: 16px; font-weight: 400; color: #333333; } .box__24W8w .table__3pHN- .product__2EF2l { margin-left: 12px; flex: 1; } .box__24W8w .table__3pHN- .product__2EF2l .name__10Iu2 { font-size: 16px; font-weight: bold; color: #333333; margin-bottom: 8px; } .box__24W8w .table__3pHN- .product__2EF2l .introduce__3evj0 { font-size: 14px; font-weight: 400; color: #666666; max-width: 599px; } .box__24W8w .table__3pHN- .width120__jTd0b { width: 120px; text-align: center; } .box__24W8w .table__3pHN- .tdBodyStyle__1hz8H { padding: 16px 0; border-bottom: 1px solid #e0e0e0; font-size: 16px; font-weight: 400; color: #333333; } .box__24W8w .table__3pHN- .tdBodyStyle__1hz8H .price__17Mpq { font-family: "DINAlternate"; } .box__24W8w .table__3pHN- .coverImg__Wl8bf { width: 128px; height: 100px; background: #ffffff; border-radius: 8px; border: 1px solid #e0e0e0; text-align: center; overflow: hidden; } .box__24W8w .table__3pHN- .coverImg__Wl8bf img { max-height: 98px; } @media all and (max-width: 1441px) { .box__24W8w { margin: 32px 107px 80px; width: 1034px; } } .crumb__lfMc8 { padding: 0; margin: 0; font-size: 14px; display: flex; list-style: none; } .crumb__lfMc8 .current__2rUb3 { color: #333333; } .crumb__lfMc8 .default__3Fc9i { color: #999999; cursor: pointer; margin-right: 5px; } .reportHeader__3KfRc { background: #71f0ff; position: relative; min-width: 1248px; } .reportHeaderImgBox__C0mtI { background-image: url(//xmcdn.oss-cn-shanghai.aliyuncs.com/community/2.3.4/prod/_next/static/images/explore-banner-c20ca70500d251237aca9de0dccf992c.png); position: relative; z-index: 5; height: 200px; background-position: center center; background-repeat: no-repeat; } .tabBox__1HSt6 { height: 48px; background: #ffffff; box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.07); } .operaCon__2ALB2 { flex: 1; z-index: 6; position: absolute; bottom: 50px; left: calc(50% + 390px); width: 176px; } .operaCon__2ALB2 .standard__hVIIP { display: block; cursor: pointer; margin: 0 auto; width: 126px; height: 44px; background: url(data:image/png;base64,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) no-repeat 100% 100%; background-size: 126px 44px; color: #e17112; font-size: 14px; line-height: 44px; text-align: center; } .operaCon__2ALB2 .joinReport__BBJz9 { cursor: pointer; margin: 0 auto; padding: 0 25px; line-height: 40px; border-radius: 20px; background-color: #ff9900; position: relative; font-size: 18px; font-weight: 600; color: #ffffff; text-align: center; } @media screen and (min-width: 1920px) { .operaCon__2ALB2 { bottom: 78px; } } .box__2txTG { position: fixed; top: 20%; left: 50%; transform: translate(-50%); z-index: 9999; } .box__2txTG .prefixImg__388sB { position: relative; width: 218px; top: 13%; left: 50%; transform: translate(-50%); } .box__2txTG .modal__1Ag_Z { background: #ffffff; border-radius: 10px; padding: 24px; width: 370px; } .box__2txTG .modal__1Ag_Z .closeIcon__3fC2l { font-size: 21px; position: fixed; top: 20px; right: 17px; color: #a5abb3; height: 15px; line-height: 15px; cursor: pointer; } .box__2txTG .modal__1Ag_Z .closeIcon__3fC2l:hover { opacity: 0.8; } .box__2txTG .modal__1Ag_Z .modalHeader__2KZmq { font-size: 18px; font-weight: 600; color: #454545; margin-bottom: 16px; } .box__2txTG .modal__1Ag_Z .modalContent__Ycq_Y { font-size: 14px; font-weight: 400; color: #666666; min-height: 48px; } .box__2txTG .modal__1Ag_Z .modalFooter__3849k { margin-top: 16px; } .box__2txTG .modal__1Ag_Z .modalFooter__3849k .footerRender__OSgEW { display: flex; justify-content: flex-end; } .box__2txTG .modal__1Ag_Z .modalFooter__3849k .btn___dDQz { font-size: 16px; font-weight: 400; border-radius: 20px; padding: 6px 16px; text-align: center; cursor: pointer; } .box__2txTG .modal__1Ag_Z .modalFooter__3849k .btn___dDQz:hover { opacity: 0.8; } .box__2txTG .modal__1Ag_Z .modalFooter__3849k .largeBtn__3kp-G { display: block; margin-bottom: 16px; width: 100%; } .box__2txTG .modal__1Ag_Z .modalFooter__3849k .largeBtn__3kp-G:last-child { margin-bottom: 0; } .box__2txTG .modal__1Ag_Z .modalFooter__3849k .fragmentBtn__3hZgY { width: 100%; } .box__2txTG .modal__1Ag_Z .modalFooter__3849k .fragmentBtn__3hZgY:first-child { width: 40%; margin-left: 0; } .box__2txTG .modal__1Ag_Z .modalFooter__3849k .forbidBtn__2i0UJ { background: #efefef !important; border: 1px solid #e0e0e0 !important; color: #999999 !important; cursor: not-allowed; pointer-events: none; } .box__2txTG .modal__1Ag_Z .modalFooter__3849k .forbidBtn__2i0UJ:hover { opacity: 1; } .box__2txTG .modal__1Ag_Z .modalFooter__3849k .defaultBtn__3mnkl { display: inline-block; margin-left: 16px; float: right; } .box__2txTG .modal__1Ag_Z .modalFooter__3849k .okBtn__3ni6_ { color: #ffffff; background: #ff9900; } .box__2txTG .modal__1Ag_Z .modalFooter__3849k .closeBtn__XdeZ4 { color: #ff9900; background: #ffffff; border: 1px solid #ff9900; } .mask__U0LUP { background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 70; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .box__3UvRp { position: fixed; top: 20%; left: 50%; transform: translate(-50%); z-index: 9999; height: 536px; width: 476px; } .box__3UvRp .prefixImg__YcTOO { position: relative; width: 218px; top: 13%; left: 50%; transform: translate(-50%); } .box__3UvRp .modal__1zecw { background-image: url(//xmcdn.oss-cn-shanghai.aliyuncs.com/community/2.3.4/prod/_next/static/images/awardImg-1cae4ab42d2fae57ff3008d55ddb930d.png); height: 100%; background-repeat: no-repeat; background-size: 476px 536px; } .box__3UvRp .modal__1zecw .closeIcon__1tOhL { background-image: url(data:image/png;base64,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); background-repeat: no-repeat; background-size: 100%; position: fixed; top: 197px; right: 26px; width: 22px; height: 26px; cursor: pointer; } .box__3UvRp .modal__1zecw .closeIcon__1tOhL:hover { opacity: 0.8; } .box__3UvRp .modal__1zecw .modalHeader__1GXEz { font-size: 18px; font-weight: 600; color: #454545; margin-bottom: 16px; } .box__3UvRp .modal__1zecw .modalContent__--e-a { width: 100%; font-size: 18px !important; font-weight: 400; color: #644111; min-height: 48px; top: 50%; left: 50%; position: fixed; transform: translateX(-50%); line-height: 33px; letter-spacing: 1px; text-align: center; } .box__3UvRp .modal__1zecw .modalFooter__3Z6-C { width: 100%; top: 83%; position: fixed; } .box__3UvRp .modal__1zecw .modalFooter__3Z6-C .footerRender__3mbef { display: flex; justify-content: flex-end; } .box__3UvRp .modal__1zecw .modalFooter__3Z6-C .btn__KNeEA { font-size: 16px; font-weight: 400; border-radius: 20px; padding: 6px 16px; text-align: center; cursor: pointer; } .box__3UvRp .modal__1zecw .modalFooter__3Z6-C .btn__KNeEA:hover { opacity: 0.8; } .box__3UvRp .modal__1zecw .modalFooter__3Z6-C .largeBtn__30yEl { display: block; margin-bottom: 16px; width: 100%; } .box__3UvRp .modal__1zecw .modalFooter__3Z6-C .largeBtn__30yEl:last-child { margin-bottom: 0; } .box__3UvRp .modal__1zecw .modalFooter__3Z6-C .fragmentBtn__3rDUS { width: 100%; } .box__3UvRp .modal__1zecw .modalFooter__3Z6-C .fragmentBtn__3rDUS:first-child { width: 40%; margin-left: 0; } .box__3UvRp .modal__1zecw .modalFooter__3Z6-C .forbidBtn__xKNRT { background: #efefef !important; border: 1px solid #e0e0e0 !important; color: #999999 !important; cursor: not-allowed; pointer-events: none; } .box__3UvRp .modal__1zecw .modalFooter__3Z6-C .forbidBtn__xKNRT:hover { opacity: 1; } .box__3UvRp .modal__1zecw .modalFooter__3Z6-C .defaultBtn__V_XIL { display: inline-block; margin-left: 16px; float: right; } .box__3UvRp .modal__1zecw .modalFooter__3Z6-C .okBtn__2il2a { color: #ffffff; background: #ff9900; } .box__3UvRp .modal__1zecw .modalFooter__3Z6-C .closeBtn__2MdCj { color: #ff9900; background: #ffffff; border: 1px solid #ff9900; } .mask__2lNEQ { background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 9998; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .luckyBox__ZlsiI { width: 500px; height: 580px; background-image: url(//xmcdn.oss-cn-shanghai.aliyuncs.com/community/2.3.4/prod/_next/static/images/lucky-69e816612d3bac057a2f71297fbd15d9.png); background-repeat: no-repeat; background-size: 500px 580px; position: fixed; top: 20%; left: 50%; transform: translateX(-50%); z-index: 9999; } .carouselBox__O4qE- { width: 204px; height: 160px; position: fixed; top: 20%; left: 50%; background-image: url(//xmcdn.oss-cn-shanghai.aliyuncs.com/community/2.3.4/prod/_next/static/images/head-260dba2cefd6e8624d5d7d169d1f83e3.png); transform: translate(-101px, 146px); z-index: 9998; } .banner-img__1Ie0t { width: 100%; height: 160px; } .luckyButton__20p9A { background-image: url(//xmcdn.oss-cn-shanghai.aliyuncs.com/community/2.3.4/prod/_next/static/images/luckyButton-3d52b4cdb27b2782ac0ef58b4902c65f.png); width: 80px; height: 80px; background-repeat: no-repeat; background-size: 80px; position: fixed; top: 20%; left: 50%; transform: translate(-31px, 308px); z-index: 9999; cursor: pointer; } .luckyPoint__3j1PE { background-image: url(//xmcdn.oss-cn-shanghai.aliyuncs.com/community/2.3.4/prod/_next/static/images/pointer-cafd6cab38ea1f2c3417b34726b03c41.png); width: 100px; height: 100px; background-repeat: no-repeat; background-size: 100px; position: fixed; top: 20%; left: 50%; margin: 342px -11px; z-index: 9999; animation: fingerHandle__3Lwts 1s infinite; -webkit-animation: fingerHandle__3Lwts 1s infinite; /*Safari and Chrome*/ } .carouselBox___Di-1 { background-image: url(//xmcdn.oss-cn-shanghai.aliyuncs.com/community/2.3.4/prod/_next/static/images/tigerCover-3a06298f10a4dbfec856221d9b21c878.png); width: 204px; height: 160px; position: fixed; top: 20%; left: 50%; background-repeat: no-repeat; background-size: 204px 160px; transform: translate(-100px, 144px); z-index: 9998; } @-webkit-keyframes fingerHandle__3Lwts { /*Safari and Chrome*/ 0% { transform: none; } 70% { transform: scale3d(0.8, 0.8, 0.8); } 100% { transform: none; } } .productCard__31in0 { margin-top: 20px; width: 100%; height: 100px; } .productCard__31in0 .productImg__1-YlZ { box-sizing: border-box; float: left; width: 128px; height: 100px; background: #ffffff; border-radius: 8px; border: 1px solid #e0e0e0; background: no-repeat center; background-size: auto 100px; } .productCard__31in0 .productTitle__2xBxa { float: left; margin: 9px 0 6px 27px; font-size: 16px; font-family: PingFangSC-Medium, PingFang SC; font-weight: 500; color: #333333; width: 800px; height: 22px; } .productCard__31in0 .productInfo__1gJ0U { color: #666666; float: left; margin-left: 27px; width: 880px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .order__1IaUp .orderTitle__3dn3p { background: #f5f5f5; border-radius: 4px; padding: 10px 16px; font-size: 14px; color: #666666; line-height: 20px; } .order__1IaUp .orderTitle__3dn3p .orderTime__3nsOc { margin-right: 32px; } .order__1IaUp .orderMain__1toTB { padding: 20px 24px 32px 18px; display: flex; justify-content: space-between; align-items: center; } .order__1IaUp .orderMain__1toTB .productDetail__3cz-d { display: flex; align-items: center; } .order__1IaUp .orderMain__1toTB .productDetail__3cz-d .productImgCtn__3ZtWI { width: 128px; height: 100px; background: #ffffff; border-radius: 8px; border: 1px solid #e0e0e0; margin-right: 20px; text-align: center; overflow: hidden; } .order__1IaUp .orderMain__1toTB .productDetail__3cz-d .productImgCtn__3ZtWI .productImg__2XwuR { max-height: 98px; } .order__1IaUp .orderMain__1toTB .productDetail__3cz-d .procuctDescribe__3bduv .productName__3vGhO { margin-bottom: 8px; font-size: 16px; font-weight: 600; color: #333333; } .order__1IaUp .orderMain__1toTB .productDetail__3cz-d .procuctDescribe__3bduv .productIntroduce__3c7Ev { width: 322px; font-size: 14px; color: #666666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .order__1IaUp .orderMain__1toTB .pices__2ZI5D { font-size: 14px; color: #333333; } .order__1IaUp .orderMain__1toTB .productPrice__2mses { font-size: 14px; color: #333333; } .order__1IaUp .orderMain__1toTB .productPrice__2mses .num__2UMPy { margin-right: 4px; } .order__1IaUp .orderMain__1toTB .orderTimeUpCount__2J0ak { display: flex; flex-direction: column; align-items: center; font-size: 14px; color: #ff5e5e; line-height: 20px; } .order__1IaUp .orderMain__1toTB .orderStatus__39Xpr { text-align: center; min-width: 82px; font-size: 14px; font-weight: 400; color: #333333; line-height: 20px; } .order__1IaUp .orderMain__1toTB .orderActions__1bMbe { min-width: 196px; text-align: right; } .order__1IaUp .orderMain__1toTB .orderActions__1bMbe .button__2SwD_ { padding: 6px 16px; border-radius: 20px; font-size: 14px; cursor: pointer; } .order__1IaUp .orderMain__1toTB .orderActions__1bMbe .cancelBtn__3K3Wl { margin-right: 20px; border: 1px solid #e0e0e0; color: #333333; } .order__1IaUp .orderMain__1toTB .orderActions__1bMbe .cancelBtn__3K3Wl:hover { border: 1px solid #ff9900; color: #ff9900; transition: all 0.3s ease; } .order__1IaUp .orderMain__1toTB .orderActions__1bMbe .checkOrderBtn__2XKCJ { border: 1px solid #e0e0e0; color: #333333; } .order__1IaUp .orderMain__1toTB .orderActions__1bMbe .checkOrderBtn__2XKCJ:hover { border: 1px solid #ff9900; color: #ff9900; transition: all 0.3s ease; } .order__1IaUp .orderMain__1toTB .orderActions__1bMbe .exchangeBtn__27neB { background: #ff9900; color: #ffffff; } .order__1IaUp .orderMain__1toTB .orderActions__1bMbe .exchangeBtn__27neB:hover { opacity: 0.8; } .ordersPage__TywX- { min-width: 1248px; background-color: #f6f6f6; } .orderCenterMain__1YLLb { width: 1380px; margin: 32px auto 80px; padding: 24px 32px 0 32px; min-height: 713px; background: #ffffff; box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.1); border-radius: 12px; } .orderTitle__38Epn { height: 28px; font-size: 20px; font-weight: 600; color: #333333; line-height: 28px; margin: 16px 0 0 0; } .orders__V1rlz { margin-top: 16px; } .emptyOrder__2oDgs { margin-top: 152px; display: flex; flex-direction: column; align-items: center; } .emptyOrder__2oDgs .emptyOrderPic__8D11q { width: 216px; height: 171px; margin-bottom: 16px; } .emptyOrder__2oDgs .emptyOrderText__2yXJa { height: 22px; font-size: 16px; color: #999999; line-height: 22px; } .pagination__2RWEg { text-align: center; margin-bottom: 50px; } @media all and (max-width: 1600px) { .orderCenterMain__1YLLb { width: 1145px; } } .header__QkWpq { font-size: 18px; font-weight: 600; color: #454545; line-height: 24px; } .header__QkWpq img { position: relative; top: -2px; margin-right: 8px; } .content__NWHVy { font-size: 14px; color: #666666; } .condition__2QCWj { padding: 12px; background-color: #f8f8f8; font-size: 14px; line-height: 24px; color: #666666; } .condition__2QCWj ul, .condition__2QCWj li { padding: 0; margin: 0; list-style: none; } .personMessage__1iVwy { margin-top: 20px; font-size: 14px; line-height: 24px; } .personMessage__1iVwy ul, .personMessage__1iVwy li { padding: 0; margin: 0; list-style: none; } .reason__1sdle { margin-top: 14px; font-size: 14px; font-weight: 600; color: #666666; line-height: 24px; } .waterFall__2VVM0 { max-width: 1600px; min-width: 1248px; padding: 0 110px; margin: 0 auto; } .waterFall__2VVM0 .waterFallCon__20TLp { width: 100%; } .title__3653C { color: pink; } .loading__c8t0s { font-size: 16px; font-weight: 600; color: #999999; line-height: 102px; text-align: center; } .waterMin__1Sm1q { min-height: 300px; } .cardCon__3IrDw { position: relative; border-radius: 10px; background: rgba(255, 255, 255, 0.98); padding: 20px; list-style: none; overflow: hidden; } .cardCon__3IrDw .title__3LUcu { font-size: 16px; font-weight: 600; color: #333333; } .cardCon__3IrDw .cardIdCon__3j5wf { height: 30px; } .cardCon__3IrDw .cardIdCon__3j5wf .cardId__1Ch4p { border: 1px solid #ff9900; padding: 0 8px; line-height: 20px; font-size: 12px; color: #ff9900; border-radius: 4px; position: absolute; margin-top: 6px; } .cardCon__3IrDw .detail__3wlrM { padding: 16px 20px 0; background-color: #f8f8f8; margin-top: 24px; border-radius: 6px; font-size: 14px; } .cardCon__3IrDw .detail__3wlrM .detailLabel__ztkzV { color: #666666; font-weight: 600; } .cardCon__3IrDw .detail__3wlrM .detailText__2KmM3 { color: #999999; margin-top: 6px; padding-bottom: 16px; word-wrap: break-word; word-break: normal; white-space: pre-wrap; } .cardCon__3IrDw .detail__3wlrM .detailText__2KmM3 img { vertical-align: baseline; } .cardCon__3IrDw .detail__3wlrM .coverImg__1cpXC { padding-bottom: 20px; } .cardCon__3IrDw .detail__3wlrM .coverImg__1cpXC img { width: 200px; } .cardCon__3IrDw .detail__3wlrM .userCon__H9IeS { display: flex; padding-bottom: 16px; align-items: center; } .cardCon__3IrDw .detail__3wlrM .userCon__H9IeS .avatarImg__W11xG { width: 24px; height: 24px; border-radius: 12px; } .cardCon__3IrDw .detail__3wlrM .userCon__H9IeS .nickName__ZGhG2 { padding-left: 8px; font-size: 14px; color: #666666; font-weight: 600; } .cardCon__3IrDw .detail__3wlrM .dashedBorder__f-UPT { width: 100%; height: 1px; background-image: linear-gradient(to right, #d8d8d8 0%, #d8d8d8 50%, transparent 50%); background-size: 16px 1px; background-repeat: repeat-x; margin-bottom: 16px; } .cardCon__3IrDw .optionCheck__4wSS7 { margin-top: 20px; } .cardCon__3IrDw .optionCheck__4wSS7 .opinionStatusLabel__XiX4O { font-size: 14px; color: #666666; } .cardCon__3IrDw .optionCheck__4wSS7 .opinionStatusLabel__XiX4O img { position: relative; top: -2px; } .cardCon__3IrDw .optionCheck__4wSS7 .resultStatus__2D818 { margin-top: 8px; } .cardCon__3IrDw .optionCheck__4wSS7 .resultStatus__2D818 .resultProcess__1Ix_8 { display: flex; justify-content: center; font-weight: 600; } .cardCon__3IrDw .optionCheck__4wSS7 .resultStatus__2D818 .resultProcess__1Ix_8 .resultTrue__1Qbst { transition: all 0.5s linear; height: 20px; border-radius: 20px 0 0 20px; background-color: #32b6ef; } .cardCon__3IrDw .optionCheck__4wSS7 .resultStatus__2D818 .resultProcess__1Ix_8 .resultCicle__3IHRg { border-radius: 20px !important; } .cardCon__3IrDw .optionCheck__4wSS7 .resultStatus__2D818 .resultProcess__1Ix_8 .resultFalse__1seAJ { transition: all 0.5s linear; height: 20px; border-radius: 0 20px 20px 0; background-color: #ff709f; } .cardCon__3IrDw .optionCheck__4wSS7 .resultStatus__2D818 .resultProcess__1Ix_8 .optionTrue__qdKWw { transition: all 0.5s linear; width: 50%; height: 40px; border-radius: 20px 0 0 20px; background-color: #32b6ef; text-align: center; line-height: 40px; color: #fff; cursor: pointer; } .cardCon__3IrDw .optionCheck__4wSS7 .resultStatus__2D818 .resultProcess__1Ix_8 .optionFalse__3vToF { transition: all 0.5s linear; width: 50%; height: 40px; border-radius: 0 20px 20px 0; background-color: #ff709f; text-align: center; line-height: 40px; color: #fff; cursor: pointer; } .cardCon__3IrDw .optionCheck__4wSS7 .resultStatus__2D818 .resultText__2fEA5 { display: flex; justify-content: space-between; margin-top: 8px; } .cardCon__3IrDw .optionCheck__4wSS7 .resultStatus__2D818 .resultText__2fEA5 .resultTextTrue__2ojnG { color: #32b6ef; font-size: 12px; } .cardCon__3IrDw .optionCheck__4wSS7 .resultStatus__2D818 .resultText__2fEA5 .resultTextFalse__IrDky { color: #ff709f; font-size: 12px; } .cardCon__3IrDw .resultStatusIcon__1J7Pb { position: absolute; top: 27px; right: 20px; width: 98px; height: 98px; background: url(//xmcdn.oss-cn-shanghai.aliyuncs.com/community/2.3.4/prod/_next/static/images/report_result-a0ff3e2fe9641e9210d03f1895eb1c3d.png) no-repeat 100% 100%; background-size: 98px 98px; text-align: center; line-height: 98px; color: #fe6f6f; font-size: 16px; font-weight: 600; transform: rotate(30deg); } .match-box__XwJO7 { position: relative; } .mask__2SD5W { position: fixed; top: 0; right: 0; left: 0; bottom: 0; height: 100%; z-index: 99; } .mask2__2Lux- { background-color: #e5e8e8; } .mask3__3blSF { background-color: #4d97ff; } .match-container__1M2tN { position: fixed; overflow: auto; top: 0; right: 0; bottom: 0; left: 0; z-index: 99; display: flex; align-items: center; justify-content: center; } .match-content-box__2OABw { width: 704px; height: 634px; box-sizing: border-box; position: relative; background-repeat: no-repeat; background-size: cover; background-position: center; } .bg2__3Mi9I { background-image: url("https://wscdn.xmwol.com/xmworld/pc/match2.png"); } .bg3__15uBu { background-image: url("https://wscdn.xmwol.com/xmworld/pc/match3.png"); } .match-content__3hZDQ { position: absolute; top: 320px; display: flex; flex-direction: column; align-items: center; width: 100%; padding: 0 58px; } .title-tag__w7DkG { font-size: 30px; font-weight: 600; color: #999999; line-height: 42px; margin: 0; } .error-msg__1mDCc { margin: 16px 0 48px; } .error-item__26WoH { list-style: none; font-size: 16px; color: #999999; line-height: 24px; } .tip-text__35M8x { font-size: 18px; color: #999999; line-height: 28px; margin: 16px 0 48px; text-align: center; } .btn-box__s9hFy { position: relative; } .btn__24yrj { width: 144px; height: 48px; text-align: center; background: #2d8fff; border-radius: 4px; font-size: 18px; font-weight: 600; color: #ffffff; line-height: 25px; padding: 11px 0 12px; box-sizing: border-box; display: inline-block; cursor: pointer; } .margin-btn__2dZn6 { margin: 0 123px 0 0; } .container__1VtfG { height: 100%; } .header__3y3fB { height: 48px; background: #4d97ff; display: flex; align-items: center; justify-content: space-between; padding: 0 12px 0 24px; } .projectTitleInput__1H858 { width: 184px; height: 32px; margin: 0 24px 0 40px; background: rgba(255, 255, 255, 0.3); color: #fff; border: dashed 1px #4180d9; padding: 0 8px; outline: 0; } .projectTitleInput__1H858::-moz-placeholder { color: #fff; } .projectTitleInput__1H858:-ms-input-placeholder { color: #fff; } .projectTitleInput__1H858::placeholder { color: #fff; } .left__3SjLA { display: flex; align-items: center; } .avatarBox__185HK { border-radius: 50%; overflow: hidden; } .avatarBox__185HK .avatarImg__3fBDI { width: 32px; height: 32px; } .save__2mMks, .submit__1-TAo { display: inline-block; height: 32px; line-height: 32px; border-radius: 4px; text-align: center; color: #fff !important; font-size: 12px; background: #4180d9; margin-right: 24px; min-width: 88px; } .save__2mMks:hover, .submit__1-TAo:hover { opacity: 0.8; } .submit__1-TAo { background: #ffa924; } .mainContent__E0uc1 { height: calc(100% - 48px); position: relative; } .blankBox__2VuEh { width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; } .blankBox__2VuEh img { width: 89px; height: 164px; margin-bottom: 24px; } .blankBox__2VuEh .tip__6Ugp7 { font-size: 16px; color: #718295; line-height: 24px; } .publishModal__xNxYK * { font-size: 16px !important; } .projectCover__1HT_W .ant-form-item-label { display: none !important; } .projectCover__1HT_W .ant-upload { display: block !important; } .coverContainer__2dixZ { position: relative; background-repeat: no-repeat; background-size: 100% 100%; border: solid 1px #e0e0e0; border-radius: 4px; overflow: hidden; } .uploadButton__24xRG { position: absolute; bottom: 0; left: 0; width: 100%; cursor: pointer; background: rgba(0, 0, 0, 0.6); height: 36px; line-height: 36px; text-align: center; color: #fff; font-size: 14px; } .uploadButton__24xRG:hover { opacity: 0.8; } .publishButton__3uQWZ { cursor: pointer; padding: 0 28px; color: #fff; background: #2d8fff; height: 36px; line-height: 36px; display: inline-flex; align-items: center; text-align: center; font-size: 16px; border-radius: 4px; } .publishButton__3uQWZ:hover { opacity: 0.8; } .header-dropdown-container__28y6t { position: relative; } .header-dropdown-container__28y6t:hover .header-dropdown__2XHBZ { display: block; } .header-dropdown-wrap__29C95 { right: 0; position: absolute; padding-top: 12px; z-index: 10; } .header-dropdown__2XHBZ { list-style: none; padding: 0; border-radius: 4px; overflow: hidden; min-width: 128px; box-shadow: 1px 1px 7px 0px rgba(0, 0, 0, 0.14); display: none; } .header-dropdown__2XHBZ:after { content: ""; display: block; border-width: 6px 7px; border-style: solid; border-color: transparent; border-bottom-color: #3b3f4f; position: absolute; right: 9px; top: 0px; } .dropdown-link__1fmGE { color: #e0e0e0; font-size: 14px; line-height: 20px; background: #3b3f4f; border-left: 4px transparent solid; padding: 8px 12px; white-space: nowrap; display: block; cursor: pointer; } .dropdown-link__1fmGE .iconfont { margin-right: 4px; font-size: 12px; width: 15px; height: 15px; } .dropdown-link__1fmGE:hover { border-color: #ff9900; color: #fff; background: #191919; } .unsigned__2PDdZ .link__1DplN { color: #fff; } .avatar__3pc8U { width: 32px; height: 32px; margin: 0 0 0 48px; overflow: hidden; cursor: pointer; display: flex; align-items: center; border-radius: 50%; } .findHeaderImgBox__k6c5e { background-image: url(//xmcdn.oss-cn-shanghai.aliyuncs.com/community/2.3.4/prod/_next/static/images/banner-0eea0a176c74a7aee35030228cead23a.png); position: relative; z-index: 5; height: 480px; background-position: center center; background-repeat: no-repeat; background-size: cover; } .tabBox__3aV3E { height: 48px; background: #ffffff; box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.07); } .tabBody__3MuIK { width: 1200px; height: 100%; margin: 0 auto; list-style: none; padding: 0; } .tabItem__TmitT { display: inline-block; padding: 0 6px; height: 64px; font-size: 18px; color: #333333; line-height: 64px; margin-right: 42px; cursor: pointer; border: none; outline: none; background: transparent; } .tabItem__TmitT:hover { color: #ff9900; border-bottom: 2px solid #ff9900; } .tabItemActive__1xrlO { color: #ff9900; border-bottom: 2px solid #ff9900; } .title__Q3Xd5 { position: absolute; font-weight: bold; font-size: 72px; color: #ffffff; line-height: 100px; letter-spacing: 2px; text-shadow: 0px 0px 12px rgba(0, 0, 0, 0.6); top: 152px; width: 100%; text-align: center; } .countDownList__JmzSz { position: absolute; display: flex; align-items: center; justify-content: center; width: 100%; left: 0; top: 85px; } .countDownItem__164-b { align-items: center; font-size: 16px; color: #fff; display: flex; font-weight: bold; } .countDownItem__164-b:not(:last-child) { margin-right: 80px; } .countDownItem__164-b p { margin-bottom: 0; } .countDown__2L41V { margin: 0 8px; font-weight: bold; font-size: 20px; color: #400a9a; height: 36px; min-width: 36px; padding: 0 7px; display: flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.6); box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.6); border-radius: 4px; border: 1px solid rgba(255, 255, 255, 0.8); } .info__1fNWg { width: 1200px; min-height: 300px; background: #ffffff; box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.08); border-radius: 10px; padding: 64px 120px; margin: 20px auto 100px; } .info__1fNWg img { max-width: 100%; display: block; } .page__3rW_8 { position: relative; padding-top: 20px; padding-bottom: 100px; } .loading__2iQWx { z-index: 2; } .content__ZUlRT { width: 1200px; margin: 0 auto; } .cardList__gbzCN { display: flex; flex-wrap: wrap; } .searchFormItem__3AOcG { width: 252px; } .form__S3vHC { display: flex; align-items: center; } .selectFormItem__2CVhG { margin-right: 8px; } .searchFormItem__3AOcG { margin-left: 16px; } .resetBtn__9hW4h { border: none; background: none; color: #8b8c9c; margin-left: 24px; padding: 0; cursor: pointer; transition: opacity 0.3s; } .resetBtn__9hW4h:hover { opacity: 0.8px; } .resetBtn__9hW4h .icon-zhongzhi { margin-right: 8px; } .empty__3-uFy { height: 300px; display: flex; align-items: center; justify-content: center; flex-direction: column; color: #8b8c9c; } .empty__3-uFy img { display: block; height: 120px; } .emptyTip__18acr { text-align: center; margin-top: 16px; color: inherit; } .card__2S4Ex { width: 386px; background: #fff; border-radius: 16px; margin-top: 20px; flex: none; overflow: hidden; position: relative; border: 1px solid #e0e0e0; } .card__2S4Ex::before { position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 0; background: linear-gradient(135deg, #ffffff 0%, #ffffff 0%, #f3f8ff 100%); } .card__2S4Ex .contentWrap__4qAo2 { position: relative; padding: 24px 20px; transition: all 0.3s; background: url(//xmcdn.oss-cn-shanghai.aliyuncs.com/community/2.3.4/prod/_next/static/images/cardBg-c3eb01778ddd269acbc1ba3961925be6.png) no-repeat right center / contain; } .card__2S4Ex:hover .activeWrap__2tKbW { opacity: 1; } .card__2S4Ex:nth-child(3n + 2), .card__2S4Ex:nth-child(3n + 1) { margin-right: 20px; } .title__1gZcb { position: relative; font-weight: bold; font-size: 16px; color: #333333; line-height: 22px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin: 0; margin-bottom: 8px; padding-left: 10px; } .title__1gZcb::before { position: absolute; content: ""; width: 2px; height: 10px; background: #2d8fff; border-radius: 1px; left: 0; top: 50%; margin-top: -5px; } .infoWrap__eVkBa { color: #999999; line-height: 20px; display: flex; flex-wrap: wrap; } .infoWrap__eVkBa p { display: flex; align-items: center; margin-top: 12px; margin-bottom: 0; flex: none; } .infoWrap__eVkBa p:nth-child(2n) { width: 53%; } .infoWrap__eVkBa p:nth-child(2n + 1) { width: 47%; } .scoreIcon__OZqk_, .timeIcon__3uBMM, .yearIcon__2OX-s, .gradeIcon__EZgzw { width: 20px; height: 20px; margin-right: 8px; background-repeat: no-repeat; background-size: contain; background-position: center; } .scoreIcon__OZqk_ { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAABXFJREFUWMPtmF1sFFUYhp/Zlp1WaKUUhCJKKzSQSoWIQEjwAmNEL9aYqBdGGu+MmpjQG0zURC6MSa8wEL3BCxN7YYIYQUOCRn4EgrVA+TGAtS3QCgWW8l+anT3zHS9mZvfsdLbd7tZEEyeZ7JmZM2ffed/ve79zDvx//FuOTTrW9JmeNtnDWubFojZdFY/zIdAw0YE0LLMs6i3NO6darS/+EYDNm3UbsLHEMbUFb04WyPLQdYMPezNwxHyw6hEa62tYErO8dyRAI177QC+rk8PM8z96W+su/eIrzRwP+rpCKqVpX7fQGigFYHAcOb3B2m7e2HlDv6813fiAlID4bRE42s/jSaAshuMK8Z97SbgCLzdzXHn9bIT1e07r9nXNhYOMFaybS1zEA+b4v8oHqiTb7/lGvq+Mc0sD+8+T+OYUTwZ9lGA7MdbvPqnnTTrADBifMSWgVBag6ExUyycvsLVyigfywAUSO383QII9EqNlR4EgCwcYAco8jWxGu8im57IgD/WT+OGMD9J73x4RWtoLAFk4wBAwCQEMCHS1f+0iHzzD1opybmvgSD+J3WezTGrBVila2n8dG+TEJfZZcMIAfYQmcHGRjWvZUuEz2XmJxI/dWZCuhX0fWraNAbIoBp0ggyMkDhg0QW5Yw1bbZ/LYZRJ7/8yCTGvslNCyJQ/I8onEYGApUTYTSLy3h1f39oxZcegaJPHwgwzUVZP0WbeVoqVtn/7qvbXWX6UliS9xwGDyDpUpF2vmAwxmUI5fFkkOUyN4ajgCysUWi5a2fblMFseg3+4c4NEdZ3ijsZbfXnuCPYkmDuVjOGh//isfATTNplspoy8gLrbAamB7cQyGMvlgP2vQxPqGeOr6fSqD504eK3JkbNtyFbhuKT5oDNwzxIxrd2j0E6N8fx/LM4kxhm+OAugz7CqvXRpA4/zlAiuxYOoUL9B7b7AibWGNYpDczA+P5ypImywzCQBvp4j332QZwLONfFs5haGUorrjAotVhAWZxp6xI/HOcOksjUGfmf19LFOCPb2Ci/Onc2XhTDoAzlxjVYYJFSGxio5Bc/JRNEAJ5AK6r7PSz8QOEVg+l5NlFqk7Keb33WD2qDgM5MyjiEyaxAqODbBgJE2tXc7tpXM55wiUl+HMruYEwOkrHotmHGbkVPljOp/EBfugI97U+OQgqwDSQsWXnbxtlDgb4No9mm+l+KmijJEg1jJ+GCqdZmWS0KSjKIkv3mLGjWHPWkSwRxSzgtNxqfarRPmpQZZrjOwkIgYZ7ZESIfGEKknnJc9aZk3j9NI6Doq/4HD9D0jeZe6567w0eJcVac1hV9ASqihjMSjiTTaKAngvRXzwjmctSx7i8JwqkhKyj5lTSfbd5GnHpfbcVRY3zOAshpWYAHPKoZFURUvce5M6V2NX2Vysq+aqaR8ZORXUVXmWc/0+DRJMBNToShJl5iVJXF9D/9Awu+pr6A0G0wYzAUuLajmqNWpOFb1BYqkoiSMmEkHJKwqg1uhldXSJmZlGdmZiykIvqKXLlF8iJFah9zMxWHSSqMwCPDK4lUTbRpgt0xWipmXpYpPEjZAzLFG+OWAUQCefxFLKlF9Cco6zDDCZjGIwahmhKRWgz2A4+KMkDv7UtJrw/FLC8RwrDODq5k9zv+WPJE2a7A6C64M070mwmaSzTAT3tM4tdU4etvU4WXzeX9W0Aq3mg56hSd2UvJWP9TGz2HH4OB43tuGMoypOk9ZYOtd6Mqu08D3J38+pKKdDSbQXKskNQ6vQr35rp35dFI0Tydhxkygch15p++5Eq3ViwkkylOLrqTEe02niAOks61kFxriHY7wT/KZz/6NsCje73rUu/6f25v8GZXsPNMuL2LIAAAAASUVORK5CYII=); } .timeIcon__3uBMM { background-image: url(data:image/png;base64,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); } .yearIcon__2OX-s { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAABG1JREFUWMPtmD9sHEUUxn9zdzlfcHxGxiZI+WM5BCGFuAsFBESBBBINQuIQJbRQOYpwiYs0pDgqhGiQoAKSxlVEAUjIBRGhAdkoUnCQbClBSWR8DrJvd3Yexe6cZ/d2bvccRAAxxd3OzryZb9573zezA/+X/3hRpXotSGV2nM8VfP3jnPpwqBnuxRaolOl0cpzHgVcF3hp2gnuxLQ1QqomnpVz/v8q2NMD7WSr/GpLMtuVNqfCCEqp9YYKmgheBDvDlUCEezvZ6EHDu6rzasi9qACfbcgrFx0oKqd4EWnuUiVK29ToA8ymAqsIMAii+A9o5docR2sA6ijNDRqms7VMIc8CM+7KWicfaT3PqgohUV29xzFSpA3zyA93FZahX6H76GisAIRAEsVmQ/CTVVP3SNbpLq7CvQvfsc6z4bBavcuRmB+pVmu8tydj8M3GYa3lLWd3gdao8Zhn07DTNxWVoNmgALW0gMqAqoA2IAVOJ/21dAxFwYorm0irs30cjimiJcvpU43GMgUfGOHGzA6N1jnS3efudRfng/Mtqq+bJ7ONu9dgEndYsF48+yG1NPLk2YJJ/nUySeib+f3iUzulpLh48wG3b1rNj107MLqu0oVF/gMPAz7Wi3LYDvPIEy8aA1gXgcsCfnma5ry/peiQ9fBgDYSLsNW/KZlZosoMmbS64VD/tgPUsxH3vOBBtIIjySJLG1z8wJbznAZcCSv+iMiH2sDgpvoF94IwvzHljZBZgSWKcEOtEJUoDDDXq3De0NreZtIOkOCV9u0eqIgqZmeD7Jw9xRdMPTpuY8b35rQT4AGY9s7FD/cYWj2oT6+Jeym8dZvQhrliiRaSdYJPQPhZ60A3NgQbdd5+nvbZJ0w4c2USX+NnmTSROW9IPgzw0xh0b2iw447CY5F1QJsTuIKMjdI9PcsubmznSkXqOEnCedsmw2LpwYIhTSa/TsqOHIYYDwstsk9bBYJgQ293DJxlF3jMMBud6sLTMZEV3Y5uRG3/Q1OLsubI7uBXbyICWOJdsLopBJhrciRSSJ9qajMwYCMMhZGajy0h7iTOR7J3F4w1Wnj7KBV96RJn5ywl18tyoEUyN8svdLpNZjTN4NNDxiChkfD/XtSf3UjkoaV30k8RRfBHkjVN84dsZ8t5HHvIYz/Zoxd7mdBCWIckg1g4gRpRz7CrcNocNsZe1Hu+ZLDhKLNIBKJkQF+/Fgw6jeec5B2TPc0XgnLNlJBkPhiVJMmgCb155PNx34nYODtmdJCrrwaLzXOQJv/GAy/NeHovTIRbuJvXW7Psi57+9r5cJgclefUSbfAVcol/W/u5rjt9rFS5rvftJWwNYWVAB8JLt+NFlWRiUe5EevDf7Dgt53yu55ImKZUaMQeVpnlBCOvIWkJUdCsij4mj6breu9U2ui08kPnDWXjvtg76lVYWdMGDd68GpNT779SDHTEQ9SO45dNIWJj+hvb4InSuPwOlDfCLptYX9bb0rlNDZZhUm3GHdveH6R5c/AdHYgWybB4BMAAAAAElFTkSuQmCC); } .gradeIcon__EZgzw { background-image: url(data:image/png;base64,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); } .activeWrap__2tKbW { opacity: 0; position: absolute; width: 100%; height: 100%; left: 0; top: 0; align-items: center; justify-content: center; transition: all 0.3s; display: flex; background: rgba(104, 113, 127, 0.5); } .btn__2ub21 { width: 104px; height: 36px; background: #ff9900 !important; border-radius: 36px; border: none; outline: none; color: #fff; cursor: pointer; font-weight: bold; font-size: 16px; display: flex; align-items: center; justify-content: center; transition: opacity 0.3s; } .btn__2ub21:hover { opacity: 0.8; } .reportBtn__162mF { margin-left: 24px; width: 104px; height: 36px; border-radius: 36px !important; background: #fff; color: #ff9900; border: 1px solid #ff9900; display: flex; align-items: center; justify-content: center; border-radius: 4px; outline: none; cursor: pointer; font-weight: bold; font-size: 16px; transition: opacity 0.3s; } .reportBtn__162mF:hover { opacity: 0.8; color: #ff9900; } .searchWrap__tO61w { position: relative; } .inputField__zCLGV { width: 100%; height: 100%; background-color: #fff; border: 1px solid #e0e0e0; border-radius: 4px; padding: 11px 50px 11px 16px; transition: border 0.3s; line-height: 20px; outline: none; } .inputField__zCLGV:focus { box-shadow: 0 0 0 2px rgba(255, 153, 0, 0.2); border-color: #ff9900; } .inputField__zCLGV:hover { border-color: #ff9900; } .searchBtn__3mRap { position: absolute; top: 0; right: 0; width: 40px; height: 100%; background: none; border: none; font-size: 15px; line-height: 1; color: #8b8c9c; cursor: pointer; transition: opacity 0.3s; } .searchBtn__3mRap:hover { opacity: 0.8; } .searchBtn__3mRap::before { content: ""; position: absolute; width: 0; height: 24px; border-left: 1px solid #e7e7e7; top: 50%; left: 0; margin-top: -12px; } .clearBtn__3-UJO { position: absolute; width: 12px; height: 12px; color: #fff; padding: 0; border: none; right: 50px; top: 50%; margin-top: -6px; line-height: 1; border-radius: 50%; color: #8b8c9c; } .clearBtn__3-UJO .icon-shanchu1 { position: absolute; left: 0; top: 0; font-size: 12px; } .page__3vfBQ { color: #333; background-color: #f8fbff; overflow: hidden; } .header__32dGL { height: 240px; background: url(//xmcdn.oss-cn-shanghai.aliyuncs.com/community/2.3.4/prod/_next/static/images/report-bg-78db25954d9c43538c154c0f1f60c135.png) no-repeat center bottom / cover; } .headerContent__3B9ic { position: relative; width: 1000px; margin: 0 auto; } .headerContent__3B9ic .selector__3W1cg { position: absolute; right: 0; bottom: 16px; } .title__3bcaR { line-height: 36px; font-size: 24px; padding-top: 24px; margin: 0 0 34px; font-weight: bold; margin-bottom: 34px; color: #333; } .tip__paW6q { font-size: 18px; line-height: 25px; margin: 0 0 16px; font-weight: bold; color: #333; } .scoreList__264BB { display: flex; padding-left: 0; list-style: none; } .scoreItem__1fEDd { margin-right: 48px; } .scoreTip__2oJPk { font-size: 14px; color: #8b8c9c; line-height: 20px; margin-bottom: 7px; } .score__3PbqM { background: #fff; box-shadow: 0px 0px 20px 0px rgba(0, 122, 255, 0.15); border-radius: 4px; padding: 4px 8px; font-weight: 600; color: #77b5ff; line-height: 40px; font-size: 28px; } .content__2LAyQ { width: 1000px; margin: 32px auto 64px; background-color: #fff; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05); border-radius: 4px; padding: 0 32px; overflow: hidden; position: relative; } .contentHeader__39lM_ { display: flex; justify-content: space-between; align-items: center; height: 80px; } .contentTitle__3Cj0j { margin-bottom: 0; font-weight: 600; font-size: 18px; color: #333; } .check__2xqMe { margin-top: 6px; margin-right: -8px; color: #333; } .questionWrap__I8thC { border-top: 1px solid #e0e0e0; } .questionLabel__2sFOo { font-weight: 600; color: #ffb83e; line-height: 22px; font-size: 16px; margin: 24px 0 8px; } .emptyQuestionWrap__3bEKT { height: 300px; position: relative; background-color: #fff; border-top: 1px solid #e0e0e0; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #666; } .emptyQuetsionImg__Emgk3 { height: 120px; margin-bottom: 16px; } .selectWrap__1XggL { position: relative; display: inline-flex; align-items: center; outline: none; background-color: #fff; border: 1px solid #e0e0e0; height: 42px; border-radius: 4px; transition: all 0.3s; cursor: pointer; } .selectWrap__1XggL.disabled__2NGgn { background-color: #f6f6f6 !important; cursor: not-allowed !important; pointer-events: none !important; } .selectWrap__1XggL:focus { border-color: #ff9900; box-shadow: 0 0 0 2px rgba(255, 153, 0, 0.2); } .selectWrap__1XggL:hover { border-color: #ff9900; } .selectWrap__1XggL .selectOptions { position: absolute; left: 0; top: 46px; width: 100%; min-width: 154px; border: 1px solid #e0e0e0; background-color: #fff; max-height: 376px; padding: 8px; overflow: auto; overflow: overlay; border-radius: 4px; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05); z-index: 2; } .selectWrap__1XggL .selectOptions .active { background-color: #eaf2ff; } .selectWrapContent__3tjw0 { position: relative; display: flex; align-items: center; height: 100%; padding: 0 12px; padding-right: 36px; transition: all 0.3s; z-index: 1; } .selectLabel__1MOaQ { color: #8b8c9c; margin-right: 8px; margin-bottom: 0; } .selectField__1AoIN { width: 0; height: 0; visibility: hidden; } .selectedLable__1Qt2i { height: 32px; background: #eaf2ff; border-radius: 4px; padding: 6px 12px; margin-left: 4px; } .selectOption__2Y0LE { width: 100%; padding: 8px 0; text-align: center; border-radius: 4px; cursor: pointer; } .selectOption__2Y0LE:hover { background-color: #eaf2ff; } .arrow__2Dycf { position: absolute; width: 12px; height: 12px; right: 12px; top: 50%; margin-top: -7px; color: #8b8c9c; transform: rotate(0); transition: transform 0.3s, opacity 0.3s; line-height: 1; opacity: 1; pointer-events: none; } .arrow__2Dycf .icon-xialajiantou { display: block; font-size: 16px; transform: scale(0.5); } .clearBtn__qLcSP { position: absolute; width: 12px; height: 12px; color: #8b8c9c; padding: 0; border: none; right: 12px; top: 50%; margin-top: -6px; font-size: 12px; line-height: 1; border-radius: 50%; transition: opacity 0.3s; opacity: 0; cursor: pointer; } .clearBtn__qLcSP .icon-shanchu1 { position: absolute; left: 0; top: 0; font-size: 12px; } .selectWrapVisible__qf59v .arrow__2Dycf { transform: rotate(180deg); } .selectWrapVisible__qf59v .arrow__2Dycf.unAnimateArrow__2xnch { transform: rotate(0); } .selectWrapFilled__3zLvU .selectWrapContent__3tjw0:hover .clearBtn__qLcSP { opacity: 1; } .selectWrapFilled__3zLvU .selectWrapContent__3tjw0:hover .arrow__2Dycf { opacity: 0; } .placeholder__2LA7i { color: #d5d6d9; } .simpleSelectWrap__3PpAZ { /* stylelint-disable-next-line no-descending-specificity */ } .simpleSelectWrap__3PpAZ.selectWrap__1XggL { height: 32px; width: 100%; } .simpleSelectWrap__3PpAZ.selectWrap__1XggL .selectOptions { top: 34px; } .simpleSelectWrap__3PpAZ .selectWrapContent__3tjw0 { width: 100%; padding: 0 8px; } .simpleSelectWrap__3PpAZ .selectedLable__1Qt2i { padding: 0; line-height: 32px; background-color: transparent; margin-left: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .simpleSelectWrap__3PpAZ .selectOption__2Y0LE { padding: 4px 0; } .simpleSelectWrap__3PpAZ .iconfont { opacity: 0.5; } .goastSelectWrap__3NdFu { background-color: transparent; border: none; } .goastSelectWrap__3NdFu:focus { box-shadow: none; } .goastSelectWrap__3NdFu .selectWrapContent__3tjw0 { padding-right: 20px; } .goastSelectWrap__3NdFu .selectLabel__1MOaQ { position: absolute; transform: translateX(-100%); color: #565966; } .goastSelectWrap__3NdFu .selectedLable__1Qt2i { background-color: transparent; margin: 0; padding: 6px 0; color: #565966; } .goastSelectWrap__3NdFu .selectOption__2Y0LE { padding: 9px 0; color: #565966; white-space: nowrap; } .goastSelectWrap__3NdFu .arrow__2Dycf { right: 0; } .goastWithBorderSelectWrap__36vW5 { height: 40px; } .goastWithBorderSelectWrap__36vW5 .selectLabel__1MOaQ { position: absolute; transform: translateX(-100%); color: #565966; } .goastWithBorderSelectWrap__36vW5 .selectedLable__1Qt2i { background-color: transparent; margin: 0; padding: 6px 0; color: #565966; } .goastWithBorderSelectWrap__36vW5 .selectOption__2Y0LE { padding: 9px 0; color: #565966; white-space: nowrap; } .goastWithBorderSelectWrap__36vW5 .selectOptions { min-width: auto; } .emptyWrap__sqsM3 { display: flex; align-items: center; justify-content: center; flex-direction: column; height: calc(100vh - 64px - 48px - 112px); background: #ffffff; box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.08); border-radius: 10px; width: 1000px; margin: 48px auto 112px; } .emptyWrap__sqsM3 img { height: 180px; display: block; } .emptyWrap__sqsM3 .emptyTip__3qEts { color: #666666; margin: 16px 0 24px; } .freshBtn__HTrPJ { width: 128px; height: 36px; background: #ff9900 !important; border-radius: 18px; color: #fff; outline: none; border: none; font-size: 16px; cursor: pointer; transition: opacity 0.3s; } .question__v_JQj { display: flex; } .no__2qLoU { flex: none; font-weight: 400; font-size: 16px; line-height: 22px; } .blodNo__3y-oc { flex: none; font-weight: 600; } .content__3250V { flex: auto; width: 0; } .options__20tqW { margin-top: 16px; margin-bottom: 16px; padding-left: 0; list-style: none; } .option__2bfRX { display: flex; } .option__2bfRX:nth-child(1) { margin-bottom: 16px; } .option__2bfRX.correct__p6z0w .label__1CWuC { color: #52c41a; } .option__2bfRX.wrong__FLXW_ .label__1CWuC { color: #ff4a54; } .option__2bfRX .label__1CWuC { color: #565966; } .stemContent__3Uuo2 { font-weight: 600; font-size: 16px; line-height: 22px; } .no__2aNYZ { flex: none; font-weight: 400; } .content__127z6 { flex: auto; width: 0; } .content__127z6 p { margin-bottom: 0; } .analysisContentList__1sj0f { flex: auto; font-weight: 400; } .analysisList__1GsX9 { border-radius: 4px; padding: 16px; padding-bottom: 0; font-weight: 600; margin-bottom: 24px; background: rgba(255, 74, 84, 0.05); } .analysisList__1GsX9 .htmlContent__3wRJK { font-weight: 400; } .analysisList__1GsX9.correct__1Nucb { background: rgba(82, 196, 26, 0.05); } .analysis__1KzIV { display: flex; } .analysis__1KzIV:not(:last-child) { margin-bottom: 12px; } .analysis__1KzIV pre { background-color: transparent !important; } .analysisTip__3JPWI { flex: none; margin-right: 8px; margin-bottom: 0; } .answer__bqnWK { margin-bottom: 0; } .analysisContent__3My2O { display: flex; } .analysisContent__3My2O:not(:last-child) { margin-bottom: 12px; } .videoIcon__3Kdzi { color: #007aff; font-size: 14px; margin-right: 4px; margin-bottom: 16px; cursor: pointer; transition: opacity 0.3s; margin-top: -1px; } .videoIcon__3Kdzi:hover { opacity: 0.8; } .mdDisplayer__zIB0S { margin-top: -16px; } .mdDisplayer__zIB0S img { max-width: 480px; max-height: 320px; } .htmlContent__2x52U { /* stylelint-disable no-descending-specificity */ margin-top: -16px; word-break: break-word; /* stylelint-disable-next-line rule-empty-line-before */ /* BLOCKS ============================================================================= */ /* HEADERS ============================================================================= */ /* LINKS ============================================================================= */ /* LISTS ============================================================================= */ /* CODE ============================================================================= */ /* QUOTES ============================================================================= */ /* HORIZONTAL RULES ============================================================================= */ /* TABLES ============================================================================= */ /* IMAGES ============================================================================= */ } .htmlContent__2x52U img { max-width: 480px; max-height: 320px; vertical-align: text-top; } .htmlContent__2x52U span { display: inline-block; margin: 16px 0; } .htmlContent__2x52U span span { margin: 0; } .htmlContent__2x52U p span { margin: 0; } .htmlContent__2x52U div, .htmlContent__2x52U applet, .htmlContent__2x52U object, .htmlContent__2x52U iframe, .htmlContent__2x52U h1, .htmlContent__2x52U h2, .htmlContent__2x52U h3, .htmlContent__2x52U h4, .htmlContent__2x52U h5, .htmlContent__2x52U h6, .htmlContent__2x52U p, .htmlContent__2x52U blockquote, .htmlContent__2x52U pre, .htmlContent__2x52U a, .htmlContent__2x52U abbr, .htmlContent__2x52U acronym, .htmlContent__2x52U address, .htmlContent__2x52U big, .htmlContent__2x52U cite, .htmlContent__2x52U code, .htmlContent__2x52U del, .htmlContent__2x52U dfn, .htmlContent__2x52U em, .htmlContent__2x52U img, .htmlContent__2x52U ins, .htmlContent__2x52U kbd, .htmlContent__2x52U q, .htmlContent__2x52U s, .htmlContent__2x52U samp, .htmlContent__2x52U small, .htmlContent__2x52U strike, .htmlContent__2x52U strong, .htmlContent__2x52U sub, .htmlContent__2x52U sup, .htmlContent__2x52U tt, .htmlContent__2x52U var, .htmlContent__2x52U b, .htmlContent__2x52U u, .htmlContent__2x52U i, .htmlContent__2x52U center, .htmlContent__2x52U dl, .htmlContent__2x52U dt, .htmlContent__2x52U dd, .htmlContent__2x52U ol, .htmlContent__2x52U ul, .htmlContent__2x52U li, .htmlContent__2x52U fieldset, .htmlContent__2x52U form, .htmlContent__2x52U label, .htmlContent__2x52U legend, .htmlContent__2x52U table, .htmlContent__2x52U caption, .htmlContent__2x52U tbody, .htmlContent__2x52U tfoot, .htmlContent__2x52U thead, .htmlContent__2x52U tr, .htmlContent__2x52U th, .htmlContent__2x52U td, .htmlContent__2x52U article, .htmlContent__2x52U aside, .htmlContent__2x52U canvas, .htmlContent__2x52U details, .htmlContent__2x52U embed, .htmlContent__2x52U figure, .htmlContent__2x52U figcaption, .htmlContent__2x52U footer, .htmlContent__2x52U header, .htmlContent__2x52U hgroup, .htmlContent__2x52U menu, .htmlContent__2x52U nav, .htmlContent__2x52U output, .htmlContent__2x52U ruby, .htmlContent__2x52U section, .htmlContent__2x52U summary, .htmlContent__2x52U time, .htmlContent__2x52U mark, .htmlContent__2x52U audio, .htmlContent__2x52U video { margin: 0; padding: 0; border: 0; } .htmlContent__2x52U p, .htmlContent__2x52U blockquote, .htmlContent__2x52U ul, .htmlContent__2x52U ol, .htmlContent__2x52U dl, .htmlContent__2x52U table, .htmlContent__2x52U span pre { margin: 16px 0; line-height: 20px; color: #565966; } .htmlContent__2x52U h1, .htmlContent__2x52U h2, .htmlContent__2x52U h3, .htmlContent__2x52U h4, .htmlContent__2x52U h5, .htmlContent__2x52U h6 { margin: 16px 0; padding: 0; -webkit-font-smoothing: antialiased; } .htmlContent__2x52U h1 { line-height: 28px; font-size: 20px; color: #2c3040; } .htmlContent__2x52U h2 { line-height: 25px; font-size: 18px; color: #2c3040; } .htmlContent__2x52U h3 { line-height: 22px; font-size: 16px; color: #2c3040; } .htmlContent__2x52U h4 { line-height: 20px; font-size: 14px; color: #565966; } .htmlContent__2x52U h5 { line-height: 18px; font-size: 13px; color: #565966; } .htmlContent__2x52U h6 { line-height: 17px; font-size: 12px; color: #8b8c9c; } .htmlContent__2x52U a:first-child h1, .htmlContent__2x52U a:first-child h2, .htmlContent__2x52U a:first-child h3, .htmlContent__2x52U a:first-child h4, .htmlContent__2x52U a:first-child h5, .htmlContent__2x52U a:first-child h6 { margin-top: 0; padding-top: 0; } .htmlContent__2x52U h1 + p, .htmlContent__2x52U h2 + p, .htmlContent__2x52U h3 + p, .htmlContent__2x52U h4 + p, .htmlContent__2x52U h5 + p, .htmlContent__2x52U h6 + p { margin-top: 8px; } .htmlContent__2x52U a { color: #007bff; text-decoration: none; } .htmlContent__2x52U a:hover { color: rgb(0 123 3.1875%); } .htmlContent__2x52U ul, .htmlContent__2x52U ol { padding-left: 18px; } .htmlContent__2x52U ul { list-style: disc; } .htmlContent__2x52U ul ul, .htmlContent__2x52U ul ol, .htmlContent__2x52U ol ol, .htmlContent__2x52U ol ul { margin-bottom: 0; } .htmlContent__2x52U ul li:not(:first-child), .htmlContent__2x52U ol li:not(:first-child) { margin-top: 8px; } .htmlContent__2x52U ul li > :first-child, .htmlContent__2x52U ol li > :first-child, .htmlContent__2x52U ul li ul:first-of-type, .htmlContent__2x52U ol li ol:first-of-type, .htmlContent__2x52U ul li ol:first-of-type, .htmlContent__2x52U ol li ul:first-of-type { margin-top: 0; } .htmlContent__2x52U dl { padding: 0; } .htmlContent__2x52U dl dt { font-size: 14px; font-weight: bold; font-style: italic; padding: 0; margin: 15px 0 5px; } .htmlContent__2x52U dl dt:first-child { padding: 0; } .htmlContent__2x52U dl dt > :first-child { margin-top: 0; } .htmlContent__2x52U dl dt > :last-child { margin-bottom: 0; } .htmlContent__2x52U dl dd { margin: 0 0 15px; padding: 0 15px; } .htmlContent__2x52U dl dd > :first-child { margin-top: 0; } .htmlContent__2x52U dl dd > :last-child { margin-bottom: 0; } .htmlContent__2x52U pre, .htmlContent__2x52U code, .htmlContent__2x52U tt { font-family: Consolas, "Liberation Mono", Courier, monospace; } .htmlContent__2x52U code, .htmlContent__2x52U tt { margin: 16px 4px; padding: 1px 4px; white-space: nowrap; background-color: #eaf2ff; } .htmlContent__2x52U pre > code { margin: 0; padding: 0; white-space: pre; border: none; background: transparent; } .htmlContent__2x52U pre { padding: 8px; border-radius: 4px; background-color: #eee; overflow: auto; overflow: overlay; } .htmlContent__2x52U pre code, .htmlContent__2x52U pre tt { background-color: transparent; border: none; } .htmlContent__2x52U h1 tt, .htmlContent__2x52U h1 code, .htmlContent__2x52U h2 tt, .htmlContent__2x52U h2 code, .htmlContent__2x52U h3 tt, .htmlContent__2x52U h3 code, .htmlContent__2x52U h4 tt, .htmlContent__2x52U h4 code, .htmlContent__2x52U h5 tt, .htmlContent__2x52U h5 code, .htmlContent__2x52U h6 tt, .htmlContent__2x52U h6 code { font-size: inherit; } .htmlContent__2x52U kbd { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: #ddd; background-image: linear-gradient(#f1f1f1, #ddd); background-repeat: repeat-x; border-color: #ddd #ccc #ccc #ddd; -o-border-image: none; border-image: none; border-radius: 2px; border-style: solid; border-width: 1px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 10px; padding: 1px 4px; } .htmlContent__2x52U blockquote { padding-left: 10px; padding-top: 4px; padding-bottom: 4px; border-left: 2px solid #ffb83e; background-color: rgb(255 184 3.1%); } .htmlContent__2x52U blockquote > :first-child { margin-top: 0; } .htmlContent__2x52U blockquote > :last-child { margin-bottom: 0; } .htmlContent__2x52U hr { clear: both; margin: 16px 0; padding: 0; height: 0; border: none; border-bottom: 1px solid #d8d8d8; background: transparent; overflow: hidden; } .htmlContent__2x52U table { border-spacing: 0; border: 1px solid #e0e0e0; } .htmlContent__2x52U table td { border-top: 1px solid #e0e0e0; } .htmlContent__2x52U table th, .htmlContent__2x52U table td { padding: 13px 20px; } .htmlContent__2x52U table th:not(:last-child), .htmlContent__2x52U table td:not(:last-child) { border-right: 1px solid #e0e0e0; } .htmlContent__2x52U table th { color: #2c3040; background-color: #eaf2ff; } .htmlContent__2x52U img { max-width: 480px; max-height: 320px; } .question__WJjI9 { display: flex; } .inGroup__3bgcX .no__3wlyl { font-weight: 400; } .no__3wlyl { flex: none; font-weight: 600; font-size: 16px; line-height: 22px; } .content__1PI8K { flex: auto; width: 0; } .content__1PI8K .optionDisplayer__1ZdXy { margin-top: 0; margin-left: -12px; } .options__2Y5yF { margin-top: 16px; padding-left: 0; list-style: none; } .options__2Y5yF .optionNo__1XCAp { margin-right: 8px; } .options__2Y5yF .correct__3eLho { color: #52c41a; } .options__2Y5yF .correct__3eLho .optionNo__1XCAp { color: #52c41a; } .options__2Y5yF .wrong__6UhRI { color: #ff4a54; } .options__2Y5yF .wrong__6UhRI .optionNo__1XCAp { color: #ff4a54; } .options__2Y5yF .correct__3eLho .optionDisplayer__1ZdXy *, .options__2Y5yF .wrong__6UhRI .optionDisplayer__1ZdXy * { color: inherit; } .options__2Y5yF .correct__3eLho .radio__3nZiE span, .options__2Y5yF .wrong__6UhRI .radio__3nZiE span { opacity: 1 !important; } .option__smXbA { display: flex; margin-top: -16px; } .option__smXbA .checkbox__22QNd, .option__smXbA .radio__3nZiE { margin-top: 16px; height: 20px; } .stemContent__1lf3A { font-weight: 600; font-size: 16px; line-height: 22px; } .question__3Oym0 { display: flex; } .question__3Oym0 .my-answer { display: inline-block; border-bottom: 2px solid #2c3040; padding: 0 12px; vertical-align: baseline; margin: 0 4px; min-width: 40px; text-align: center; } .question__3Oym0 .correct { color: #52c41a; } .question__3Oym0 .wrong { color: #ff4a54; } .no__18Qcl { flex: none; font-weight: 600; font-size: 16px; line-height: 22px; } .content__3TaVa { flex: auto; width: 0; } .stemContent__3gKtj { font-weight: 600; font-size: 16px; line-height: 22px; } .question__2DTZc { display: flex; } .no__JzNnK { flex: none; font-weight: 600; font-size: 16px; line-height: 22px; } .content__1DUjM { flex: auto; width: 0; } .stemContent__1XYdm { font-weight: 600; font-size: 16px; line-height: 22px; } .question__1Ugqx { display: flex; } .no__2czb7 { flex: none; font-weight: 600; font-size: 16px; line-height: 22px; } .content__1YiY_ { flex: auto; width: 0; } .content__1YiY_ .optionDisplayer__1Eqqg { margin-top: 0; margin-left: -12px; } .stemContent__me3WP { font-weight: 600; font-size: 16px; line-height: 22px; } .viewWrap__3xCby { width: 240px; height: 179px; background: url(data:image/png;base64,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) no-repeat center / cover; display: flex; align-items: center; justify-content: center; margin-bottom: 16px; border-radius: 4px; border: 1px solid rgba(71, 72, 101, 0.3); overflow: hidden; } .viewBtn__TF0cK { width: 93px; height: 40px; background: #007ce9; border-radius: 5px; cursor: pointer; transition: opacity 0.3s; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 16px; } .viewBtn__TF0cK:hover { opacity: 0.8; color: #fff; } .loadingWrap__2od3w { position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: flex; align-items: center; justify-content: center; } .loadingWrap__2od3w.fixed__11jO9 { position: fixed; z-index: 10; } .loadingWrap__2od3w.dark__3mjfp .mask__1OdDo { background: #0b0b0b; opacity: 0.5; } .mask__1OdDo { top: 0; left: 0; position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0.5; } .loadingIcon__3uKTP { width: 24px; height: 24px; border-radius: 50%; border: 4px solid; border-color: #ff9900; border-right-color: transparent; border-left-color: transparent; border-bottom-color: transparent; -webkit-animation: rolling__rZqBT 1s linear infinite; animation: rolling__rZqBT 1s linear infinite; margin-right: 4px; vertical-align: text-bottom; opacity: 0.5; } @-webkit-keyframes rolling__rZqBT { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes rolling__rZqBT { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .protocal-container__JXnnt { min-width: 1248px; background: #f9f9f9; color: #333333; } .protocal-header__2VjJY { min-width: 1248px; width: 100%; height: 150px; background-image: url("//xmcdn.oss-cn-shanghai.aliyuncs.com/xm_world/pc/static/image/protHeader.png"); background-repeat: no-repeat; background-size: cover; } .protocal-header-container__kK3cu { width: 1200px; height: 150px; margin: 0 auto; position: relative; } .protocal-header-title__qc6Ll { height: 100%; color: #fff; font-weight: bold; font-size: 34px; line-height: 150px; } .protocal-header-img__1mgbb { position: absolute; height: 100%; right: 0; top: 5px; } .protocal-box__1rb3F { width: 1248px; margin: 0 auto; padding: 60px 0; } .protocal-page__3qqxq { width: 1200px; margin: 0 auto; } .protocal-tips__3UGLg { color: #333; font-size: 14px; line-height: 25px; text-align: justify; } .protocal-title__3YQO9 { color: #000; font-size: 20px; font-weight: 700; padding: 30px 0 20px; margin: 0; } .protocal-content__14nVW { color: #333; font-size: 14px; line-height: 25px; text-align: justify; } .rule-container__KD7m- { position: relative; min-width: 1248px; } .rule-header-top__3Sjf5 { width: 100%; background: #4c84ff; height: 92px; } .rule-header-bottom__1i5XP { width: 100%; height: 28px; background: rgba(76, 132, 255, 0.5); } .rule-top-container__2Mtwa { width: 1200px; margin: 0 auto; padding: 24px 0 0; position: relative; } .rule-header-title__WqnZB { font-size: 36px; line-height: 46px; font-weight: bold; color: #ffffff; display: inline-block; margin: 0; } .rule-img__1NaxU { position: absolute; right: 0; top: 10px; width: 328px; height: 104px; } .rule-box__3NSmD { width: 1248px; padding: 32px 0 70px; margin: 0 auto; } .text-content__3aywa { width: 1200px; margin: 0 auto; font-size: 14px; line-height: 18px; color: #666666; } .rule-tips__2t2EZ { margin-bottom: 32px; } .rule-title__2x1yj { color: #333333; font-weight: bold; margin: 0 0 8px; font-size: 18px; line-height: 24px; } .rule-inner__3wiqb { margin: 0 0 32px; } .inner-tips__2RuaS { margin: 16px 0 0; } .numberAnimationWrap__2N3_y { position: relative; display: inline-block; overflow: hidden; } .numberAnimation__2PvwU { position: absolute; left: 0; top: 0; height: auto; transform-origin: 0 0; } .number__2MSUC { color: red; line-height: 36px; font-size: 16px; font-weight: bold; text-align: center; } .numberAnimationWrapHidden__1WTtd { visibility: hidden; } .taskItem__yHnbC { position: relative; width: 434px; min-width: 434px; max-width: 434px; display: flex; align-items: center; margin-bottom: 30px; } .taskItem__yHnbC .taskItemLeft__33fmt { margin-right: 16px; width: 60px; height: 60px; border-radius: 50%; background: #efe9ff; text-align: center; line-height: 60px; } .taskItem__yHnbC .taskItemLeft__33fmt .taskIcon { font-size: 28px; color: #764fdc; } .taskItem__yHnbC .taskItemCenter__20Boo .up__3SQBQ { display: flex; align-items: center; margin-bottom: 9px; } .taskItem__yHnbC .taskItemCenter__20Boo .up__3SQBQ .taskName__2sui3 { height: 22px; line-height: 22px; font-size: 16px; color: #333333; margin-right: 8px; } .taskItem__yHnbC .taskItemCenter__20Boo .up__3SQBQ .icon-shequ-tishi { font-size: 14px; color: #bdbdbd; } .taskItem__yHnbC .taskItemCenter__20Boo .down__1MMqZ { display: flex; align-items: center; } .taskItem__yHnbC .taskItemCenter__20Boo .down__1MMqZ .earnMonoyNum__1aWgo { height: 20px; line-height: 20px; font-size: 16px; color: #333333; margin-right: 22px; } .taskItem__yHnbC .taskItemCenter__20Boo .down__1MMqZ .taskProgress__8NwrY { font-size: 14px; color: #999999; } .taskCenterPage__g1wz- { min-width: 1248px; background-color: #f6f6f6; background-image: url(//xmcdn.oss-cn-shanghai.aliyuncs.com/community/2.3.4/prod/_next/static/images/homeBGimageBig-00663207032b967291c0c576c4199d1f.png); background-repeat: no-repeat; background-size: contain; background-origin: border-box; background-position: top; } .taskCenterMain__LSAtl { width: 1380px; margin: 0 auto; } .goldenIcon__2Um5e { width: 14px; height: 14px; margin-right: 4px; } .moneyText__2neeS { font-size: 14px; color: #ffde8d; margin-right: 8px; } .number-item { font-size: 36px !important; font-weight: 600 !important; color: #ffde8d !important; line-height: 1 !important; letter-spacing: 1px !important; height: 36px !important; } .goMarketBtn__DDTWM { cursor: pointer; border-radius: 16px; border: 1px solid #ffde8d; padding: 4px 12px; font-size: 14px; color: #ffde8d; text-decoration: none; margin-left: 20px; transition: all 0.3s ease; } .goMarketBtn__DDTWM:hover { opacity: 0.8; } .taskContainer__2zrI0 { margin-bottom: 117px; padding: 22px 32px; width: 100%; min-height: 801px; background: #ffffff; box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.1); border-radius: 12px; } .taskTypeHead__1VER1 { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #e0e0e0; margin-bottom: 32px; } .taskTypeHead__1VER1 .taskTypeTitle__2PGZz { font-size: 20px; font-weight: 600; color: #333333; line-height: 28px; padding-bottom: 12px; } .taskTypeHead__1VER1 .taskRuleBtn__mCOe7 { font-size: 14px; color: #999999; line-height: 20px; cursor: pointer; transition: all 0.3s ease; } .taskTypeHead__1VER1 .taskRuleBtn__mCOe7:hover { color: #666; } .tasks__3TVPn { display: flex; flex-wrap: wrap; padding-bottom: 18px; } .tasks__3TVPn .taskAction__3nOcF { padding: 6px 16px; border-radius: 20px; font-size: 14px; position: absolute; right: 0; } .tasks__3TVPn .activeTaskAction__3XZkI { color: #ffffff; background: #ff9900; cursor: pointer; transition: all 0.3s ease; } .tasks__3TVPn .activeTaskAction__3XZkI:hover { opacity: 0.8; } .tasks__3TVPn .passiveTaskAction__VghPC { background: #efefef; border: 1px solid #e0e0e0; color: #999999; cursor: not-allowed; } .tasks__3TVPn .taskReceiveReward__16CiZ { border: 1px solid #ff9900; color: #ff9900; cursor: pointer; } .tasks__3TVPn .taskFinished__2p02_ { background-image: url(//xmcdn.oss-cn-shanghai.aliyuncs.com/community/2.3.4/prod/_next/static/images/taskFinished-54fedefb16dbf8820083a7bb129a4487.png); background-repeat: no-repeat; background-size: contain; width: 60px; height: 60px; } .selfAdjustItem__1I6qr { min-width: 105px; flex-grow: 1; } .taskRuleModalBody__1L5z7 .ant-modal { width: 704px !important; } .taskRuleModalBody__1L5z7 .ant-modal-content { border-radius: 10px; } .taskRuleModalBody__1L5z7 .ant-modal-close-x { color: #fff; font-size: 24px; } .taskRuleModalBody__1L5z7 .ant-modal-header { padding: 31px 0 32px 165px; border-radius: 10px 10px 0 0; background-image: url(//xmcdn.oss-cn-shanghai.aliyuncs.com/community/2.3.4/prod/_next/static/images/taskRuleModalBg-bd7eff24c14bb87b8d1cbbb6d2173cf9.png); background-position: center; background-size: cover; background-repeat: no-repeat; } .taskRuleModalBody__1L5z7 .ant-modal-header .ant-modal-title { padding-left: 0; } .taskRuleModalBody__1L5z7 .ant-modal-header .custom-modal-Title .custom-modal-pic { width: 101px; height: 177px; position: absolute; left: 40px; top: -48px; } .taskRuleModalBody__1L5z7 .ant-modal-header .custom-modal-Title .custom-title-text { font-size: 24px; font-weight: 600; color: #ffffff; line-height: 33px; letter-spacing: 1px; } .taskRuleModalBody__1L5z7 .ant-modal-body { position: relative; background: #fff; padding: 32px 40px 16px; } .taskRuleModalBody__1L5z7 .ant-modal-body .content-title { margin-bottom: 8px; font-size: 18px; font-weight: 600; color: #333333; line-height: 25px; } .taskRuleModalBody__1L5z7 .ant-modal-body .content-detail { font-size: 16px; color: #666666; line-height: 22px; } @media all and (max-width: 1600px) { .taskCenterPage__g1wz- { background-image: url(//xmcdn.oss-cn-shanghai.aliyuncs.com/community/2.3.4/prod/_next/static/images/homeBGimageSmall-2659f6b89ba9913a390980b6ad55899c.png); } .taskCenterMain__LSAtl { width: 1145px; } } .test__1IwPY { height: 100%; } .test__1IwPY .nc_scale { height: 32px; display: flex; align-items: center; } .studioIntroContainer__cMTKO { background: #5c5adb; min-width: 1248px; overflow: hidden; padding-bottom: 64px; } .banner__3qelG { display: block; margin: 0 auto; width: 1278px; } .introBodyOuter__3U3E7 { width: 1200px; margin: 0 auto; border-radius: 20px; border: 16px solid rgba(0, 0, 0, 0.2); } .introBody__3XwYH { width: 1168px; background: #ffffff; border-radius: 14px; padding: 40px; } .bodyBanner__p6Ypv { display: block; width: 664px; margin: 0 auto 48px; } .titleBox__2VcjN { display: flex; align-items: center; justify-content: center; } .dot__1Pf62 { display: inline-block; width: 16px; height: 16px; background: rgba(120, 118, 255, 0.16); border-radius: 17px; } .textBox__21j4K { display: inline-flex; position: relative; padding: 0 12px; z-index: 2; text-align: center; font-size: 24px; font-weight: bold; color: #5b59da; padding-bottom: 24px; justify-content: center; margin: 0 6px; } .titleDot__arFuF { position: absolute; top: 50%; transform: translateY(-50%); left: 0; z-index: -1; display: inline-block; width: 100%; height: 16px; background: rgba(120, 118, 255, 0.16); border-radius: 17px; } .roleBox__2Ay_n { display: flex; width: 664px; margin: 0 auto 64px; flex-wrap: wrap; justify-content: space-between; } .roleItem__ggTgA { margin-bottom: 30px; width: 315px; height: 145px; border-radius: 6px; display: flex; justify-content: center; align-items: center; } .roleItem1__2Gq7b { background: rgba(255, 199, 0, 0.2); } .roleItem2__a041e { background: rgba(105, 173, 251, 0.15); } .roleItem3__siMmH { background: rgba(105, 173, 251, 0.15); } .roleItem4__1NSWE { background: rgba(177, 195, 214, 0.22); } .roleItemImg__3VdxY { display: inline-block; width: 66px; margin-right: 20px; } .roleText__1vmxR { display: inline-block; line-height: 28px; font-size: 16px; color: #666666; } .newFunction__2JLAA { margin: 16px auto 64px; width: 664px; height: 1524px; background: #fafafa; box-shadow: 0px 2px 6px 0px rgba(201, 201, 201, 0.5); border-radius: 6px; } .functionTitleBox__2Eud_ { display: flex; align-items: center; justify-content: center; } .functionNumBox__Mz4Gl { display: inline-block; position: relative; } .functionNum__neIkF { display: inline-block; font-size: 40px; font-style: italic; color: #5c5adb; font-weight: bold; } .functionCircle__s6CdG { position: absolute; bottom: 12px; right: -8px; display: inline-block; width: 19px; height: 19px; background: rgba(92, 90, 219, 0.16); border-radius: 50%; } .functionTitle__2Kz1J { margin-left: 16px; height: 54px; line-height: 64px; font-size: 18px; font-weight: bold; color: #333333; } .functionText__1DJlf { margin: 0 auto; height: 28px; font-size: 16px; text-align: center; color: #666666; line-height: 28px; } .functionLine__1UpOy { margin: 0 auto; width: 578px; height: 3px; background: linear-gradient(90deg, rgba(247, 244, 255, 0) 0%, rgba(223, 208, 255, 0.64) 51%, rgba(245, 241, 255, 0) 100%); } .funImg1__vTqVn { display: block; margin: 6px auto 28px; width: 312px; } .funImg2__3Ehf7 { display: block; margin: 6px auto 28px; width: 224px; } .funImg3__3y0fR { display: block; margin: 6px auto 28px; width: 252px; } .funImg4__3JktV { display: block; margin: 6px auto 28px; width: 251px; } .funImg5__2qIWe { display: block; margin: 6px auto 28px; width: 243px; } .recommendStudio__2PgWs { line-height: 28px; text-align: center; } .funImg6__uZ-Ng { display: block; margin: 6px auto 72px; width: 671px; } .needKnowText__2LjDW { text-align: center; font-size: 16px; color: #666666; line-height: 32px; } .needKnowTitle__20XhW { margin: 0; font-size: 16px; font-weight: bold; color: #333333; line-height: 32px; } .needKnowTextBox__2_q6h { margin-bottom: 40px; } .needKnowTextBox2__2AYzZ { margin-bottom: 60px; } .xiaomaSay__RTX2w { text-align: center; font-size: 16px; color: #666666; line-height: 32px; } .video__14ijt { position: relative !important; z-index: 100; width: 100%; height: 430px; } .videoModal__2m7It > div > div:nth-child(2) { max-height: unset; padding: 12px 24px 16px; } .card-item__2yi-I { width: 254px; min-height: 300px; padding: 24px; background: #ffffff; color: #999999; border-radius: 6px; margin: 0 0 16px 0; text-align: center; } .card-item__2yi-I:nth-child(4) { margin: 0 0 16px 0; } .card-item__2yi-I:nth-child(8) { margin: 0 0 16px 0; } .card-item__2yi-I:nth-child(12) { margin: 0 0 16px 0; } .card-item__2yi-I:nth-child(16) { margin: 0 0 16px 0; } .card-item__2yi-I:nth-child(20) { margin: 0 0 16px 0; } .card-item__2yi-I:hover { box-shadow: 0 1px 14px 0 rgba(0, 0, 0, 0.05); } .user-avatar__21Gxm { position: relative; display: block; margin: 0 auto 24px; width: 100px; height: 100px; border-radius: 50%; } .avatarBox__2W1QR { border-radius: 50%; overflow: hidden; border: 1px solid #efefef; } .avatar__K4CWZ { display: inline-block; width: 100px; height: 100px; border-radius: 50%; cursor: pointer; transition: 0.3s all ease 0s; } .avatar__K4CWZ:hover { transform: scale(1.1); } .user-info__3eekN { position: relative; flex: 1; } .user-msg__1Qqos { display: flex; align-items: center; position: relative; } .user-name-tag__2RyA0 { width: 100%; } .user-name__1i0PU { display: inline-block; width: 100%; font-size: 16px; color: #333333; line-height: 21px; margin: 0 auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer; text-align: center; } .user-name__1i0PU:hover { color: #2d8fff; } .user-school__3ScMh { display: inline-block; width: 100%; font-size: 14px; line-height: 21px; margin: 0 auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; } .user-sex-male__162xo { font-size: 18px; color: #50a2ff; } .user-sex-female__1Zzhm { font-size: 18px; color: #ff5b35; } .talent-logo__3lT5x { height: 18px; display: flex; align-items: center; border-radius: 9px; background: #ff5b35; font-size: 10px; line-height: 14px; color: #fff; margin: 0 0 0 16px; padding: 0 4px; } .talent-icon__302Bx { margin-right: 2px; font-size: 14px; } .focus-icon__A_Oxn { font-size: 16px; color: #bdbdbd; margin-right: 4px; } .focus-text__3WR2F { font-size: 14px; line-height: 21px; } .unfocus__1_as_ { width: 70px; text-align: center; background: #ff9900; color: #fff; height: 30px; border-radius: 4px; line-height: 30px; cursor: pointer; } .focus-btn__22kJS { border: 1px solid #ff9900; border-radius: 4px; color: #ff9900; width: 90px; text-align: center; height: 36px; background: #fff; line-height: 34px; cursor: pointer; } .sign__3hFW6 { height: 20px; width: 226px; padding: 0 30px 0 0; font-size: 14px; line-height: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 12px 0 0; } .info-num__2d095 { display: flex; padding: 16px 0; margin: 0; justify-content: center; } .info-num__2d095 li { display: flex; flex-direction: column; align-items: center; list-style: none; padding: 0 14px; height: 16px; } .info-num__2d095 li:nth-child(1) { border-right: 1px solid #e0e0e0; } .info-num__2d095 li .number__3Asjs { display: inline-flex; align-items: center; font-size: 14px; line-height: 16px; } .info-num__2d095 li .text__3rb6G { margin: 0 0 0 5px; font-size: 14px; line-height: 16px; } .info-msg__1reR7 { display: flex; flex-direction: column; font-size: 12px; line-height: 20px; margin: 0; padding: 0; } .info-msg__1reR7 li { list-style: none; } .secretkey-container__4vo8N { position: relative; } .switch-box__2OK6u { margin: 32px 32px 0; padding: 0 0 32px; display: flex; line-height: 32px; align-items: center; border-bottom: 1px solid #e0e0e0; } .switch-text__3mBuI { font-size: 16px; color: #333333; line-height: 20px; } .switch-tips__3S0XW { font-size: 14px; color: #999999; line-height: 18px; margin-left: 24px; } .switch-box__2OK6u .ant-switch { width: 60px; height: 24px; border-radius: 20px; } .switch-box__2OK6u .ant-switch:after { width: 22px; height: 22px; top: 0; } .switch-box__2OK6u .ant-switch-inner { font-size: 14px; line-height: 18px; } .secretkey-form__12guX { margin: 32px auto; width: 400px; } .secretkey-form__12guX .ant-form-item { margin: 0 0 32px; } .password-box__rt9vR { display: flex; line-height: 36px; position: relative; } .password-box__rt9vR .ant-form-item-label { flex: 0 0 132px; margin-right: 12px; text-align: right; } .password-box__rt9vR .ant-form-item-label label { font-size: 16px; color: #333333; line-height: 20px; } .password-box__rt9vR .ant-input { font-size: 12px; } .password-box__rt9vR .ant-input-disabled { font-size: 12px; } .password-box__rt9vR .ant-form-item-control-wrapper { flex: 1; } .password-box__rt9vR .ant-form-item-control-wrapper .ant-form-explain { color: #ff5b35; font-size: 12px; line-height: 15px; padding-top: 4px; position: absolute; top: 100%; left: 0; } .switch-box__2OK6u .ant-switch:after { left: 0; } .switch-box__2OK6u .ant-switch-checked:after { left: 100%; margin: 0; right: 0; } .save-btn__376Mj .ant-btn-primary { width: 120px; height: 36px; font-size: 16px; margin: 0 0 0 144px; } .guide-mask__2PQSY { position: fixed; top: 0; right: 0; left: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.3); height: 100%; z-index: 99; } .guide-container__19zFq { position: relative; z-index: 101; } .tip-box__37hUH { width: 288px; display: flex; flex-direction: column; padding: 12px 16px 16px; box-shadow: 0px 4px 11px 0px rgba(200, 200, 200, 0.5); border-radius: 4px; background: #ffffff; position: absolute; } .tip-box__37hUH::before { content: ""; position: absolute; bottom: 100%; left: 32px; top: -7px; width: 0; height: 0; border-left: 7px solid transparent; border-bottom: 9px solid #fff; border-right: 7px solid transparent; } .tip-one__oDVBb { top: 280px; } .tip-two__3gxvd { top: 90px; left: 380px; } .tip-title__23gBt { font-size: 18px; line-height: 24px; color: #333333; font-weight: bold; margin: 0 0 16px; } .tip-text__20w6H { font-size: 16px; color: #666666; line-height: 24px; margin: 0 0 20px; } .page-tip__1a7I_ { position: absolute; top: 8px; right: 16px; } .circle-page__1qVj5 { width: 8px; height: 8px; border-radius: 50%; background: #ff9900; display: inline-block; margin: 0 6px 0 0; } .circle-page__1qVj5:last-child { margin: 0; } .transparent-circle__2PTsT { background: rgba(255, 153, 0, 0.4); } .close-tip__3myck { align-self: flex-end; font-size: 12px; line-height: 16px; color: #999999; cursor: pointer; } .close-tip__3myck:hover { color: #ff9900; } .arrow-one__1Quj4 { position: absolute; right: 64px; cursor: pointer; } .arrow-two__aSnnI { position: absolute; cursor: pointer; left: 383px; top: 29px; } .switch-img__3CcqW { width: 60px; height: 30px; } .arrow-box__mB7e5 { margin: 0; position: absolute; left: 48px; top: 16px; } .circle-arrow__2hmW1 { display: block; width: 20px; height: 20px; border-radius: 50%; background: rgba(255, 153, 0, 0.3); -webkit-animation: rotate__10cIS 1s infinite linear; animation: rotate__10cIS 1s infinite linear; } @-webkit-keyframes rotate__10cIS { 0% { transform: scale(0.5); } 100% { transform: scale(1); } } @keyframes rotate__10cIS { 0% { transform: scale(0.5); } 100% { transform: scale(1); } } .guide-arrow__3JWF3 { margin: 0 0 0 8px; width: 30px; height: 30px; position: absolute; top: 4px; left: -4px; } .tip-nav__1yhBb { padding: 20px 40px; width: 220px; box-sizing: border-box; color: #4c84ff; font-size: 16px; z-index: 100; background: #ffffff; display: flex; align-items: center; position: absolute; left: 0; top: 190px; } .tip-nav__1yhBb .icon-key__2f2ud { font-size: 16px; margin-right: 10px; } .tip-nav__1yhBb .icon-active__3hszV { position: absolute; right: 20px; } .secretkeyContainer__2VR-Q .ant-form-item-label label { font-size: 15px; } .setting-box__1Dys7 { width: 1248px; margin: 20px auto; } .profile-height__rVSK3 { background: #fff; border-radius: 6px; } .user-profile-container__3xWgI { padding: 50px 20px 20px 200px; } .user-profile-container__3xWgI .ant-row { display: flex; } .user-profile-container__3xWgI .ant-form-item { margin-bottom: 20px; } .user-profile-container__3xWgI .ant-form-item-label { width: 95px; text-align: right; margin-right: 20px; } .user-profile-container__3xWgI .avatarItem__3lpnC .ant-form-item-label { height: 80px; } .user-profile-container__3xWgI .submit-item .ant-form-item-label { visibility: hidden; } .large-input__2Otpy { position: relative; width: 380px; } .text-area__2x-Kq { position: absolute; right: 20px; bottom: 5px; height: 20px; white-space: nowrap; line-height: 20px; color: #999999; font-size: 12px; margin: 0; } .text-area-num__2rnzw { /*color: #4c84ff;*/ color: #999999; margin-right: -11px; } .remove-margin__1yBDT { margin: 0; } .text-area-num-warn__1056H { color: #f5222d; } .settingHead__1khA5 { margin-bottom: 20px; width: 1240px; margin-top: 32px; } .settingBox__kMI19 { display: flex; width: 1240px; margin-bottom: 80px; height: 680px; } .commitBtn__3KPQ2 { background: #ff9900; border-color: #ff9900; border-radius: 50px; width: 120px; height: 40px; box-shadow: none; text-shadow: none; font-size: 16px; } .commitBtn__3KPQ2:hover, .commitBtn__3KPQ2:active, .commitBtn__3KPQ2:focus { background: #ff9900; border-color: #ff9900; opacity: 0.8; cursor: pointer; } .page404__1rtiw { margin: auto; width: 1248px; padding: 97px 0 98px; min-height: calc(100% - 284px); } .page-bg404__3PIbq { width: 461px; height: 322px; background: url(//xmcdn.oss-cn-shanghai.aliyuncs.com/xm_world/pc/static/image/404.png); margin: auto; } .title__3aW-0 { font-size: 18px; font-weight: 400; text-align: center; color: #a6cdf6; padding-top: 40px; } .contribute-modal-box__11Ijh .modal-content-box { width: 508px; padding: 32px 48px 24px; } .key-content__25woB { position: relative; } .key-content__25woB .ant-input { padding: 6px 8px; } .key-input__Tf6E8 { width: 412px; height: 64px !important; border-radius: 4px; border: 1px solid #e0e0e0; word-break: break-word; word-break: break-all; white-space: pre-wrap; word-wrap: break-word; } .key-input__Tf6E8.warn-border__1ZTmx { border-color: #ff5b35; } .contribute-tip__3-B5p { position: absolute; top: 70px; font-size: 12px; line-height: 17px; } .warn__3Feex { left: 0; color: #ff5b35; margin: 0; display: inline-block; } .contribute-help__1rXxU { right: 0; color: #2d8fff; margin: 0 -6px 0 0; } .work-item__34DwR { width: 280px; margin: 0 16px 16px 0; } .work-item__34DwR:hover { box-shadow: 0 1px 14px 0 rgba(0, 0, 0, 0.05); } .person-operate__2b_zD { width: 280px; height: 48px; padding: 16px 26px; margin: 0; background: rgba(51, 51, 51, 0.8); position: absolute; bottom: 0; left: 0; display: none; z-index: 1; } .person-operate__2b_zD .recovery-work__B9QUv { display: inline-block; width: 100%; text-align: center; font-size: 14px; line-height: 16px; color: #fff; list-style: none; } .person-operate__2b_zD .recovery-work__B9QUv:hover { color: #f90; } .person-operate__2b_zD .person-operate-item__1ZC57 { margin-right: 32px; font-size: 12px; line-height: 16px; color: #fff; list-style: none; } .person-operate__2b_zD .person-operate-item__1ZC57:last-child { margin-right: 0; } .person-operate__2b_zD .person-operate-item__1ZC57:hover { color: #f90; } .person-operate__2b_zD .person-operate-item__1ZC57 a { color: #fff; text-decoration: none; outline: none; } .person-operate__2b_zD .person-operate-item__1ZC57 a:link, .person-operate__2b_zD .person-operate-item__1ZC57 a:visited, .person-operate__2b_zD .person-operate-item__1ZC57 a:hover, .person-operate__2b_zD .person-operate-item__1ZC57 a:active { text-decoration: none; color: #fff; outline: none; } .person-operate__2b_zD .person-operate-item__1ZC57 a:hover { color: #f90; } .person-operate__2b_zD .icon-del__3kWZf { font-size: 12px; width: 12px; height: 12px; } .work-img-box__2mrF_ { width: 280px; height: 210px; cursor: pointer; position: relative; border-top-left-radius: 6px; border-top-right-radius: 6px; background: url("//xmcdn.oss-cn-shanghai.aliyuncs.com/community/static/img/default-loading.png") center center no-repeat; background-size: contain; } .work-img-box__2mrF_ .workInnerImg__3j5X7 { border-top-left-radius: 6px; border-top-right-radius: 6px; } .work-img-box__2mrF_:hover .person-operate__2b_zD { display: flex; } .unrealease-box__1vFF4 { position: absolute; z-index: 1; left: 0px; top: 0px; display: block; margin: 0; } .unrealease-box__1vFF4 .unrealease__2QrxS { font-size: 90px; color: #ff5b35; } .unrealease-box__1vFF4 .unrealease-text__Z1k07 { display: inline-block; font-size: 12px; line-height: 21px; color: #fff; z-index: 2; opacity: 0.95; text-align: center; width: 64px; } .unrealease-box__1vFF4 .unrealease-img__2WFWA { display: block; position: absolute; width: 64px; border-top-left-radius: 6px; } .work-img__3R25G { display: block; width: 280px; height: 210px; overflow: hidden; border-top-left-radius: 6px; border-top-right-radius: 6px; } .work-img__3R25G img { border-top-left-radius: 6px; border-top-right-radius: 6px; width: 100%; height: 100%; transform: scale(1); transition: all 0.3s ease 0s; } .work-img__3R25G img:hover { transform: scale(1.1); transition: all 0.3s ease 0s; } .version-tag__1s6ac { padding: 2px 9px; background: #ff9900; font-size: 12px; line-height: 15px; font-weight: bold; color: #ffffff; box-shadow: 0px 2px 4px 0px rgba(51, 51, 51, 0.2); border-radius: 9px; position: absolute; bottom: 8px; right: 8px; } .work-info__wIxdd { width: 280px; background: #ffffff; padding: 16px; display: flex; flex-direction: column; box-sizing: border-box; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .work-name-no-link__20fze { max-width: 242px; color: #333; overflow: hidden; display: inline-block; text-overflow: ellipsis; white-space: nowrap; font-weight: normal; font-size: 16px; line-height: 21px; margin: 0; text-decoration: none; outline: none; } .work-name__2JoyG { max-width: 242px; color: #333; overflow: hidden; display: inline-block; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; font-weight: normal; font-size: 16px; line-height: 21px; margin: 0; text-decoration: none; outline: none; } .work-name__2JoyG:link, .work-name__2JoyG:visited, .work-name__2JoyG:hover, .work-name__2JoyG:active { text-decoration: none; color: #333; outline: none; } .work-name__2JoyG:hover { color: #2d8fff; } .work-data__2QZ35 { margin: 10px 0 0; display: flex; padding: 0; } .data-item__2cJSn { list-style: none; font-size: 12px; line-height: 1; color: #999; margin-right: 32px; } .data-item__2cJSn:last-child { margin: 0; } .data-num__2nfRc { margin-left: 4px; } .data-icon__tnLwP { font-size: 12px; width: 14px; height: 14px; } .user-info__1ehU2 { margin-top: 24px; display: flex; align-items: center; } .user-info__1ehU2 .user-link__2RwMX { width: 100%; display: flex; color: #333333; cursor: pointer; } .user-info__1ehU2 .user-link__2RwMX:hover { color: #2d8fff; } .user-info__1ehU2 .user-link__2RwMX .user-avatar-box__2UFiE { position: relative; width: 32px; height: 32px; } .user-info__1ehU2 .user-link__2RwMX .user-avatar__3X6fB { display: inline-block; width: 32px; height: 32px; border-radius: 50%; border: 1px solid #efefef; } .user-info__1ehU2 .user-link__2RwMX .user-avatar__3X6fB:hover + .nickname__1sa9_ { color: #0091ff; } .user-info__1ehU2 .user-link__2RwMX .nickname__1sa9_ { line-height: 32px; margin-left: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; } .content-margin__3WERd { margin: 8px 0 0 0; } .warn-text__3P-_D { background: rgba(45, 143, 255, 0.1); font-size: 16px; line-height: 24px; color: #0091ff; } .workNameNoLinkBox__14IT8 { width: 100%; } .workNameNoLink__jbnXU { color: #666666; max-width: 242px; overflow: hidden; display: inline-block; text-overflow: ellipsis; white-space: nowrap; font-weight: normal; font-size: 16px; line-height: 21px; } .army-work__1grdF .work-info__wIxdd { background: rgba(255, 255, 255, 0.1); } .army-work__1grdF .work-name__2JoyG, .army-work__1grdF .nickname__1sa9_, .army-work__1grdF .data-item__2cJSn { color: #ffffff; } .army-work__1grdF .work-name__2JoyG:hover, .army-work__1grdF .nickname__1sa9_:hover { color: #60fff7; } .army-work__1grdF .user-link__2RwMX:hover .nickname__1sa9_ { color: #60fff7; } .cardBox__3Wbf0 { width: 532px; height: 257px; background: #ffffff; border-radius: 4px; padding: 19px 0 0 16px; margin-bottom: 24px; } .studioInfoBox__2yQxP { display: flex; margin-bottom: 24px; } .studioImgBox__1LzXf { display: inline-block; margin-right: 20px; width: 128px; height: 128px; border-radius: 4px; border: 1px solid #efefef; overflow: hidden; } .studioImgBox__1LzXf:hover .studioImg__UJzL5 { transform: scale(1.1); } .studioImg__UJzL5 { display: inline-block; width: 128px; height: 128px; border-radius: 4px; cursor: pointer; transition: all 0.2s ease; } .studioInfo__3Blan { display: inline-block; width: 340px; height: 128px; } .starStudioNameBox__2LesN { display: inline-block; max-width: 280px; position: relative; } .studioName__3M3CZ { display: inline-block; max-width: 280px; height: 25px; font-size: 18px; color: #333333; line-height: 25px; margin: 0 0 12px; cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .studioName__3M3CZ:hover { color: #2d8fff; } .starStudioIcon__3bP9N { position: absolute; top: 2px; right: -80px; display: block; width: 72px; height: 19px; line-height: 19px; background: #ffc700; border-radius: 12px; text-align: center; font-size: 12px; color: #ffffff; } .studioInfoNum__3spMa { margin: 0 0 4px; font-size: 14px; color: #666666; line-height: 20px; } .studioInfoNum__3spMa span { margin-right: 20px; } .studioIntro__2qYOr { height: 48px; color: #666666; line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; word-break: break-all; word-break: break-word; white-space: pre-wrap; } .studioInfoBottom__2wQae { margin-top: 24px; display: flex; list-style: none; padding: 0; } .studioMemberInfo__J5H_6 { position: relative; display: inline-block; width: 48px; text-align: center; margin-right: 24px; cursor: pointer; } .studioMemberInfo__J5H_6:hover .toolTipBox__3-NbW { display: block; } .toolTipBox__3-NbW { display: none; } .studioMemberImg__2DamX { display: inline-block; width: 48px; height: 48px; box-sizing: border-box; border-radius: 50%; margin-bottom: -12px; } .studioMemberPost__hK8ON { display: inline-block; height: 20px; line-height: 18px; width: 100%; border-radius: 20px; font-size: 12px; color: #ffffff; border: 1px solid #efefef; } .studioMemberPost1__6NhIm { background: #ffad31; box-shadow: 0px 1px 4px 0px rgba(255, 173, 49, 0.3); } .studioMemberPost2__3ZbmO { background: #69adfb; box-shadow: 0px 1px 4px 0px rgba(105, 173, 251, 0.3); } .studioMemberPost3__W16o4 { background: #b2c2d5; box-shadow: 0px 1px 4px 0px rgba(105, 173, 251, 0.3); } .findHeader__2ORWR { background: #71f0ff; } .findHeaderImgBox__hWEHp { background-image: url(//xmcdn.oss-cn-shanghai.aliyuncs.com/community/2.3.4/prod/_next/static/images/explore-banner-18658bbf484155c485e3022455b41de5.png); position: relative; z-index: 5; height: 200px; background-position: center center; background-repeat: no-repeat; } .tabBox__3NqVS { height: 48px; background: #ffffff; box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.07); } .tabBody__verYb { width: 1365px; height: 100%; margin: 0 auto; list-style: none; padding: 0; } @media all and (max-width: 1600px) { .tabBody__verYb { width: 1088px; } } .tabItem__2jOfv { display: inline-block; padding: 0 6px; height: 64px; font-size: 18px; color: #333333; line-height: 64px; margin-right: 42px; cursor: pointer; border: none; outline: none; background: transparent; } .tabItem__2jOfv:hover { color: #ff9900; border-bottom: 2px solid #ff9900; } .tabItemActive__1sYOO { color: #ff9900; border-bottom: 2px solid #ff9900; } .board-content__-e_wJ { width: 1365px; min-height: 600px; margin: 0 auto; padding-bottom: 60px; } .type-header__1KRhe { height: 72px; width: 100%; display: flex; align-items: center; justify-content: flex-start; padding-left: 8px; } .type-header__1KRhe .type-item__2L1P3 { display: flex; justify-content: flex-start; align-items: center; cursor: pointer; } .type-header__1KRhe .type-item__2L1P3 img { width: 24px; height: 24px; margin-right: 4px; } .type-header__1KRhe .type-item__2L1P3 .type-title__1Yc04 { font-size: 16px; font-weight: 400; color: #6d757b; margin-right: 20px; } .type-header__1KRhe .type-item__2L1P3:hover { opacity: 0.8; } .type-header__1KRhe .type-item-active__3NZhD .type-title__1Yc04 { color: #ff9900; font-weight: 600; } @media all and (max-width: 1600px) { .board-content__-e_wJ { width: 1088px; } } .topics__3TaY6 { width: 1365px; min-height: 600px; margin: 0 auto; padding-bottom: 60px; padding-top: 40px; } .title-all__aLnIC { margin: 16px 0 11px; font-weight: normal; font-size: 14px; color: #666666; line-height: 16px; } .topicListWrap__3Eiwc { padding-bottom: 60px; } .topicsList__3DQgR { display: flex; flex-wrap: wrap; margin: 0 -10px; } .topicWrap__nhnwT { width: 25%; padding: 0 10px; margin-bottom: 20px; } .topic__3T9P6 { border-radius: 6px; overflow: hidden; background: #fff; color: #333; } .cover__34P2m { background: url("//xmcdn.oss-cn-shanghai.aliyuncs.com/community/static/img/default-loading.png") center center no-repeat; background-size: cover; cursor: pointer; transition: transform 0.3s ease; } .cover__34P2m:hover { transform: scale(1.1); } .topicSummary__1cY3V { overflow: hidden; padding: 14px; } .topicName__deZoX { text-overflow: ellipsis; color: #333; cursor: pointer; white-space: nowrap; display: inline-block; overflow: hidden; max-width: 100%; font-size: 16px; line-height: 21px; } .topicName__deZoX:hover { color: #2d8fff; } .blank-box__12Qme { display: flex; flex-direction: column; align-items: center; height: 500px; justify-content: center; } .blank-img__1IBbk { width: 170px; height: 120px; margin-bottom: 16px; } .tips__cGpgf { font-size: 12px; line-height: 16px; color: #999999; } @media all and (max-width: 1600px) { .topics__3TaY6 { width: 1088px; } .topicWrap__nhnwT { width: 33.33333333%; } } .work-item__1nnEl { width: 254px; margin: 0 24px 24px 0; position: relative; } .work-item__1nnEl:hover { box-shadow: 0 1px 14px 0 rgba(0, 0, 0, 0.05); } .person-operate__5T_3c { width: 254px; height: 48px; padding: 16px 26px; margin: 0; background: rgba(51, 51, 51, 0.8); position: absolute; bottom: 0; left: 0; display: none; z-index: 1; } .person-operate__5T_3c .recovery-work__1jy-h { display: inline-block; width: 100%; text-align: center; font-size: 14px; line-height: 16px; color: #fff; list-style: none; } .person-operate__5T_3c .recovery-work__1jy-h:hover { color: #f90; } .person-operate__5T_3c .person-operate-item__3Cqwl { margin-right: 22px; font-size: 12px; line-height: 16px; color: #fff; list-style: none; } .person-operate__5T_3c .person-operate-item__3Cqwl:last-child { margin-right: 0; } .person-operate__5T_3c .person-operate-item__3Cqwl:hover { color: #f90; } .person-operate__5T_3c .person-operate-item__3Cqwl a { color: #fff; text-decoration: none; outline: none; } .person-operate__5T_3c .person-operate-item__3Cqwl a:link, .person-operate__5T_3c .person-operate-item__3Cqwl a:visited, .person-operate__5T_3c .person-operate-item__3Cqwl a:hover, .person-operate__5T_3c .person-operate-item__3Cqwl a:active { text-decoration: none; color: #fff; outline: none; } .person-operate__5T_3c .person-operate-item__3Cqwl a:not(.disabled):hover { color: #f90; } .person-operate__5T_3c .person-operate-item__3Cqwl a.disabled { opacity: 0.6; cursor: not-allowed; } .person-operate__5T_3c .icon-del__1R9CM { font-size: 12px; width: 12px; height: 12px; } .work-img-box__JfZcq { width: 257px; height: 197px; cursor: pointer; position: relative; border-top-left-radius: 6px; border-top-right-radius: 6px; background: url("//xmcdn.oss-cn-shanghai.aliyuncs.com/community/static/img/default-loading.png") center center no-repeat; background-size: contain; } .work-img-box__JfZcq .workInnerImg__2Qoia { width: 100%; height: 100%; display: block; border-top-left-radius: 6px; border-top-right-radius: 6px; } .work-img-box__JfZcq:hover .person-operate__5T_3c { display: flex; } .unrealease-box__1VfCb .iconfont { color: #fff; font-size: 12px; line-height: 24px; padding: 0 0 0 4px; } .unrealease-text__1_aIv { background: #fe5d30; border-radius: 2px 0 10px 0; display: inline-flex; font-size: 12px; line-height: 24px; color: #fff; z-index: 2; opacity: 0.95; text-align: center; padding: 0px 10px 0px 10px; } .unrealease-box__1VfCb { position: absolute; z-index: 1; left: 0px; top: 0px; display: block; margin: 0; } .unrealease-box__1VfCb .unrealease__7hOx9 { font-size: 90px; color: #ff5b35; } .unrealease-box__1VfCb .unrealease-img__wOS1L { display: block; position: absolute; width: 64px; border-top-left-radius: 6px; } .violationOverlay__1EyaA .ant-popover-arrow { left: 30px !important; } .violationOverlay__1EyaA .ant-popover-inner-content { padding: 8px 16px; max-height: 104px; overflow-y: auto; } .violationOverlay__1EyaA .ant-popover-title { padding: 4px 16px; color: #333; } .violationItem__2djVB { position: relative; display: flex; color: rgba(0, 0, 0, 0.65); font-size: 14px; line-height: 22px; box-sizing: content-box; } .violationItem__2djVB:after { flex: none; content: attr(data-truncate); left: 100%; top: 0; white-space: nowrap; } .violationSource__22DjH { display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .prize-box__3NBHw { position: absolute; z-index: 1; left: -4px; top: -2px; display: block; margin: 0; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKUAAAAoCAYAAACfBTrcAAAEeElEQVR4Xu2dW0gUYRTHz6yaWRZB9dTlIRKLqKSIiG4v0RXBF0P3oSjrIbCHeogKewrCqJ4CISi7SKQupakldhEtLUq6aUYXL+A1s7XczW11Z+aLM8w3TLNb+uAOw35nYRh1Yb7z/c+Pc+a7HSX4/0ca53v6mhSYLAUYf1Ak6PjfzHf8mQCdLPnpOagAQsgv/rt2t4LGf3ddWr06ce/i5QfjXS53nCQtBYAZpCUpMMkK/BhV1dNTi69eBACVQ2qGkkdD17ut6QuWz55bJknSykk2gh5HClgVUBq+DSza+Kiqj4NpTdWuY6mp0/JXrX9KQBI9NimgVH/tS91ZW90NAAqCaYbSBQBxvsw9uTMSEi7YZBA1I7gCfjlUOLP0xlEAGAWAkBXKOABICGXtq493udYIrhV13wYFQirrzH72aMvtrq4hAAgCgIzRkr9H4j0eAKao2Tn9kgTJNthETQisAAOm3Ovtzkyvf/gcAH5bIyUCiak7AQASmTvnp8BaUddtUqA7EChYWH4rXwcSo+SYHim1KSG8tNQNAFOZOwdDKX1IgagpEFSUD8uq72R0+Hx+U5TUUjc2aoZyig6lN2rW0IOFV4AxGC1s+5RxoKmhxRQlcYCDQGqT6VYok5g757vwypEAUVOgze/LT6n0FOgDG3Pa5pPnRqTUBjl6pCQoo+YSsR88IstN8ypKsoaDwREdSpwGwrRtrOaY0zdBKTYvUe89Y/DrzPvmXXktTW2W0baRtrkRPH0TlFF3i9gNtPwcOrHiftlNy2hbW8HR3yUNgQhKsVmxpffDobHaWZ6i/XrKxjlJPv2jjbYJSlvcQI1wBRTGho68erHj4ufWnvHSNqVv4sYWBRoGB3I3PqyqmEjaJihtcQk18tI7eGhtTcXdCFEyLG0TlMSLLQqowLznWls2H3/X1KWvb+MUkHnHeZgdNNCxxTViNxJUlJqkkmuZBKXYHDiu997Rsdw5t4sK9T2TEUfdlL4d57aYN8jf6P22bkNN5Re+w9w6FURQxjwDzuugrLLGtMeV21sHB3F5MWwlh6B0ns+EsGg4NJY3y1OEx22MrWo0eS6E653bSdy61uz3bkqrKn/7rzROo2/n+i9mLZMZa3a/qNvk6egIRErjBGXMut7ZHRuR5fPJpddP0dY1Z/tJNOvkdr9v2+JKT6MFTNrkKxoJTuqvyqD97MfX606+eYOHFcOOQ9B+Sid5SyBbAop8eXrJ9cPm0Ti9UwoEgEO7qnh6ulN2P3nQG+mILZ7RoYNjDvVcDJulXOlsX3LgeR3utzTKtpjPfSOUdMQ2hglwUtdUYP7+QODc/PJiLAUYVrbFqJCBJxr1C4sTYJECKpbqJE/Ghi14LgcHNhgZcckRgfyrwJX1vRLTOAKJgx+CMjYgcFIveBlphBKXGjmYvCCBVgrQKJaqg4gw4oXREy/6kALRUIBHSw6ncf7bXMscAeTFrniEtBZVjYZx9EyxFOCREu8IpvnSvhuv6D69T4oFjJ29nVAhfgLQTpdQW1YFjH9Z8gegK9pHPaFUigAAAABJRU5ErkJggg==) center center no-repeat; width: 165px; height: 40px; background-size: contain; font-size: 16px; line-height: 20px; font-weight: bold; color: #ffffff; padding: 8px 0 0 12px; text-align: left; } .work-img__ifP-H { display: block; width: 257px; height: 197px; overflow: hidden; border-top-left-radius: 6px; border-top-right-radius: 6px; border: 1px solid #f7f7f7; } .work-img__ifP-H img { border-top-left-radius: 6px; border-top-right-radius: 6px; width: 100%; height: 100%; transform: scale(1); transition: all 0.3s ease 0s; } .work-img__ifP-H img:hover { transform: scale(1.1); transition: all 0.3s ease 0s; } .version-tag__3V8dW { padding: 2px 9px; background: #ff9900; font-size: 12px; line-height: 15px; font-weight: bold; color: #ffffff; box-shadow: 0px 2px 4px 0px rgba(51, 51, 51, 0.2); border-radius: 9px; position: absolute; bottom: 8px; right: 8px; } .work-info__4VS-R { width: 257px; background: #ffffff; padding: 10px 19px 12px 16px; display: flex; flex-direction: column; box-sizing: border-box; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; text-align: left; } .work-name-no-link__3XdQz { max-width: 222px; color: #333; overflow: hidden; display: inline-block; text-overflow: ellipsis; white-space: nowrap; font-weight: normal; font-size: 16px; line-height: 21px; margin: 0; text-decoration: none; outline: none; } .work-name__2BG5m { max-width: 222px; color: #333; overflow: hidden; display: inline-block; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; font-weight: normal; font-size: 16px; line-height: 16px; margin: 0; text-decoration: none; outline: none; text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1); } .work-name__2BG5m:hover { color: #2d8fff; } .work-data__3b1jg { margin: 0; padding: 0; height: 19px; line-height: 19px; } .data-item__wgo22 { display: inline-flex; align-items: center; list-style: none; font-size: 12px; color: #999; margin-right: 18px; } .data-item__wgo22:last-child { margin: 0; } .data-num__27oJ- { margin-left: 4px; } .data-icon__2X0Uy { font-size: 12px; width: 14px; height: 14px; } .user-info__3XKl6 { margin-top: 8px; display: flex; align-items: center; } .user-info__3XKl6 .user-link__WFam0 { width: 100%; display: flex; color: #333333; cursor: pointer; } .user-info__3XKl6 .user-link__WFam0:hover { color: #2d8fff; } .user-info__3XKl6 .user-link__WFam0 .user-avatar-box__21TQ3 { position: relative; width: 24px; height: 24px; } .user-info__3XKl6 .user-link__WFam0 .user-avatar__3xD1Y { display: inline-block; width: 24px; height: 24px; border-radius: 50%; } .user-info__3XKl6 .user-link__WFam0 .user-avatar__3xD1Y:hover .nickname__3XbTj { color: #2d8fff; } .user-info__3XKl6 .user-link__WFam0 .nickname__3XbTj { line-height: 24px; margin-left: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; } .user-info__3XKl6 .user-link__WFam0 .nickname__3XbTj:hover { color: #2d8fff; } .content-margin__1mD8H { margin: 8px 0 0 0; } .warn-text__3ETUu { background: rgba(45, 143, 255, 0.1); font-size: 16px; line-height: 24px; color: #0091ff; } .workNameNoLinkBox__qH6Tu { width: 100%; height: 16px; margin-bottom: 8px; } .workNameNoLink__3VhWX { color: #666666; max-width: 242px; overflow: hidden; display: inline-block; text-overflow: ellipsis; white-space: nowrap; font-weight: normal; font-size: 16px; line-height: 21px; } .army-work__tp-T1 .work-info__4VS-R { background: rgba(255, 255, 255, 0.1); } .army-work__tp-T1 .work-name__2BG5m, .army-work__tp-T1 .nickname__3XbTj, .army-work__tp-T1 .data-item__wgo22 { color: #ffffff; } .army-work__tp-T1 .work-name__2BG5m:hover, .army-work__tp-T1 .nickname__3XbTj:hover { color: #60fff7; } .army-work__tp-T1 .user-link__WFam0:hover .nickname__3XbTj { color: #60fff7; } .studioIconBoxOuter__Ek_X6 { position: absolute; top: 8px; right: 8px; z-index: 1; padding-bottom: 10px; } .studioIconBoxOuter__Ek_X6:hover .studioIcon__2SS6h { color: #ff9900; } .studioIconBoxOuter__Ek_X6:hover .toolTipBox__ni9QM { display: block; } .studioIconBox__1BWG1 { display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; background: rgba(0, 0, 0, 0.5); box-shadow: 0px 2px 4px 0px rgba(174, 104, 0, 0.1); border-radius: 50%; cursor: pointer; } .toolTipBox__ni9QM { position: absolute; z-index: 20; top: 16px; left: -165px; display: none; text-align: left; background: #fffbee; transition: all 0.2s ease-in-out; } .toolTipBox__ni9QM .tooltipArrowBig__3Satl { position: absolute; left: 176px; top: 13px; z-index: 0; display: inline-block; border-top: 5px transparent dashed; border-left: 6px transparent dashed; border-bottom: 6px #ffeba6 dashed; border-right: 6px transparent solid; } .toolTipBox__ni9QM .tooltipArrow__3f8Yw { position: absolute; left: 178px; top: 15px; z-index: 1; display: inline-block; border-top: 4px transparent dashed; border-left: 4px transparent dashed; border-bottom: 4px #fffbee dashed; border-right: 4px transparent solid; } .toolTipBox__ni9QM .tooltipBody__1vuwy { display: flex; position: absolute; top: 22px; padding: 10px; word-break: keep-all; margin: 0; border: 1px solid rgba(255, 199, 0, 0.3); background: #fffbee; color: #333333; box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.07); border-radius: 4px; width: 195px; height: 60px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .toolImgBox__1S1ZA { display: inline-block; margin-right: 8px; width: 40px; height: 40px; border-radius: 4px; } .toolImg__SIpqM { display: inline-block; margin-right: 8px; width: 40px; height: 40px; border-radius: 4px; } .toolRight__1G_q1 { display: inline-block; } .toolRightTitle__7J-It { display: block; margin: 0 0 2px 0; font-size: 14px; color: #333333; line-height: 20px; width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .toolRightText__2MQ_x { width: 118px; margin: 0; font-size: 12px; color: #666666; } .toolComposeNum__u4gIB { margin-right: 16px; } .studioIcon__2SS6h { color: #ffffff; } @media all and (max-width: 1600px) { .dispalyNone__2XFbq { display: none; } } .top-container__W0kS_ { height: 187px; position: relative; display: flex; justify-content: center; min-width: 1248px; } .reportOut__1sRDj { width: 1168px; height: 100%; position: relative; } .reportBack__2wtGH { width: 20px; height: 20px; border-radius: 20px; position: absolute; top: -32px; right: 0; z-index: 2; line-height: 20px; text-align: center; cursor: pointer; } .reportIcon__3xmqT { color: #ffffff; font-size: 12px; display: inline-block; width: 20px; height: 20px; border-radius: 6px; background: rgba(0, 0, 0, 0.3); font-weight: bold; } .reportIconInner__3Wkj7 { transform: scale(0.7); display: inline-block; } .reportBtn__30Pig { display: block; width: 48px; height: 24px; line-height: 24px; text-align: center; background: #ffffff; box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.08); position: absolute; right: -16px; bottom: -35px; color: #999999; display: none; transform: translateY(-12px); } .reportBtn__30Pig:hover { color: #2d8fff; } .reportBack__2wtGH:hover .reportIcon__3xmqT { background: rgba(0, 0, 0, 0.5); } .reportBack__2wtGH:hover .reportBtn__30Pig { display: block; } .back-imgae-out__Jroq6 { max-width: 100%; height: 187px; overflow: hidden; } .back-image__3iYab { width: 1920px; height: 187px; } .avatar-back__3Clgs { position: absolute; top: -169px; left: -126px; } .avatar-image__332do { position: relative; top: -29px; left: 40px; height: 128px; border-radius: 50%; color: #3caaff; background: #ffffff; padding: 8px; } .avatar-image__332do img { width: 112px; height: 112px; border-radius: 50%; } .avatar-image__332do .headDecoration__3FOFH { width: 185px; height: 185px; position: absolute; border-radius: initial; top: 50%; left: 50%; transform: translate(-50%, -50%); } .avatar-image__332do .avatarImageLogo__3jnAH { width: 40px; height: 40px; position: absolute; bottom: 0px; right: 6px; } .avatar-image__332do .talentCode__3C4u0 { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzdweCIgaGVpZ2h0PSIzMnB4IiB2aWV3Qm94PSIwIDAgMzcgMzIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU3ICg4MzA3NykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+5a6YduWkh+S7vTwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSLpppbpobUiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSLmiJHnmoTkuLvpobUt5Lqk5LqSIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjA1LjAwMDAwMCwgLTMzMS4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9IuWumHblpIfku70iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIwNy4wMDAwMDAsIDMzMy4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSLnvJbnu4QiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCAwLjAyMjE2MCkiIGZpbGw9IiM0RDk3RkYiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIyIj4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMjQuODg3Mjk1NSwtMC4zMzMzMDUyNjMgTDI0Ljk0NDU5NDgsLTAuMzMzMzA1MjYzIEwyNS4yNDMzMjcsMC4wMDcxNzA1ODM2OSBMMzIuOTc3ODM4Myw4LjgyMjQ3MSBDMzMuOTUwNTgyLDkuOTMxOTM3NCAzMy45MjA3ODE2LDExLjU5ODk2MiAzMi45MDkwMDY5LDEyLjY3MzIyMyBMMTguNDI3NjcxNSwyOC4wNDYwMzc0IEMxNy44ODY3MDU1LDI4LjYyMDA1MzYgMTcuMTMyODI1OCwyOC45NDU0MDgyIDE2LjM0MzkxNjYsMjguOTQ1NDA4MiBDMTUuNTU1MjQ4NiwyOC45NDU0MDgyIDE0LjgwMTQxMDYsMjguNjIwMDMzMSAxNC4yNjAyNTA0LDI4LjA0NTg5OTkgTC0wLjIyMDk5NDM1OSwxMi42NzQxMDk1IEMtMS4yMzI3MTk0NSwxMS41OTk5Nzk5IC0xLjI2MjUyMzQxLDkuOTMyNjU1OTQgLTAuMjg5NTMyMjEsOC44MjMxNzA4MiBMNy40NDQ5MTM5LDAuMDA3MDE2ODc2MzUgQzcuOTg4Njg2NzUsLTAuNjEyNDg0OTg1IDguNzczMjA5OTEsLTAuOTY3NTkwMDE4IDkuNTk3NjYzMTYsLTAuOTY3NTkwMDE4IEwyMy4wOTA0NDI5LC0wLjk2NzU5MDAxOCBDMjMuNzQ5MTMxMywtMC45Njc1OTAwMTggMjQuMzgyMTMyOCwtMC43NDA2NTcxNzcgMjQuODg3Mjk1NSwtMC4zMzMzMDUyNjMgWiIgaWQ9IkZpbGwtMSI+PC9wYXRoPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTExLjM0NTQ3OTksMi41NTIwMTE1OSBDMTAuOTIzNzMzMywyLjU1MjAxMTU5IDEwLjUyMjQ1NDYsMi43MzM2MDIzNCAxMC4yNDQzNjQ5LDMuMDUwNDQ0NDQgTDQuMTY2MjkwODQsOS45Nzg1MDY4MiBDMy42Njg4NDA1NSwxMC41NDU4MjA3IDMuNjg0MDY4NjIsMTEuMzk4NTM4IDQuMjAxNDQwOTQsMTEuOTQ3Nzg1NiBMMTUuNTgxNjY3MSwyNC4wMjc4NDggQzE1Ljg1ODMzNzYsMjQuMzIxMzg0IDE2LjI0Mzg0MjUsMjQuNDg3ODAxMiAxNi42NDcyNDk5LDI0LjQ4NzgwMTIgQzE2LjY0NzI0OTksMjQuNDg3ODAxMiAxNi42NDcyNDk5LDI0LjQ4NzgwMTIgMTYuNjQ3MjQ5OSwyNC40ODc4MDEyIEwxNi42NDcyNDk5LDIuNTUyMDExNTkgTDExLjM0NTQ3OTksMi41NTIwMTE1OSBaIiBpZD0iRmlsbC0zIiBmaWxsPSIjNjlBREZCIj48L3BhdGg+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTYuNjQ3MzQyNywxMi43NTg0ODExIEwxMy44NTI2MzcsOS45NjQwNDgzNCBDMTMuMzM4MTU3NSw5LjQ0OTUxNDIzIDEyLjUwNDEwNjgsOS40NDk1MTQyMyAxMS45ODk2MjczLDkuOTY0MDQ4MzQgQzExLjQ3NTE0NzgsMTAuNDc4NDczMyAxMS40NzUxNDc4LDExLjMxMjU3ODYgMTEuOTg5NjI3MywxMS44MjcwMDM1IEwxNS43MTU4NjUxLDE1LjU1MzE4NjcgQzE1Ljk2MjczNDUsMTUuODAwMjc0NSAxNi4yOTc5MTU4LDE1LjkzOTA3MzcgMTYuNjQ3MzQyNywxNS45MzkwNzM3IEMxNi45OTY0OTY3LDE1LjkzOTA3MzcgMTcuMzMxNzMyNiwxNS44MDAyNzQ1IDE3LjU3ODc2NTcsMTUuNTUzMTg2NyBMMjEuMzA0ODM5OCwxMS44MjcwMDM1IEMyMS44MTkzMTkzLDExLjMxMjU3ODYgMjEuODE5MzE5MywxMC40Nzg0NzMzIDIxLjMwNDgzOTgsOS45NjQwNDgzNCBDMjAuNzkwMzYwMiw5LjQ0OTUxNDIzIDE5Ljk1NjMwOTYsOS40NDk1MTQyMyAxOS40NDE4Myw5Ljk2NDA0ODM0IEwxNi42NDczNDI3LDEyLjc1ODQ4MTEgWiIgaWQ9IkZpbGwtNSIgZmlsbD0iI0ZGRkZGRiI+PC9wYXRoPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=) no-repeat center; } .avatar-image__332do .talentTeacher__2BomW { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzdweCIgaGVpZ2h0PSIzMnB4IiB2aWV3Qm94PSIwIDAgMzcgMzIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU3ICg4MzA3NykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+6K6y5biI6K6k6K+B5aSH5Lu9PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IummlumhtSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IuaIkeeahOS4u+mhtS3kuqTkupIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMDUuMDAwMDAwLCAtMjQwLjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0i6K6y5biI6K6k6K+B5aSH5Lu9IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMDcuMDAwMDAwLCAyNDIuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0i57yW57uEIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgMC4wMjIxNjApIiBmaWxsPSIjRkY5OTAwIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iMiI+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTI0Ljg4NzI5NTUsLTAuMzMzMzA1MjYzIEwyNC45NDQ1OTQ4LC0wLjMzMzMwNTI2MyBMMjUuMjQzMzI3LDAuMDA3MTcwNTgzNjkgTDMyLjk3NzgzODMsOC44MjI0NzEgQzMzLjk1MDU4Miw5LjkzMTkzNzQgMzMuOTIwNzgxNiwxMS41OTg5NjIgMzIuOTA5MDA2OSwxMi42NzMyMjMgTDE4LjQyNzY3MTUsMjguMDQ2MDM3NCBDMTcuODg2NzA1NSwyOC42MjAwNTM2IDE3LjEzMjgyNTgsMjguOTQ1NDA4MiAxNi4zNDM5MTY2LDI4Ljk0NTQwODIgQzE1LjU1NTI0ODYsMjguOTQ1NDA4MiAxNC44MDE0MTA2LDI4LjYyMDAzMzEgMTQuMjYwMjUwNCwyOC4wNDU4OTk5IEwtMC4yMjA5OTQzNTksMTIuNjc0MTA5NSBDLTEuMjMyNzE5NDUsMTEuNTk5OTc5OSAtMS4yNjI1MjM0MSw5LjkzMjY1NTk0IC0wLjI4OTUzMjIxLDguODIzMTcwODIgTDcuNDQ0OTEzOSwwLjAwNzAxNjg3NjM1IEM3Ljk4ODY4Njc1LC0wLjYxMjQ4NDk4NSA4Ljc3MzIwOTkxLC0wLjk2NzU5MDAxOCA5LjU5NzY2MzE2LC0wLjk2NzU5MDAxOCBMMjMuMDkwNDQyOSwtMC45Njc1OTAwMTggQzIzLjc0OTEzMTMsLTAuOTY3NTkwMDE4IDI0LjM4MjEzMjgsLTAuNzQwNjU3MTc3IDI0Ljg4NzI5NTUsLTAuMzMzMzA1MjYzIFoiIGlkPSJGaWxsLTEiPjwvcGF0aD4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMS4zNDU0Nzk5LDIuNTUyMDExNTkgQzEwLjkyMzczMzMsMi41NTIwMTE1OSAxMC41MjI0NTQ2LDIuNzMzNjAyMzQgMTAuMjQ0MzY0OSwzLjA1MDQ0NDQ0IEw0LjE2NjI5MDg0LDkuOTc4NTA2ODIgQzMuNjY4ODQwNTUsMTAuNTQ1ODIwNyAzLjY4NDA2ODYyLDExLjM5ODUzOCA0LjIwMTQ0MDk0LDExLjk0Nzc4NTYgTDE1LjU4MTY2NzEsMjQuMDI3ODQ4IEMxNS44NTgzMzc2LDI0LjMyMTM4NCAxNi4yNDM4NDI1LDI0LjQ4NzgwMTIgMTYuNjQ3MjQ5OSwyNC40ODc4MDEyIEMxNi42NDcyNDk5LDI0LjQ4NzgwMTIgMTYuNjQ3MjQ5OSwyNC40ODc4MDEyIDE2LjY0NzI0OTksMjQuNDg3ODAxMiBMMTYuNjQ3MjQ5OSwyLjU1MjAxMTU5IEwxMS4zNDU0Nzk5LDIuNTUyMDExNTkgWiIgaWQ9IkZpbGwtMyIgZmlsbD0iI0ZGQUUwMCI+PC9wYXRoPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTE2LjY0NzM0MjcsMTIuNzU4NDgxMSBMMTMuODUyNjM3LDkuOTY0MDQ4MzQgQzEzLjMzODE1NzUsOS40NDk1MTQyMyAxMi41MDQxMDY4LDkuNDQ5NTE0MjMgMTEuOTg5NjI3Myw5Ljk2NDA0ODM0IEMxMS40NzUxNDc4LDEwLjQ3ODQ3MzMgMTEuNDc1MTQ3OCwxMS4zMTI1Nzg2IDExLjk4OTYyNzMsMTEuODI3MDAzNSBMMTUuNzE1ODY1MSwxNS41NTMxODY3IEMxNS45NjI3MzQ1LDE1LjgwMDI3NDUgMTYuMjk3OTE1OCwxNS45MzkwNzM3IDE2LjY0NzM0MjcsMTUuOTM5MDczNyBDMTYuOTk2NDk2NywxNS45MzkwNzM3IDE3LjMzMTczMjYsMTUuODAwMjc0NSAxNy41Nzg3NjU3LDE1LjU1MzE4NjcgTDIxLjMwNDgzOTgsMTEuODI3MDAzNSBDMjEuODE5MzE5MywxMS4zMTI1Nzg2IDIxLjgxOTMxOTMsMTAuNDc4NDczMyAyMS4zMDQ4Mzk4LDkuOTY0MDQ4MzQgQzIwLjc5MDM2MDIsOS40NDk1MTQyMyAxOS45NTYzMDk2LDkuNDQ5NTE0MjMgMTkuNDQxODMsOS45NjQwNDgzNCBMMTYuNjQ3MzQyNywxMi43NTg0ODExIFoiIGlkPSJGaWxsLTUiIGZpbGw9IiNGRkZGRkYiPjwvcGF0aD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat center; } .avatar-image__332do .talentExpensive__Ho6vH { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzhweCIgaGVpZ2h0PSIzMHB4IiB2aWV3Qm94PSIwIDAgMzggMzAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU3ICg4MzA3NykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+57yW57uE5aSH5Lu9PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IummlumhtSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IuaIkeeahOS4u+mhtS3kuqTkupIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMDUuMDAwMDAwLCAtNDI0LjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0i57yW57uE5aSH5Lu9IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMDYuMDAwMDAwLCA0MjUuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMjcuNjk1NzE2NCw4LjMzODcxMjczIEwxOS4zNjMzNTI3LDAuNTgzMDAzNjM2IEMxOC41MjgxNTI3LC0wLjE5Mzk0MTgxOCAxNy4yMzQxMTY0LC0wLjE5Mzk0MTgxOCAxNi4zOTg5MTY0LDAuNTgzMDAzNjM2IEw4LjA2NjU1MjczLDguMzM4NzEyNzMgQzcuODM2MTUyNzMsOC41NTI3NDkwOSA3LjQ5ODQwNzI3LDguNjAyNDk0NTUgNy4yMTU2NDM2NCw4LjQ2NDM4NTQ1IEwzLjAyMDY2MTgyLDYuNDA1ODQgQzEuNDAwNjYxODIsNS42MTEyMjE4MiAtMC4zOTk5OTI3MjcsNy4wOTc2OTQ1NSAwLjA3ODQ4LDguODM3NDc2MzYgQzEuMzI0MDgsMTMuMzcyODIxOCAzLjIyMDI5ODE4LDIwLjI3OTU4NTUgNC4zMzIzNzA5MSwyNC4zMjQ2NzY0IEw0Ljc2MzcxNjM2LDI1Ljg5NzU0OTEgQzUuMDM4NjI1NDUsMjYuODk3Njk0NSA1Ljk0OTA5ODE4LDI3LjU5MDIwMzYgNi45ODY1NTI3MywyNy41ODY5NDI1IEwxNy44ODE0NjE4LDI3LjU1MzU0OTEgTDI4Ljc3NTA2MTgsMjcuNTg2OTQyNSBDMjkuODEyNTE2NCwyNy41OTAyMDM2IDMwLjcyMzY0MzYsMjYuODk3Njk0NSAzMC45OTg1NTI3LDI1Ljg5NzU0OTEgTDMxLjQzMDU1MjcsMjQuMzI0Njc2NCBDMzIuNTQxMzE2NCwyMC4yNzk1ODU1IDM0LjQzODE4OTEsMTMuMzcyODIxOCAzNS42ODM3ODkxLDguODM3NDc2MzYgQzM2LjE2MjI2MTgsNy4wOTc2OTQ1NSAzNC4zNjE2MDczLDUuNjExMjIxODIgMzIuNzQxNjA3Myw2LjQwNTg0IEwyOC41NDY2MjU1LDguNDY0Mzg1NDUgQzI4LjI2Mzg2MTgsOC42MDI0OTQ1NSAyNy45MjYxMTY0LDguNTUyNzQ5MDkgMjcuNjk1NzE2NCw4LjMzODcxMjczIiBpZD0iRmlsbC0xIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iMiIgZmlsbD0iI0ZBQzcwNiI+PC9wYXRoPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTE1LjExMjk5NjQsNS4yNDYyNDcyNyBMOS4wNzE1NDE4MiwxMC44NzAxMDE4IEM4LjkwNDYzMjczLDExLjAyNTIyOTEgOC42NTkxNzgxOCwxMS4wNjE4ODM2IDguNDUzNjUwOTEsMTAuOTYxMDgzNiBMNS40MTE5NzgxOCw5LjQ2ODA2NTQ1IEM0LjIzNzcyMzY0LDguODkyMDY1NDUgMi45MzE5MDU0NSw5Ljk3MDEwMTgyIDMuMjc4MTYsMTEuMjMyMDY1NSBDNC4xODIwODcyNywxNC41MjA1MDE4IDUuNTU2NjMyNzMsMTkuNTI4NDI5MSA2LjM2MzAzMjczLDIyLjQ2MjEwMTggTDYuNjc1OTA1NDUsMjMuNjAyOTc0NSBDNi44NzU1NDE4MiwyNC4zMjgyMTA5IDcuNTM1OTc4MTgsMjQuODMwMjQ3MyA4LjI4NzM5NjM2LDI0LjgyNzYzOTMgTDE2LjE4ODQxNDUsMjQuODA0MDY1NSBMMTYuNzY2Mzc4MiwyNC44MDYwMjkxIEwxNS4zMTkxNzgyLDUuMDg4NTAxODIgQzE1LjI0NzgzMjcsNS4xMzU2MjkwOSAxNS4xNzc3OTY0LDUuMTg2MDI5MDkgMTUuMTEyOTk2NCw1LjI0NjI0NzI3IiBpZD0iRmlsbC0zIiBmaWxsPSIjRkNEODA4Ij48L3BhdGg+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTguMjA0ODA3MywyMi42MjY4NTA5IEwyMy4yNzE2NDM2LDE1LjAyNjkyMzYgQzIzLjQ3MDYyNTUsMTQuNzI4NDUwOSAyMy4zOTAxMTY0LDE0LjMyMzk0MTggMjMuMDkxNjQzNiwxNC4xMjU2MTQ1IEMyMi45ODQ5NTI3LDE0LjA1NDI2OTEgMjIuODU5MjgsMTQuMDE2OTYgMjIuNzMwOTg5MSwxNC4wMTY5NiBMMTguNzQ3NDI1NSwxNC4wMTY5NiBMMTguNzQ3NDI1NSw5LjIzMjIzMjczIEMxOC43NDc0MjU1LDguODcyODg3MjcgMTguNDU2ODA3Myw4LjU4MjI2OTA5IDE4LjA5ODExNjQsOC41ODIyNjkwOSBDMTcuODgwODA3Myw4LjU4MjI2OTA5IDE3LjY3NzI0MzYsOC42OTA5MjM2NCAxNy41NTc0NjE4LDguODcxNTc4MTggTDEyLjQ5MDYyNTUsMTYuNDcxNTA1NSBDMTIuMjkxNjQzNiwxNi43NzA2MzI3IDEyLjM3MjE1MjcsMTcuMTczODMyNyAxMi42NzA2MjU1LDE3LjM3MjgxNDUgQzEyLjc3NzMxNjQsMTcuNDQzNTA1NSAxMi45MDIzMzQ1LDE3LjQ4MjEyMzYgMTMuMDMxMjgsMTcuNDgyMTIzNiBMMTcuMDE0ODQzNiwxNy40ODIxMjM2IEwxNy4wMTQ4NDM2LDIyLjI2NjE5NjQgQzE3LjAxNDg0MzYsMjIuNjI0ODg3MyAxNy4zMDU0NjE4LDIyLjkxNTUwNTUgMTcuNjY0MTUyNywyMi45MTU1MDU1IEMxNy44ODIxMTY0LDIyLjkxNTUwNTUgMTguMDg0MzcwOSwyMi44MDY4NTA5IDE4LjIwNDgwNzMsMjIuNjI2ODUwOSIgaWQ9IkZpbGwtNSIgZmlsbD0iI0ZGRkZGRiI+PC9wYXRoPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=) no-repeat center; } .bottom-container__3gpLV { background: rgba(255, 255, 255, 0.97); display: flex; justify-content: center; box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.07); width: 1270px; margin: 0 auto; border-radius: 8px; } .bottom-inner-container__25bkF { width: 100%; position: relative; display: flex; } .bottom-content__2u0Ff { margin-top: 32px; display: flex; width: 100%; } .contentLeft__3cyA9 { padding-top: 60px; width: 146px; display: flex; justify-content: center; } .contentRight__2BWjh { display: flex; justify-content: space-between; width: 100%; margin-left: 24px; } .button__369-x { width: 108px; height: 36px; border: none; border-radius: 18px; outline: none; text-align: center; font-size: 16px; cursor: pointer; } .follow-btn__TvhQY { color: #ffffff; background: #ff9900; } .follow-btn__TvhQY:hover { opacity: 0.8; } .setBtn__2rJBu { border: 1px solid #e0e0e0; color: #999999; background: #ffffff; } .setBtn__2rJBu:hover { background: #f9f9f9; } .setIcon__eYB8s { margin-right: 3px; } .nickName__mUW33 { color: #333333; font-size: 20px; font-weight: bold; line-height: 20px; } .tagItem__fQXl7 { border-radius: 12px; font-size: 14px; margin-right: 8px; padding: 0px 8px; } .maleTag__78Xs0 { border: 1px solid #91c5ff; color: #2d8fff; background: rgba(145, 197, 255, 0.2); } .femaleTag__U4-7J { background: rgba(255, 185, 0, 0.1); border: 1px solid #ffe7c4; color: #ff9900; } .privateBox__2CpiJ { display: flex; align-items: center; min-height: 35px; } .privateBox__2CpiJ .privateSig__1V1Lz { color: #666666; font-size: 14px; margin-left: 30px; width: 722px; box-shadow: none; min-width: 500px; } .privateBox__2CpiJ .privateSig__1V1Lz input { box-shadow: none; border-radius: 0; } .privateBox__2CpiJ .privateSigNoInput__1vOhM { color: #666666; font-size: 14px; margin-left: 30px; max-width: 722px; box-shadow: none; } .privateBox__2CpiJ .privateMain__3fdg1 { position: relative; } .privateBox__2CpiJ .privateLeng__2FC_G { position: absolute; right: 6px; bottom: 6px; } .privateBox__2CpiJ .privateTextarea__1O6rP { resize: none; padding-right: 55px; } .privateBox__2CpiJ .editAutograph__PQVdm { width: 20px; height: 20px; color: #a2a1a6; margin-left: 6px; cursor: pointer; } .privateBox__2CpiJ .editAutograph__PQVdm:hover { color: #67696d; } .staticNumb__36jpM { display: flex; } .staticNumbItem__e-xf4 { margin-left: 46px; cursor: default; } .staticNumbItem__e-xf4 p { cursor: default; } .topNumber__AqPye { color: #333333; font-size: 20px; font-weight: bold; min-width: 30px; text-align: center; margin-bottom: 0px; display: inline-block; } .numberTitle__wdS5Z { color: #999999; font-size: 14px; text-align: center; cursor: pointer; } .genderIcon__nz9pf { font-size: 12px; display: inline-block; transform: translateY(-1px); } .nickNameOut__2jUum { display: flex; position: relative; margin-left: 30px; margin-bottom: 10px; } .StarOut__N6eLc { position: relative; width: 20px; height: 20px; margin-left: 8px; transform: translateY(2px); } .studioRemark__256LV { margin-left: 10px; padding: 0 9px; height: 21px; line-height: 21px; background: linear-gradient(113deg, #ff5b35 0%, #ffc852 100%); border-radius: 11px; color: #ffffff; font-size: 12px; cursor: pointer; } .studioRemark__256LV:hover { background: linear-gradient(113deg, rgba(255, 91, 53, 0.8) 0%, rgba(255, 200, 82, 0.8) 100%); } .followBtnBox__9kj-7 { float: right; margin-top: 10px; } .rightInfo__1TG9I { margin-right: 40px; } .medalBox__3uScJ { margin-left: 22px; margin-top: 10px; line-height: 44px; margin-bottom: 24px; } .medalBox__3uScJ img { width: 44px; height: 44px; } .medalItem__cL3OO { display: flex; } .medalItem__cL3OO .medalItemIcon__2iXoH { display: flex; align-items: center; width: 76px; border-right: 1px solid #e0e0e0; } .medalItem__cL3OO .medalItemIcon__2iXoH img { width: 64px; height: 64px; } .medalItem__cL3OO .medalItemRight__2ddxH { padding-left: 10px; padding-right: 4px; } .medalItem__cL3OO .medalItemRight__2ddxH div { margin-bottom: 5px; } .medalItem__cL3OO .medalItemRight__2ddxH div:first-child { font-weight: 600; } .medalItem__cL3OO .medalItemRight__2ddxH div:last-child { color: #999; margin-bottom: 0; } @media all and (max-width: 1600px) { .bottom-container__3gpLV { width: 1020px; } .privateBox__2CpiJ .privateSig__1V1Lz { width: 500px; } .privateBox__2CpiJ .privateSigNoInput__1vOhM { max-width: 500px; } } .ant-input__2OkPG:focus { outline: none; box-shadow: none; } .proStarBoxCommon__iVfCR { display: flex; align-items: center; justify-content: center; position: absolute; right: 0; bottom: 0; border-radius: 50%; background: linear-gradient(113deg, #ff5b35 0%, #ffc852 100%); border: 1px solid #ffffff; color: #ffffff; } .proStarBox__1W4X7 { width: 16px; height: 16px; right: -1px; } .proStarBoxSmall__3RbEq { width: 12px; height: 12px; right: -1px; bottom: -1px; } .proStarBoxLarge__DYULE { width: 24px; height: 24px; border: 2px solid #ffffff; } .proStarCommon__FWFvF { display: inline-flex; justify-content: center; align-items: center; width: 100%; height: 100%; } .proStar__3PXOg { font-size: 14px; transform: scale(0.7); } .proStarSmall__H82Ra { font-size: 18px; transform: scale(0.4); } .proStarLarge__N1bGo { font-size: 20px; transform: scale(0.67); } .loading-kid-container__sYmpl { width: 100%; display: flex; align-items: center; justify-content: center; min-height: 500px; } .loading-kid-img__yiHzg { width: 56px; height: 56px; } .competitionDetailContainer__34Iax { position: relative; background: #ff721c; min-width: 1248px; text-align: center; margin: 0 auto; padding-bottom: 84px; } .banner__Sv67p { width: 100%; min-width: 1248px; } .workBoxShadowTop__2MjRI { position: relative; z-index: 2; margin: 56px auto 0; width: 1207px; background: #fffaf1; border-radius: 7px; box-shadow: 16px -16px 0 #f06513; } .workBoxShadowBottom__1gmK_ { position: relative; z-index: 2; width: 1207px; background: #fffaf1; border-radius: 7px; box-shadow: 16px 16px 0 #f06513; } .workBox__3GPLi { position: relative; z-index: 2; margin: 0 auto; width: 1207px; padding-left: 16px; background: #fffaf1; border: 3px solid #ffb243; } .workBoxTab__3hnzD { display: flex; justify-content: space-between; padding: 16px 16px 0 0; color: #666666; margin-bottom: 8px; } .workBoxTab__3hnzD .right__2UBnM { display: inline-block; } .workBoxTab__3hnzD .right__2UBnM .tab__2W2kS { cursor: pointer; color: #666666; } .workBoxTab__3hnzD .right__2UBnM .tab__2W2kS:hover { color: #ff6700; } .workBoxTab__3hnzD .right__2UBnM .hot__1LN2t { margin-right: 16px; } .workBoxTab__3hnzD .right__2UBnM .tabActive__P9MYb { color: #ff6700; } .workEmpty__2mvCa { padding-top: 243px; padding-bottom: 257px; margin: 0 auto; text-align: center; width: 400px; } .workEmptyImg__1TmAV { margin: 0 auto; display: block; width: 251px; } .workEmptyText__2APno { font-size: 16px; color: #666; line-height: 22px; } .works__icM03 { display: flex; flex-wrap: wrap; text-align: left; } .paginationBox__14PW7 { margin: 0 auto; padding: 16px 0 40px; } .paginationBox__14PW7 .ant-pagination-prev:focus .ant-pagination-item-link { border-color: #5c77b8; color: #5c77b8; } .paginationBox__14PW7 .ant-pagination-prev:hover .ant-pagination-item-link { border-color: #5c77b8; color: #5c77b8; } .paginationBox__14PW7 .ant-pagination-next { border-color: #89a0d9; background: transparent; } .paginationBox__14PW7 .ant-pagination-next a { color: #89a0d9; } .paginationBox__14PW7 .ant-pagination-next:hover .ant-pagination-item-link { border-color: #5c77b8; color: #5c77b8; } .paginationBox__14PW7 .ant-pagination-next:focus .ant-pagination-item-link { border-color: #5c77b8; color: #5c77b8; } .paginationBox__14PW7 .ant-pagination-item-link { border-color: #89a0d9; color: #89a0d9; background: transparent; } .paginationBox__14PW7 .ant-pagination-item-link a { color: #89a0d9; } .paginationBox__14PW7 .ant-pagination-item { border-color: #89a0d9; background: transparent; } .paginationBox__14PW7 .ant-pagination-item a { color: #89a0d9; } .paginationBox__14PW7 .ant-pagination-item:hover { border-color: #5c77b8; } .paginationBox__14PW7 .ant-pagination-item:hover a { color: #5c77b8; } .paginationBox__14PW7 .ant-pagination-item-active { border-color: #5c77b8; background: transparent; } .paginationBox__14PW7 .ant-pagination-item-active a { color: #5c77b8; } .paginationBox__14PW7 .ant-pagination-disabled:hover .ant-pagination-item-link { border-color: #89a0d9; color: #89a0d9; background: transparent; } .paginationBox__14PW7 .ant-pagination-disabled:hover .ant-pagination-item-link a { color: #89a0d9; } .footerArrowBox__1tpO_ { position: fixed; bottom: 12px; left: 50%; z-index: 12; transform: translateX(-50%); } .footerArrow__1q7km { display: block; -webkit-animation: arrowPlay__mr0rM 1s both linear infinite; animation: arrowPlay__mr0rM 1s both linear infinite; opacity: 0.6; width: 50px; } @-webkit-keyframes arrowPlay__mr0rM { 0% { opacity: 1; } 100% { opacity: 0.2; } } @keyframes arrowPlay__mr0rM { 0% { opacity: 1; } 100% { opacity: 0.2; } } .table__1eNFP { width: 1072px; margin: 0 auto; border: solid 1px #ffa36a; font-size: 18px; margin-bottom: 20px; color: #333; border-radius: 5px; } .table__1eNFP thead { font-weight: 600; background: #ffb282; color: #fff; } .table__1eNFP tbody tr { background: #fffaf1; } .table__1eNFP tbody tr:last-child td { border-bottom: none; } .table__1eNFP td { padding: 16px; border-right: solid #ff721c 1px; border-bottom: solid #ffa36a 1px; } .table__1eNFP td:last-child { border-right: none; } .table__1eNFP tbody tr:nth-child(2n) { background: #ffe6d7; } .tabs__h00DC { display: flex; justify-content: center; margin-bottom: 24px; } .tab__1w8yO { padding: 0 20px; height: 40px; font-size: 18px; display: inline-flex; align-items: center; color: #ff721c; cursor: pointer; } .tabActive__2qZZU { background: #ff721c; color: #fff; } .tabsWrap__36prj { border: solid #ff721c 1px; border-radius: 5px; overflow: hidden; margin: 0 auto; } .intro__156vY { font-weight: 600; font-size: 18px; text-align: center; color: #333; margin: 32px 24px; } .toolTipBox__8RVbu { position: absolute; z-index: 20; top: 40px; display: block; background: #fffbee; cursor: default; } .toolTipBox__8RVbu .tooltipArrowBig__X3GKH { position: absolute; left: 17px; top: 12px; z-index: 1; display: inline-block; border-top: 5px transparent dashed; border-left: 6px transparent dashed; border-bottom: 6px rgba(255, 199, 0, 0.3) dashed; border-right: 6px transparent solid; } .toolTipBox__8RVbu .tooltipArrow__3BW22 { position: absolute; left: 19px; top: 15px; z-index: 2; display: inline-block; border-top: 4px transparent dashed; border-left: 4px transparent dashed; border-bottom: 4px #fffbee dashed; border-right: 4px transparent solid; } .toolTipBox__8RVbu .tooltipBody__VROBq { position: absolute; top: 22px; left: -1px; padding: 10px; word-break: keep-all; margin: 0; border: 1px solid rgba(255, 199, 0, 0.3); background: #fffbee; color: #666666; box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.07); border-radius: 4px; width: 195px; height: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; font-size: 12px; } .position__2TxR0 { margin: 0; } .nickname__3-dns { display: block; margin: 0; font-size: 14px; color: #333333; line-height: 20px; max-width: 112px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-decoration: none; } .nickname__3-dns:hover { color: #2d8fff; } .line__3j0aa { display: inline-block; width: 100%; height: 1px; background: rgba(255, 199, 0, 0.3); } .numBox__1NZXr { margin: 6px 0 0; } .fans__3AMuV { margin-left: 16px; } .toolTipBox__8RVbu .toolFollowBtn { position: absolute; z-index: 5; top: 32px; right: -186px; width: 54px; height: 24px; font-size: 12px; line-height: 24px; border-radius: 30px; } .toolTipBox__8RVbu .toolFollowBtn2 { position: absolute; z-index: 5; top: 32px; right: -186px; height: 24px; font-size: 12px; line-height: 24px; border-radius: 30px; } .modal-ele__2vZLB { position: relative; } .mask__AZETf { position: fixed; top: 0; right: 0; left: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); height: 100%; z-index: 1001; } .modal-container__OM_9q { position: fixed; overflow: auto; top: 0; right: 0; bottom: 0; left: 0; z-index: 1002; display: flex; align-items: center; justify-content: center; } .modal-content-box__2MbtB { padding: 32px 75px 24px; width: 440px; box-sizing: border-box; display: flex; align-items: center; flex-direction: column; position: relative; background: #ffffff; border-radius: 8px; } .modal-content-box__2MbtB.contribute-modal__1IU38 { width: 508px; padding: 32px 48px 24px; } .close-icon__1JM0p { font-size: 16px; width: 16px; height: 16px; color: #999999; position: absolute; top: 24px; right: 24px; cursor: pointer; } .tip-content__3tq2e { display: flex; line-height: 25px; } .tip-icon__3f5V1 { font-size: 20px; width: 20px; height: 20px; color: #ff5b35; margin: 0 8px 0 0; font-weight: 600; } .tip-title__SxRwN { font-size: 18px; line-height: 25px; color: #333333; font-weight: 600; margin: 0; } .modal-content__3UrET { font-size: 16px; line-height: 24px; word-break: break-all; word-break: break-word; white-space: pre-wrap; word-wrap: break-word; margin: 16px 0 40px; text-align: center; } .confirm-btn__1-r7q { display: flex; } .btn-item__3bqAO { width: 100px; height: 36px; line-height: 36px; border-radius: 4px; border: 1px solid #2d8fff; text-align: center; background: #2d8fff; cursor: pointer; color: #ffffff; } .btn-text__2cMv9 { font-size: 16px; line-height: 22px; } .left-btn__1dFQq { margin-right: 24px; background: #ffffff; color: #2d8fff; } .left-btn__1dFQq:hover { background: rgba(45, 143, 255, 0.1); } .right-btn__trelI:hover, .info-btn__1j-9t:hover { background: rgba(45, 143, 255, 0.9); } .microphone__zfFKe { transform: scale(1.6); margin-right: 8px; } .green__eLnF4 { fill: rgb(171, 220, 170); stroke: rgb(174, 211, 168); } .yellow__3zQh- { fill: rgb(251, 219, 130); stroke: rgb(239, 212, 134); } .red__4iWo0 { fill: rgb(251, 194, 142); stroke: rgb(235, 189, 142); } /* svg color */ .yellow__3zQh-, .yellow__3zQh- path { fill: #ffc46a; stroke: transparent; } .gray__3eTRt, .gray__3eTRt path { fill: #e0e0e0; stroke: transparent; } .mask-container__FgWXc { position: relative; display: flex; align-items: center; } .mask__3rSWJ { position: absolute; top: 0; left: 0; height: 100%; width: 100%; transform-origin: top; will-change: transform; background: #e5f0ff; opacity: 0.75; } .meter-container__K6fi7 { display: flex; align-items: baseline; justify-content: center; margin-top: 16px; } .status-bar__zcg3V { display: flex; align-items: center; justify-content: space-between; background: #434343; padding: 0 16px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* 左上角scratch音频指示 */ .base-icon__1hnrq:hover { fill: #f79903; } .scratch-audio__EVXIx { fill: #eeeeed; } /* 禁用状态 */ .scratch-audio__EVXIx[data-disabled="true"] { fill: #bdbdbd; cursor: not-allowed; } .status__8tfLY { line-height: 34px; color: #bdbdbd; font-size: 14px; } .status__8tfLY:before { content: ""; width: 10px; height: 10px; border-radius: 50%; display: inline-block; margin-right: 4px; background: #bdbdbd; } .pending__31p68 { } .recording__1wevP { color: #ff5b35; } @-webkit-keyframes b-ling__OkPqR { 0% { opacity: 1; } 50% { opacity: 0; } } @keyframes b-ling__OkPqR { 0% { opacity: 1; } 50% { opacity: 0; } } .recording__1wevP:before { background: #ff5b35; -webkit-animation-name: b-ling__OkPqR; animation-name: b-ling__OkPqR; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-timing-function: steps(1); animation-timing-function: steps(1); -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .preparing__2VqYh { color: #bdbdbd; } .finished___EM1q { } .media-container__3DvK8 { margin-right: 16px; overflow: hidden; } .hidden-media__5B9ok { position: absolute; left: 0; top: 0; z-index: -1; } .video-wrapper__2mIGh { background: #434343; padding: 0 16px 16px; display: block; } .video__1gkse { background: #434343; outline: 0; max-width: 100%; max-height: 100%; } .video-preview__3yvuf { display: flex; align-items: center; width: 400px; height: 344px; } .video-preview__3yvuf video::-webkit-media-controls-timeline { display: none; } .scratch-wrapper__205nO { background: #000; width: 400px; height: 344px; position: relative; } .prepare-overlay__BhL-J { position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.4); width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; z-index: 100; } .prepare-tip__1SnYn { font-size: 72px; line-height: 91px; color: #fff; } .control-label__3X1Ub { display: flex; align-items: center; } .controls-container__9p_Oh { display: flex; flex-direction: column; justify-content: space-between; margin-bottom: 35px; } .microphone-disabled__1txK6 { display: flex; color: #bdbdbd; font-size: 12px; line-height: 36px; height: 24px; margin-top: 10px; } .controls-wrapper__30Whp { margin-top: 34px; min-width: 216px; background: #f9f9f9; border: 1px solid #e0e0e0; padding: 3px; display: flex; align-items: center; padding: 16px; } .control-label__3X1Ub .label__WQQ9h { display: inline-block; text-align: right; } .content-container__1igWc { display: flex; } .modal-title__3jlmR { position: relative; color: #333; font-size: 22px; margin: 0; display: flex; align-items: center; } .footer__2vnns { display: flex; justify-content: space-between; align-items: center; } .footer-hint__1H9zG { color: #333333; font-size: 14px; } .footer-hint__1H9zG[disabled] { color: #999; } .save-record__3u7uC { width: 216px; background: #2d8fff; border-radius: 4px; padding: 8px 0px; font-size: 16px; line-height: 20px; border: 0; color: #fff; outline: 0; cursor: pointer; } .save-record__3u7uC:disabled { color: #999999; background: #efefef; cursor: not-allowed; } /* modal 样式覆盖 */ .record-modal-wrap__2ALFY .ant-modal-header { padding: 28px 32px 16px; } .record-modal-wrap__2ALFY .ant-modal { display: inline-block; } .record-modal-wrap__2ALFY .ant-modal-body { padding: 32px 32px 0; } .record-modal-wrap__2ALFY .ant-modal-footer { padding: 15px 32px 24px; } .loading-modal-wrap__2e6Gu { } .loading-modal-wrap__2e6Gu .ant-modal-content { background: rgba(0, 0, 0, 0.4); } /* 时间进度 */ .record-progress__-tgLn { position: relative; height: 6px; margin-bottom: 35px; } .hidden-record-progress__MZ2Lj { visibility: hidden; } .record-progress__-tgLn .ant-progress { display: block; line-height: 0; } .record-progress__-tgLn .ant-progress-bg { height: 6px !important; } .record-progress__-tgLn .ant-progress-inner { background: #ececec; } .record-mark__1l_X0 { position: absolute; top: 0; display: inline-flex; transform: translateX(-100%); } .record-mark__1l_X0:after { content: ""; width: 1px; background: #ed8e00; display: block; height: 6px; } .mark-tip__3iCCs { transform: translate(50%, 6px); margin-top: 4px; color: #999; font-size: 12px; line-height: 15px; } .record-mark__1l_X0 + .record-mark__1l_X0 .mark-tip__3iCCs { transform: translate(0, 6px); } /* 录制按钮 base */ .action-button__Qnp0S { display: flex; margin-bottom: 22px; justify-content: center; align-items: center; width: 216px; background: #fff; outline: 0; cursor: pointer; padding: 7px 11px; border-radius: 4px; font-size: 16px; line-height: 20px; border: 1px solid transparent; } /* danger */ .action-button__Qnp0S svg { margin-left: 6px; } /* 录制中 */ .recording-button__fRtdl { cursor: not-allowed; color: #999; background: #f6f6f6; } /* 开始录制 */ .record-button__4VAQV { color: #fff; background: #ff9900; } .record-button__4VAQV:hover { background: rgba(255, 153, 0, 0.8); } .record-button__4VAQV svg { fill: #fff; } /* 重新录制 */ .restart-button__2uAQ2 { color: #ff9900; border-color: #ff9900; } .restart-button__2uAQ2 svg { fill: #ff9900; } .restart-button__2uAQ2:hover { background: #ff9900; color: #fff; } .restart-button__2uAQ2:hover svg { fill: #fff; } .record-button__4VAQV:disabled, .restart-button__2uAQ2:disabled { color: #999; background: #f6f6f6; cursor: not-allowed; border-color: transparent; } .record-button__4VAQV:disabled svg, .restart-button__2uAQ2:disabled svg { fill: #999; } .end-button__2C-1T { color: #999999; border: 1px solid #bdbdbd; } .end-button__2C-1T:hover { background: #f6f6f6; } .end-button__2C-1T .recording-icon__24JfW { display: block; border-radius: 50%; width: 14px; height: 14px; background: #ff5b35; margin-left: 6px; } /* tooltip */ .tooltip-container__XkIQJ { display: inline-flex; position: relative; } .tooltip-wrapper__nSzb3 { /* position: absolute; */ top: -16px; left: 0; /* transform: translateY(-100%); */ } .tooltip-icon__knKIb { position: absolute; top: 30px; left: 0; transform: translateY(-100%); } .tooltip-content__XdAbf { padding: 10px 12px; font-size: 14px; line-height: 22px; background: #ffffff; position: relative; } .tooltip-placeholder__241lI { margin-bottom: 13px; } .start-popover__3FAHb { width: 216px; } .start-popover__3FAHb .ant-popover-inner-content { padding: 0; position: relative; background: #fff; } .start-tooltip__f8flO { width: 206px; } .re-record-tooltip__3himw { width: 145px; padding: 10px 23px; } /* 离开确认提示样式覆盖 */ .leave-prompt-overlay__LncGN { width: 242px; } .leave-prompt-overlay__LncGN .ant-popover-inner-content { text-align: center; } .restart-prompt-overlay__1ypta { width: 216px; } .leave-prompt-anchor__20M7a { position: absolute; right: -24px; } .prompt-controls__1NFRy { margin-top: 24px; display: flex; justify-content: center; align-items: center; } .prompt-controls__1NFRy .ant-btn + .ant-btn { margin-left: 20px; } .contribute-succeed-box__2kLft { position: relative; } .mask__2gWIe { position: fixed; top: 0; right: 0; left: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); height: 100%; z-index: 299; } .succeed-container__3pq3R { position: fixed; overflow: auto; top: 0; right: 0; bottom: 0; left: 0; z-index: 300; display: flex; align-items: center; justify-content: center; } .succeed-content-box__2VKQB { box-sizing: border-box; position: relative; display: flex; flex-direction: column; align-items: center; } .succeed-img__2xNa- { width: 164px; height: 283px; } .succeed-box__CSFM_ { z-index: 1; margin-top: -104px; width: 440px; padding: 24px 48px; background: #ffffff; border-radius: 8px; display: flex; align-items: center; flex-direction: column; position: relative; } .close-icon__1UraV { font-size: 16px; width: 16px; height: 16px; color: #999999; position: absolute; top: 24px; right: 24px; cursor: pointer; } .succeed-title__3-Gd9 { width: 202px; height: 37px; } .succeed-tips__BROwE { font-size: 14px; line-height: 20px; color: #999999; margin: 16px 0 32px; } .btn-item__12Y6p { height: 36px; border-radius: 4px; border: 1px solid #2d8fff; display: flex; align-items: center; cursor: pointer; } .btn-text__3syKy { font-size: 16px; line-height: 22px; } .info-btn__27OzT { padding: 0 26px; color: #ffffff; background: #2d8fff; } .info-btn__27OzT:hover { background: rgba(45, 143, 255, 0.9); } .shareBarBox__1_HeT { width: 122px; position: fixed; z-index: 5; top: 50%; right: 24px; transform: translateY(-50%); background: #ffffff; border: 5px solid #ff8957; border-radius: 16px; } @media all and (max-width: 1200px) { .shareBarBox__1_HeT { display: none; } } .shareBarBoxMove__1wF8L { right: 41px; } .shareImg1__1J5gU { width: 75px; position: absolute; top: -70px; left: 21px; } .shareImg2__1eCQF { width: 75px; position: absolute; top: -10px; left: 26px; } .shareText__1dCc0 { width: 112px; margin: 12px auto 0; display: block; font-size: 18px; font-weight: bold; color: #ff8957; line-height: 28px; text-align: center; cursor: pointer; } .shareText__1dCc0:hover { color: #dc6e40; } .shareTextActive__iu8tA { color: #dc6e40; } .shareTextHidden__1ZJno { display: none; } .wxBox__tj_M2 { position: relative; width: 130px; margin-left: -10px; } .wxBox__tj_M2:hover .qrcodeBox__3Id-O { display: block; } .wxBox__tj_M2 .shareText__1dCc0 { display: block; width: 112px; padding-bottom: 16px; border-bottom: 1px solid #ff8957; } .qrcodeBox__3Id-O { display: none; position: absolute; top: -55px; left: -127px; padding: 10px 8px 6px; border: 5px solid #ff8957; border-radius: 10px; background: #ffffff; } .backTop__3m6u4 { display: block; font-size: 29px; margin: 2px auto 6px; text-align: center; color: #ff8957; cursor: pointer; } .report-mask__lTmaJ { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 300; background: rgba(0, 0, 0, 0.5); } .report-mask-inner__3sMJt { position: absolute; padding: 32px; box-sizing: border-box; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 576px; border-radius: 8px; background: #ffffff; } .report-mask-inner__3sMJt .close-icon__ier61 { position: absolute; display: inline-block; width: 20px; height: 20px; top: 24px; right: 20px; color: #999999; font-size: 12px; cursor: pointer; } .report-title-box__2XXLt { max-width: 468px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 16px; line-height: 24px; } .report-title-box__2XXLt .report-title__32FqG { display: inline-block; color: #333333; font-size: 18px; font-weight: bolder; line-height: 24px; } .line__1__OD { width: 512px; height: 1px; background: #efefef; } .checkBox__hRUa- { padding-top: 16px; display: flex; flex-wrap: wrap; } .checkBox__hRUa- .inputBox__2Td4J { margin-top: 12px; width: 50%; color: #333333; } .checkBox__hRUa- .inputBox__2Td4J:nth-child(1), .checkBox__hRUa- .inputBox__2Td4J:nth-child(2) { margin-top: 16px; } .checkBox__hRUa- .inputBox__2Td4J .input__3oktP { background: red; } .checkBox__hRUa- .inputBox__2Td4J input[type="radio"] { width: 14px; height: 14px; background: rgba(45, 143, 255, 0.1); border: 1px solid #2d8fff; margin-right: 3px; } .inputTitle__1GpeO { position: relative; margin: 32px 0 12px 0; font-size: 14px; line-height: 14px; color: #666666; } .inputTitle__1GpeO .inputCircle__3Bxci { position: absolute; left: -10px; top: 5px; width: 4px; height: 4px; background: #ff5b35; border-radius: 50%; } .textArea__37Brq { margin-top: 8px; padding: 4px 8px 8px; resize: none; width: 512px; min-height: 48px; font-size: 12px; border-radius: 4px; background: #ffffff; border: 1px solid #e0e0e0; outline: none; color: #333333; } .textArea__37Brq:hover { border: 1px solid #40a9ff; } .whiteBack__3OUzT { border: 1px solid #40a9ff; background: #ffffff; } .textArea__37Brq::-webkit-input-placeholder { color: #bdbdbd; } .textArea__37Brq:-moz-placeholder { color: #bdbdbd; } .textArea__37Brq::-moz-placeholder { color: #bdbdbd; } .textArea__37Brq:-ms-input-placeholder { color: #bdbdbd; } .textAreaText__1HEBM { width: 512px; margin-bottom: 24px; text-align: right; height: 15px; font-size: 12px; color: #bdbdbd; line-height: 15px; } .textAreaText__1HEBM .num__3F6DO { color: #333333; } .textAreaText__1HEBM .redNum__3fDjM { color: #ff5b35; } .imgBox__1m44t { width: 512px; height: 145px; } .reportFooter__2as6Q { margin-top: 8px; height: 16px; font-size: 12px; color: #999999; line-height: 16px; } .btnBox__3xUx1 { width: 248px; margin: 32px auto 24px; display: flex; justify-content: space-between; } .btnBox__3xUx1 .btn__1Hpgu { cursor: pointer; width: 100px; padding: 0; height: 36px; line-height: 36px; border-radius: 4px; font-size: 16px; outline: none; border: none; } .btnBox__3xUx1 .submit__2pDza { color: #999999; background: #e0e0e0; cursor: pointer; } .btnBox__3xUx1 .canSubmit__GtqeB { color: #ffffff; background: #2d8fff; cursor: pointer; } .btnBox__3xUx1 .canSubmit__GtqeB:hover { background: rgba(45, 143, 255, 0.8); border-color: #2d8fff; color: #fff; } .btnBox__3xUx1 .cancel__25Osh { color: #2d8fff; background: #ffffff; border: 1px solid #2d8fff; cursor: pointer; } .btnBox__3xUx1 .cancel__25Osh:hover { background: rgba(45, 143, 255, 0.1); border: 1px solid #2d8fff; color: #2d8fff; } .successMask__3O8Cu { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 576px; height: 213px; border-radius: 8px; background: #ffffff; } .successMask__3O8Cu .close-icon__ier61 { position: absolute; z-index: 999; display: inline-block; width: 20px; height: 20px; top: 16px; right: 32px; text-align: center; color: #999999; font-size: 12px; cursor: pointer; } .xiaomajun__1Uz_8 { position: absolute; top: -17.5%; transform: translate(-50%, -50%); left: 50%; display: block; width: 164px; z-index: -1; } .reportSuccess__1SjE1 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 576px; height: 213px; background: #ffffff; border-radius: 8px; text-align: center; z-index: 200; } .reportSuccess__1SjE1 .sucImg__2Viqd { display: block; margin: 40px auto 16px; width: 180px; } .reportSuccess__1SjE1 .sucText__XQ4Y4 { margin-bottom: 40px; font-size: 14px; color: #999999; line-height: 20px; } .reportSuccess__1SjE1 .sucBtn__3VLm5 { width: 100px; height: 36px; background: #2d8fff; border: none; border-radius: 4px; font-size: 16px; color: #ffffff; cursor: pointer; } .link__3R9LX { color: #2d8fff; } .link__3R9LX:hover { color: rgba(45, 143, 255, 0.8); } .studioRight__U222k { box-sizing: border-box; border-radius: 6px; padding: 20px; background: #ffff; width: 1067px; display: flex; justify-content: space-between; flex: 1; margin-bottom: 20px; } .studioRight__U222k:hover { box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.05); } .studioInfoBox__2GGgR { display: inline-block; } .studioInfoTop__38ljN { display: flex; } .studioImgBox__3cn4S { display: inline-block; width: 148px; height: 148px; border-radius: 6px; overflow: hidden; border: 1px solid #efefef; } .studioImgBox__3cn4S:hover .studioImg__1sDuF { transform: scale(1.1); } .studioImg__1sDuF { width: 145px; height: 145px; border-radius: 6px; transition: all 0.2s ease; } .studioInfoBox__2GGgR { display: inline-block; } .studioInfoTop__38ljN { display: flex; } .studioInfo__3NLMM { display: inline-block; width: 318px; margin-left: 16px; font-size: 16px; color: #666666; } .studioInfoTitle__2E4xE { width: 100%; display: block; margin-bottom: 20px; font-weight: 500; font-size: 20px; color: #333333; line-height: 26px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .studioInfoNum__2sA7z { margin-bottom: 9px; font-size: 16px; line-height: 21px; color: #666666; } .memberNum__1X1gk { margin-left: 16px; } .studioInfoIntro__ShB5X { height: 72px; margin-bottom: 0; color: #666666; line-height: 24px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; word-wrap: break-word; word-break: break-all; word-break: break-word; white-space: pre-wrap; } .studioInfoBottom__25PwL { margin-top: 25px; display: flex; list-style: none; padding: 0; } .studioMemberInfo__F1vIc { position: relative; display: inline-block; width: 48px; text-align: center; margin-right: 24px; cursor: pointer; padding-bottom: 8px; } .studioMemberInfo__F1vIc:hover .toolTipBox__1NqKa { display: block; } .toolTipBox__1NqKa { display: none; } .studioMemberImg__2zLkY { display: inline-block; width: 48px; height: 48px; box-sizing: border-box; border-radius: 50%; margin-bottom: -12px; } .studioMemberPost__1RGEh { display: inline-block; width: 46px; height: 16px; line-height: 14px; border-radius: 20px; font-size: 12px; color: #ffffff; background: #69adfb; box-shadow: 0px 1px 4px 0px rgba(105, 173, 251, 0.3); border: 1px solid #ffffff; } .studioMemberPost1__2H8Ba { background: #ffad31; box-shadow: 0px 1px 4px 0px rgba(255, 173, 49, 0.3); } .studioMemberPost2__2L0mQ { background: #b2c2d5; box-shadow: 0px 1px 4px 0px rgba(105, 173, 251, 0.3); } .studioWokrs__3PGtv { width: 534px; background: #ffff; display: flex; justify-content: space-between; overflow: hidden; } .smallTypeRight__17yv0 { padding-right: 0; padding-bottom: 0; } .studioWokrs__3PGtv .work-item { margin: 0; width: 257px; } .studioWokrs__3PGtv .work-img-box { height: 217px; } .studioWokrs__3PGtv .work-img { height: 217px; border-radius: 6px; } .studioWokrs__3PGtv .LazyLoad { height: 217px !important; } .studioWokrs__3PGtv .work-info { padding-left: 0; } @media all and (max-width: 1600px) { .studioWokrs__3PGtv { width: 257px; overflow: hidden; } } .follow-icon__35Xkz { font-size: 14px; color: #bdbdbd; margin-right: 4px; width: 14px; height: 14px; } .follow-icon__35Xkz.follow-person__8Ery- { width: auto; color: #fff; } .follow-text__1s_ie { font-size: 14px; line-height: 19px; color: #999999; } .follow-text__1s_ie.follow-person__8Ery- { width: auto; color: #fff; } .follow-btn__2GpxW { display: inline-block; border-radius: 40px; color: #ff9900; width: 88px; text-align: center; height: 30px; background: #fff; line-height: 30px; cursor: pointer; } .unfollow__2A03v { background: #ff9900; color: #fff; } .unfollow__2A03v:hover { background: rgba(255, 153, 0, 0.8); } .followBtnBorder__28wov { border: 1px solid #ff9900; line-height: 28px; } .follow-person__8Ery- { display: inline-block; width: 90px; height: 34px; line-height: 34px; } .cancel-follow__33ndn { background: none; border-color: #fff; color: #fff; } .follow-person-padding__3_GKo { padding: 0 5px 0 0; } .loadingPlay__3LxjP { display: inline-block; -webkit-animation: loadingPlay__3LxjP 1s linear infinite; animation: loadingPlay__3LxjP 1s linear infinite; } @-webkit-keyframes loadingPlay__3LxjP { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes loadingPlay__3LxjP { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .user-card-container__3HGyc { width: 100%; height: 104px; background: #f5f4f4; border-radius: 8px; padding: 20px; margin: 28px 0; display: flex; justify-content: space-between; align-items: center; } .user-card-container__3HGyc .user-detail__1PyAZ { display: flex; } .user-card-container__3HGyc .user-detail__1PyAZ img { width: 64px; height: 64px; border-radius: 64px; margin-right: 12px; cursor: pointer; } .user-card-container__3HGyc .user-detail__1PyAZ .userDetailInfo__Q5Jpd { display: flex; flex-direction: column; justify-content: center; } .user-card-container__3HGyc .user-detail__1PyAZ .userDetailInfo__Q5Jpd .nickname__2sGIC { font-weight: 500; color: #333333; line-height: 24px; font-size: 16px; margin-right: 20px; cursor: pointer; } .user-card-container__3HGyc .user-detail__1PyAZ .signature__3pp_f, .user-card-container__3HGyc .user-detail__1PyAZ .thumb__GH2og, .user-card-container__3HGyc .user-detail__1PyAZ .fans__1Z1FU { font-size: 14px; font-weight: 400; color: #999999; line-height: 20px; margin-right: 12px; } .user-card-container__3HGyc .user-detail__1PyAZ .signature__3pp_f { color: #666; margin-top: 4px; } .rich-text-container__2CRez { width: 896px; margin: 0 auto !important; font-size: 16px; font-weight: 400; color: #333333; line-height: 28px; padding: 32px 0px; border: none !important; } .rich-text-container__2CRez h1, .rich-text-container__2CRez h2, .rich-text-container__2CRez h3, .rich-text-container__2CRez h4, .rich-text-container__2CRez h5, .rich-text-container__2CRez h6 { line-height: 1.2; } .rich-text-container__2CRez img { max-width: 896px; } .rich-text-container__2CRez pre { white-space: pre-wrap !important; } .rich-text-container__2CRez .ql-video { border-radius: 8px !important; margin: auto; width: 730px; height: 450px; } /*! * Quill Editor v1.3.7 * https://quilljs.com/ * Copyright (c) 2014, Jason Chen * Copyright (c) 2013, salesforce.com */ .ql-container { box-sizing: border-box; font-family: Helvetica, Arial, sans-serif; font-size: 13px; height: 100%; margin: 0px; position: relative; } .ql-container.ql-disabled .ql-tooltip { visibility: hidden; } .ql-container.ql-disabled .ql-editor ul[data-checked] > li::before { pointer-events: none; } .ql-clipboard { left: -100000px; height: 1px; overflow-y: hidden; position: absolute; top: 50%; } .ql-clipboard p { margin: 0; padding: 0; } .ql-editor { box-sizing: border-box; line-height: 1.42; height: 100%; outline: none; overflow-y: auto; padding: 12px 15px; -o-tab-size: 4; tab-size: 4; -moz-tab-size: 4; text-align: left; white-space: pre-wrap; word-wrap: break-word; } .ql-editor > * { cursor: text; } .ql-editor p, .ql-editor ol, .ql-editor ul, .ql-editor pre, .ql-editor blockquote, .ql-editor h1, .ql-editor h2, .ql-editor h3, .ql-editor h4, .ql-editor h5, .ql-editor h6 { margin: 0; padding: 0; counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol, .ql-editor ul { padding-left: 1.5em; } .ql-editor ol > li, .ql-editor ul > li { list-style-type: none; } .ql-editor ul > li::before { content: '\2022'; } .ql-editor ul[data-checked=true], .ql-editor ul[data-checked=false] { pointer-events: none; } .ql-editor ul[data-checked=true] > li *, .ql-editor ul[data-checked=false] > li * { pointer-events: all; } .ql-editor ul[data-checked=true] > li::before, .ql-editor ul[data-checked=false] > li::before { color: #777; cursor: pointer; pointer-events: all; } .ql-editor ul[data-checked=true] > li::before { content: '\2611'; } .ql-editor ul[data-checked=false] > li::before { content: '\2610'; } .ql-editor li::before { display: inline-block; white-space: nowrap; width: 1.2em; } .ql-editor li:not(.ql-direction-rtl)::before { margin-left: -1.5em; margin-right: 0.3em; text-align: right; } .ql-editor li.ql-direction-rtl::before { margin-left: 0.3em; margin-right: -1.5em; } .ql-editor ol li:not(.ql-direction-rtl), .ql-editor ul li:not(.ql-direction-rtl) { padding-left: 1.5em; } .ql-editor ol li.ql-direction-rtl, .ql-editor ul li.ql-direction-rtl { padding-right: 1.5em; } .ql-editor ol li { counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; counter-increment: list-0; } .ql-editor ol li:before { content: counter(list-0, decimal) '. '; } .ql-editor ol li.ql-indent-1 { counter-increment: list-1; } .ql-editor ol li.ql-indent-1:before { content: counter(list-1, lower-alpha) '. '; } .ql-editor ol li.ql-indent-1 { counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-2 { counter-increment: list-2; } .ql-editor ol li.ql-indent-2:before { content: counter(list-2, lower-roman) '. '; } .ql-editor ol li.ql-indent-2 { counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-3 { counter-increment: list-3; } .ql-editor ol li.ql-indent-3:before { content: counter(list-3, decimal) '. '; } .ql-editor ol li.ql-indent-3 { counter-reset: list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-4 { counter-increment: list-4; } .ql-editor ol li.ql-indent-4:before { content: counter(list-4, lower-alpha) '. '; } .ql-editor ol li.ql-indent-4 { counter-reset: list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-5 { counter-increment: list-5; } .ql-editor ol li.ql-indent-5:before { content: counter(list-5, lower-roman) '. '; } .ql-editor ol li.ql-indent-5 { counter-reset: list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-6 { counter-increment: list-6; } .ql-editor ol li.ql-indent-6:before { content: counter(list-6, decimal) '. '; } .ql-editor ol li.ql-indent-6 { counter-reset: list-7 list-8 list-9; } .ql-editor ol li.ql-indent-7 { counter-increment: list-7; } .ql-editor ol li.ql-indent-7:before { content: counter(list-7, lower-alpha) '. '; } .ql-editor ol li.ql-indent-7 { counter-reset: list-8 list-9; } .ql-editor ol li.ql-indent-8 { counter-increment: list-8; } .ql-editor ol li.ql-indent-8:before { content: counter(list-8, lower-roman) '. '; } .ql-editor ol li.ql-indent-8 { counter-reset: list-9; } .ql-editor ol li.ql-indent-9 { counter-increment: list-9; } .ql-editor ol li.ql-indent-9:before { content: counter(list-9, decimal) '. '; } .ql-editor .ql-indent-1:not(.ql-direction-rtl) { padding-left: 3em; } .ql-editor li.ql-indent-1:not(.ql-direction-rtl) { padding-left: 4.5em; } .ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right { padding-right: 3em; } .ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right { padding-right: 4.5em; } .ql-editor .ql-indent-2:not(.ql-direction-rtl) { padding-left: 6em; } .ql-editor li.ql-indent-2:not(.ql-direction-rtl) { padding-left: 7.5em; } .ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right { padding-right: 6em; } .ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right { padding-right: 7.5em; } .ql-editor .ql-indent-3:not(.ql-direction-rtl) { padding-left: 9em; } .ql-editor li.ql-indent-3:not(.ql-direction-rtl) { padding-left: 10.5em; } .ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right { padding-right: 9em; } .ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right { padding-right: 10.5em; } .ql-editor .ql-indent-4:not(.ql-direction-rtl) { padding-left: 12em; } .ql-editor li.ql-indent-4:not(.ql-direction-rtl) { padding-left: 13.5em; } .ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right { padding-right: 12em; } .ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right { padding-right: 13.5em; } .ql-editor .ql-indent-5:not(.ql-direction-rtl) { padding-left: 15em; } .ql-editor li.ql-indent-5:not(.ql-direction-rtl) { padding-left: 16.5em; } .ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right { padding-right: 15em; } .ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right { padding-right: 16.5em; } .ql-editor .ql-indent-6:not(.ql-direction-rtl) { padding-left: 18em; } .ql-editor li.ql-indent-6:not(.ql-direction-rtl) { padding-left: 19.5em; } .ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right { padding-right: 18em; } .ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right { padding-right: 19.5em; } .ql-editor .ql-indent-7:not(.ql-direction-rtl) { padding-left: 21em; } .ql-editor li.ql-indent-7:not(.ql-direction-rtl) { padding-left: 22.5em; } .ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right { padding-right: 21em; } .ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right { padding-right: 22.5em; } .ql-editor .ql-indent-8:not(.ql-direction-rtl) { padding-left: 24em; } .ql-editor li.ql-indent-8:not(.ql-direction-rtl) { padding-left: 25.5em; } .ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right { padding-right: 24em; } .ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right { padding-right: 25.5em; } .ql-editor .ql-indent-9:not(.ql-direction-rtl) { padding-left: 27em; } .ql-editor li.ql-indent-9:not(.ql-direction-rtl) { padding-left: 28.5em; } .ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right { padding-right: 27em; } .ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right { padding-right: 28.5em; } .ql-editor .ql-video { display: block; max-width: 100%; } .ql-editor .ql-video.ql-align-center { margin: 0 auto; } .ql-editor .ql-video.ql-align-right { margin: 0 0 0 auto; } .ql-editor .ql-bg-black { background-color: #000; } .ql-editor .ql-bg-red { background-color: #e60000; } .ql-editor .ql-bg-orange { background-color: #f90; } .ql-editor .ql-bg-yellow { background-color: #ff0; } .ql-editor .ql-bg-green { background-color: #008a00; } .ql-editor .ql-bg-blue { background-color: #06c; } .ql-editor .ql-bg-purple { background-color: #93f; } .ql-editor .ql-color-white { color: #fff; } .ql-editor .ql-color-red { color: #e60000; } .ql-editor .ql-color-orange { color: #f90; } .ql-editor .ql-color-yellow { color: #ff0; } .ql-editor .ql-color-green { color: #008a00; } .ql-editor .ql-color-blue { color: #06c; } .ql-editor .ql-color-purple { color: #93f; } .ql-editor .ql-font-serif { font-family: Georgia, Times New Roman, serif; } .ql-editor .ql-font-monospace { font-family: Monaco, Courier New, monospace; } .ql-editor .ql-size-small { font-size: 0.75em; } .ql-editor .ql-size-large { font-size: 1.5em; } .ql-editor .ql-size-huge { font-size: 2.5em; } .ql-editor .ql-direction-rtl { direction: rtl; text-align: inherit; } .ql-editor .ql-align-center { text-align: center; } .ql-editor .ql-align-justify { text-align: justify; } .ql-editor .ql-align-right { text-align: right; } .ql-editor.ql-blank::before { color: rgba(0, 0, 0, 0.6); content: attr(data-placeholder); font-style: italic; left: 15px; pointer-events: none; position: absolute; right: 15px; } .ql-bubble.ql-toolbar:after, .ql-bubble .ql-toolbar:after { clear: both; content: ''; display: table; } .ql-bubble.ql-toolbar button, .ql-bubble .ql-toolbar button { background: none; border: none; cursor: pointer; display: inline-block; float: left; height: 24px; padding: 3px 5px; width: 28px; } .ql-bubble.ql-toolbar button svg, .ql-bubble .ql-toolbar button svg { float: left; height: 100%; } .ql-bubble.ql-toolbar button:active:hover, .ql-bubble .ql-toolbar button:active:hover { outline: none; } .ql-bubble.ql-toolbar input.ql-image[type=file], .ql-bubble .ql-toolbar input.ql-image[type=file] { display: none; } .ql-bubble.ql-toolbar button:hover, .ql-bubble .ql-toolbar button:hover, .ql-bubble.ql-toolbar button:focus, .ql-bubble .ql-toolbar button:focus, .ql-bubble.ql-toolbar button.ql-active, .ql-bubble .ql-toolbar button.ql-active, .ql-bubble.ql-toolbar .ql-picker-label:hover, .ql-bubble .ql-toolbar .ql-picker-label:hover, .ql-bubble.ql-toolbar .ql-picker-label.ql-active, .ql-bubble .ql-toolbar .ql-picker-label.ql-active, .ql-bubble.ql-toolbar .ql-picker-item:hover, .ql-bubble .ql-toolbar .ql-picker-item:hover, .ql-bubble.ql-toolbar .ql-picker-item.ql-selected, .ql-bubble .ql-toolbar .ql-picker-item.ql-selected { color: #fff; } .ql-bubble.ql-toolbar button:hover .ql-fill, .ql-bubble .ql-toolbar button:hover .ql-fill, .ql-bubble.ql-toolbar button:focus .ql-fill, .ql-bubble .ql-toolbar button:focus .ql-fill, .ql-bubble.ql-toolbar button.ql-active .ql-fill, .ql-bubble .ql-toolbar button.ql-active .ql-fill, .ql-bubble.ql-toolbar .ql-picker-label:hover .ql-fill, .ql-bubble .ql-toolbar .ql-picker-label:hover .ql-fill, .ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-bubble.ql-toolbar .ql-picker-item:hover .ql-fill, .ql-bubble .ql-toolbar .ql-picker-item:hover .ql-fill, .ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-bubble.ql-toolbar button:hover .ql-stroke.ql-fill, .ql-bubble .ql-toolbar button:hover .ql-stroke.ql-fill, .ql-bubble.ql-toolbar button:focus .ql-stroke.ql-fill, .ql-bubble .ql-toolbar button:focus .ql-stroke.ql-fill, .ql-bubble.ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-bubble .ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill, .ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill { fill: #fff; } .ql-bubble.ql-toolbar button:hover .ql-stroke, .ql-bubble .ql-toolbar button:hover .ql-stroke, .ql-bubble.ql-toolbar button:focus .ql-stroke, .ql-bubble .ql-toolbar button:focus .ql-stroke, .ql-bubble.ql-toolbar button.ql-active .ql-stroke, .ql-bubble .ql-toolbar button.ql-active .ql-stroke, .ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-bubble.ql-toolbar button:hover .ql-stroke-miter, .ql-bubble .ql-toolbar button:hover .ql-stroke-miter, .ql-bubble.ql-toolbar button:focus .ql-stroke-miter, .ql-bubble .ql-toolbar button:focus .ql-stroke-miter, .ql-bubble.ql-toolbar button.ql-active .ql-stroke-miter, .ql-bubble .ql-toolbar button.ql-active .ql-stroke-miter, .ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter, .ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter { stroke: #fff; } @media (pointer: coarse) { .ql-bubble.ql-toolbar button:hover:not(.ql-active), .ql-bubble .ql-toolbar button:hover:not(.ql-active) { color: #ccc; } .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-fill, .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-fill, .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill, .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill { fill: #ccc; } .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke, .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke, .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter, .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter { stroke: #ccc; } } .ql-bubble { box-sizing: border-box; } .ql-bubble * { box-sizing: border-box; } .ql-bubble .ql-hidden { display: none; } .ql-bubble .ql-out-bottom, .ql-bubble .ql-out-top { visibility: hidden; } .ql-bubble .ql-tooltip { position: absolute; transform: translateY(10px); } .ql-bubble .ql-tooltip a { cursor: pointer; text-decoration: none; } .ql-bubble .ql-tooltip.ql-flip { transform: translateY(-10px); } .ql-bubble .ql-formats { display: inline-block; vertical-align: middle; } .ql-bubble .ql-formats:after { clear: both; content: ''; display: table; } .ql-bubble .ql-stroke { fill: none; stroke: #ccc; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; } .ql-bubble .ql-stroke-miter { fill: none; stroke: #ccc; stroke-miterlimit: 10; stroke-width: 2; } .ql-bubble .ql-fill, .ql-bubble .ql-stroke.ql-fill { fill: #ccc; } .ql-bubble .ql-empty { fill: none; } .ql-bubble .ql-even { fill-rule: evenodd; } .ql-bubble .ql-thin, .ql-bubble .ql-stroke.ql-thin { stroke-width: 1; } .ql-bubble .ql-transparent { opacity: 0.4; } .ql-bubble .ql-direction svg:last-child { display: none; } .ql-bubble .ql-direction.ql-active svg:last-child { display: inline; } .ql-bubble .ql-direction.ql-active svg:first-child { display: none; } .ql-bubble .ql-editor h1 { font-size: 2em; } .ql-bubble .ql-editor h2 { font-size: 1.5em; } .ql-bubble .ql-editor h3 { font-size: 1.17em; } .ql-bubble .ql-editor h4 { font-size: 1em; } .ql-bubble .ql-editor h5 { font-size: 0.83em; } .ql-bubble .ql-editor h6 { font-size: 0.67em; } .ql-bubble .ql-editor a { text-decoration: underline; } .ql-bubble .ql-editor blockquote { border-left: 4px solid #ccc; margin-bottom: 5px; margin-top: 5px; padding-left: 16px; } .ql-bubble .ql-editor code, .ql-bubble .ql-editor pre { background-color: #f0f0f0; border-radius: 3px; } .ql-bubble .ql-editor pre { white-space: pre-wrap; margin-bottom: 5px; margin-top: 5px; padding: 5px 10px; } .ql-bubble .ql-editor code { font-size: 85%; padding: 2px 4px; } .ql-bubble .ql-editor pre.ql-syntax { background-color: #23241f; color: #f8f8f2; overflow: visible; } .ql-bubble .ql-editor img { max-width: 100%; } .ql-bubble .ql-picker { color: #ccc; display: inline-block; float: left; font-size: 14px; font-weight: 500; height: 24px; position: relative; vertical-align: middle; } .ql-bubble .ql-picker-label { cursor: pointer; display: inline-block; height: 100%; padding-left: 8px; padding-right: 2px; position: relative; width: 100%; } .ql-bubble .ql-picker-label::before { display: inline-block; line-height: 22px; } .ql-bubble .ql-picker-options { background-color: #444; display: none; min-width: 100%; padding: 4px 8px; position: absolute; white-space: nowrap; } .ql-bubble .ql-picker-options .ql-picker-item { cursor: pointer; display: block; padding-bottom: 5px; padding-top: 5px; } .ql-bubble .ql-picker.ql-expanded .ql-picker-label { color: #777; z-index: 2; } .ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-fill { fill: #777; } .ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-stroke { stroke: #777; } .ql-bubble .ql-picker.ql-expanded .ql-picker-options { display: block; margin-top: -1px; top: 100%; z-index: 1; } .ql-bubble .ql-color-picker, .ql-bubble .ql-icon-picker { width: 28px; } .ql-bubble .ql-color-picker .ql-picker-label, .ql-bubble .ql-icon-picker .ql-picker-label { padding: 2px 4px; } .ql-bubble .ql-color-picker .ql-picker-label svg, .ql-bubble .ql-icon-picker .ql-picker-label svg { right: 4px; } .ql-bubble .ql-icon-picker .ql-picker-options { padding: 4px 0px; } .ql-bubble .ql-icon-picker .ql-picker-item { height: 24px; width: 24px; padding: 2px 4px; } .ql-bubble .ql-color-picker .ql-picker-options { padding: 3px 5px; width: 152px; } .ql-bubble .ql-color-picker .ql-picker-item { border: 1px solid transparent; float: left; height: 16px; margin: 2px; padding: 0px; width: 16px; } .ql-bubble .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg { position: absolute; margin-top: -9px; right: 0; top: 50%; width: 18px; } .ql-bubble .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before, .ql-bubble .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before, .ql-bubble .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before, .ql-bubble .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before, .ql-bubble .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before, .ql-bubble .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before { content: attr(data-label); } .ql-bubble .ql-picker.ql-header { width: 98px; } .ql-bubble .ql-picker.ql-header .ql-picker-label::before, .ql-bubble .ql-picker.ql-header .ql-picker-item::before { content: 'Normal'; } .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="1"]::before, .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]::before { content: 'Heading 1'; } .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="2"]::before, .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]::before { content: 'Heading 2'; } .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="3"]::before, .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]::before { content: 'Heading 3'; } .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="4"]::before, .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]::before { content: 'Heading 4'; } .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="5"]::before, .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]::before { content: 'Heading 5'; } .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="6"]::before, .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]::before { content: 'Heading 6'; } .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]::before { font-size: 2em; } .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]::before { font-size: 1.5em; } .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]::before { font-size: 1.17em; } .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]::before { font-size: 1em; } .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]::before { font-size: 0.83em; } .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]::before { font-size: 0.67em; } .ql-bubble .ql-picker.ql-font { width: 108px; } .ql-bubble .ql-picker.ql-font .ql-picker-label::before, .ql-bubble .ql-picker.ql-font .ql-picker-item::before { content: 'Sans Serif'; } .ql-bubble .ql-picker.ql-font .ql-picker-label[data-value=serif]::before, .ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=serif]::before { content: 'Serif'; } .ql-bubble .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before, .ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before { content: 'Monospace'; } .ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=serif]::before { font-family: Georgia, Times New Roman, serif; } .ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before { font-family: Monaco, Courier New, monospace; } .ql-bubble .ql-picker.ql-size { width: 98px; } .ql-bubble .ql-picker.ql-size .ql-picker-label::before, .ql-bubble .ql-picker.ql-size .ql-picker-item::before { content: 'Normal'; } .ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=small]::before, .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]::before { content: 'Small'; } .ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=large]::before, .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]::before { content: 'Large'; } .ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=huge]::before, .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]::before { content: 'Huge'; } .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]::before { font-size: 10px; } .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]::before { font-size: 18px; } .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]::before { font-size: 32px; } .ql-bubble .ql-color-picker.ql-background .ql-picker-item { background-color: #fff; } .ql-bubble .ql-color-picker.ql-color .ql-picker-item { background-color: #000; } .ql-bubble .ql-toolbar .ql-formats { margin: 8px 12px 8px 0px; } .ql-bubble .ql-toolbar .ql-formats:first-child { margin-left: 12px; } .ql-bubble .ql-color-picker svg { margin: 1px; } .ql-bubble .ql-color-picker .ql-picker-item.ql-selected, .ql-bubble .ql-color-picker .ql-picker-item:hover { border-color: #fff; } .ql-bubble .ql-tooltip { background-color: #444; border-radius: 25px; color: #fff; } .ql-bubble .ql-tooltip-arrow { border-left: 6px solid transparent; border-right: 6px solid transparent; content: " "; display: block; left: 50%; margin-left: -6px; position: absolute; } .ql-bubble .ql-tooltip:not(.ql-flip) .ql-tooltip-arrow { border-bottom: 6px solid #444; top: -6px; } .ql-bubble .ql-tooltip.ql-flip .ql-tooltip-arrow { border-top: 6px solid #444; bottom: -6px; } .ql-bubble .ql-tooltip.ql-editing .ql-tooltip-editor { display: block; } .ql-bubble .ql-tooltip.ql-editing .ql-formats { visibility: hidden; } .ql-bubble .ql-tooltip-editor { display: none; } .ql-bubble .ql-tooltip-editor input[type=text] { background: transparent; border: none; color: #fff; font-size: 13px; height: 100%; outline: none; padding: 10px 20px; position: absolute; width: 100%; } .ql-bubble .ql-tooltip-editor a { top: 10px; position: absolute; right: 20px; } .ql-bubble .ql-tooltip-editor a:before { color: #ccc; content: "\D7"; font-size: 16px; font-weight: bold; } .ql-container.ql-bubble:not(.ql-disabled) a { position: relative; white-space: nowrap; } .ql-container.ql-bubble:not(.ql-disabled) a::before { background-color: #444; border-radius: 15px; top: -5px; font-size: 12px; color: #fff; content: attr(href); font-weight: normal; overflow: hidden; padding: 5px 15px; text-decoration: none; z-index: 1; } .ql-container.ql-bubble:not(.ql-disabled) a::after { border-top: 6px solid #444; border-left: 6px solid transparent; border-right: 6px solid transparent; top: 0; content: " "; height: 0; width: 0; } .ql-container.ql-bubble:not(.ql-disabled) a::before, .ql-container.ql-bubble:not(.ql-disabled) a::after { left: 0; margin-left: 50%; position: absolute; transform: translate(-50%, -100%); transition: visibility 0s ease 200ms; visibility: hidden; } .ql-container.ql-bubble:not(.ql-disabled) a:hover::before, .ql-container.ql-bubble:not(.ql-disabled) a:hover::after { visibility: visible; } { /*! * Quill Editor v1.3.7 * https://quilljs.com/ * Copyright (c) 2014, Jason Chen * Copyright (c) 2013, salesforce.com */ } .ql-container { box-sizing: border-box; font-family: Helvetica, Arial, sans-serif; font-size: 13px; height: 100%; margin: 0px; position: relative; } .ql-container.ql-disabled .ql-tooltip { visibility: hidden; } .ql-container.ql-disabled .ql-editor ul[data-checked] > li::before { pointer-events: none; } .ql-clipboard { left: -100000px; height: 1px; overflow-y: hidden; position: absolute; top: 50%; } .ql-clipboard p { margin: 0; padding: 0; } .ql-editor { box-sizing: border-box; line-height: 1.42; height: 100%; outline: none; overflow-y: auto; padding: 12px 15px; -o-tab-size: 4; tab-size: 4; -moz-tab-size: 4; text-align: left; white-space: pre-wrap; word-wrap: break-word; } .ql-editor > * { cursor: text; } .ql-editor p, .ql-editor ol, .ql-editor ul, .ql-editor pre, .ql-editor blockquote, .ql-editor h1, .ql-editor h2, .ql-editor h3, .ql-editor h4, .ql-editor h5, .ql-editor h6 { margin: 0; padding: 0; counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol, .ql-editor ul { padding-left: 1.5em; } .ql-editor ol > li, .ql-editor ul > li { list-style-type: none; } .ql-editor ul > li::before { content: '\2022'; } .ql-editor ul[data-checked=true], .ql-editor ul[data-checked=false] { pointer-events: none; } .ql-editor ul[data-checked=true] > li *, .ql-editor ul[data-checked=false] > li * { pointer-events: all; } .ql-editor ul[data-checked=true] > li::before, .ql-editor ul[data-checked=false] > li::before { color: #777; cursor: pointer; pointer-events: all; } .ql-editor ul[data-checked=true] > li::before { content: '\2611'; } .ql-editor ul[data-checked=false] > li::before { content: '\2610'; } .ql-editor li::before { display: inline-block; white-space: nowrap; width: 1.2em; } .ql-editor li:not(.ql-direction-rtl)::before { margin-left: -1.5em; margin-right: 0.3em; text-align: right; } .ql-editor li.ql-direction-rtl::before { margin-left: 0.3em; margin-right: -1.5em; } .ql-editor ol li:not(.ql-direction-rtl), .ql-editor ul li:not(.ql-direction-rtl) { padding-left: 1.5em; } .ql-editor ol li.ql-direction-rtl, .ql-editor ul li.ql-direction-rtl { padding-right: 1.5em; } .ql-editor ol li { counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; counter-increment: list-0; } .ql-editor ol li:before { content: counter(list-0, decimal) '. '; } .ql-editor ol li.ql-indent-1 { counter-increment: list-1; } .ql-editor ol li.ql-indent-1:before { content: counter(list-1, lower-alpha) '. '; } .ql-editor ol li.ql-indent-1 { counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-2 { counter-increment: list-2; } .ql-editor ol li.ql-indent-2:before { content: counter(list-2, lower-roman) '. '; } .ql-editor ol li.ql-indent-2 { counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-3 { counter-increment: list-3; } .ql-editor ol li.ql-indent-3:before { content: counter(list-3, decimal) '. '; } .ql-editor ol li.ql-indent-3 { counter-reset: list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-4 { counter-increment: list-4; } .ql-editor ol li.ql-indent-4:before { content: counter(list-4, lower-alpha) '. '; } .ql-editor ol li.ql-indent-4 { counter-reset: list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-5 { counter-increment: list-5; } .ql-editor ol li.ql-indent-5:before { content: counter(list-5, lower-roman) '. '; } .ql-editor ol li.ql-indent-5 { counter-reset: list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-6 { counter-increment: list-6; } .ql-editor ol li.ql-indent-6:before { content: counter(list-6, decimal) '. '; } .ql-editor ol li.ql-indent-6 { counter-reset: list-7 list-8 list-9; } .ql-editor ol li.ql-indent-7 { counter-increment: list-7; } .ql-editor ol li.ql-indent-7:before { content: counter(list-7, lower-alpha) '. '; } .ql-editor ol li.ql-indent-7 { counter-reset: list-8 list-9; } .ql-editor ol li.ql-indent-8 { counter-increment: list-8; } .ql-editor ol li.ql-indent-8:before { content: counter(list-8, lower-roman) '. '; } .ql-editor ol li.ql-indent-8 { counter-reset: list-9; } .ql-editor ol li.ql-indent-9 { counter-increment: list-9; } .ql-editor ol li.ql-indent-9:before { content: counter(list-9, decimal) '. '; } .ql-editor .ql-indent-1:not(.ql-direction-rtl) { padding-left: 3em; } .ql-editor li.ql-indent-1:not(.ql-direction-rtl) { padding-left: 4.5em; } .ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right { padding-right: 3em; } .ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right { padding-right: 4.5em; } .ql-editor .ql-indent-2:not(.ql-direction-rtl) { padding-left: 6em; } .ql-editor li.ql-indent-2:not(.ql-direction-rtl) { padding-left: 7.5em; } .ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right { padding-right: 6em; } .ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right { padding-right: 7.5em; } .ql-editor .ql-indent-3:not(.ql-direction-rtl) { padding-left: 9em; } .ql-editor li.ql-indent-3:not(.ql-direction-rtl) { padding-left: 10.5em; } .ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right { padding-right: 9em; } .ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right { padding-right: 10.5em; } .ql-editor .ql-indent-4:not(.ql-direction-rtl) { padding-left: 12em; } .ql-editor li.ql-indent-4:not(.ql-direction-rtl) { padding-left: 13.5em; } .ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right { padding-right: 12em; } .ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right { padding-right: 13.5em; } .ql-editor .ql-indent-5:not(.ql-direction-rtl) { padding-left: 15em; } .ql-editor li.ql-indent-5:not(.ql-direction-rtl) { padding-left: 16.5em; } .ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right { padding-right: 15em; } .ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right { padding-right: 16.5em; } .ql-editor .ql-indent-6:not(.ql-direction-rtl) { padding-left: 18em; } .ql-editor li.ql-indent-6:not(.ql-direction-rtl) { padding-left: 19.5em; } .ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right { padding-right: 18em; } .ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right { padding-right: 19.5em; } .ql-editor .ql-indent-7:not(.ql-direction-rtl) { padding-left: 21em; } .ql-editor li.ql-indent-7:not(.ql-direction-rtl) { padding-left: 22.5em; } .ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right { padding-right: 21em; } .ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right { padding-right: 22.5em; } .ql-editor .ql-indent-8:not(.ql-direction-rtl) { padding-left: 24em; } .ql-editor li.ql-indent-8:not(.ql-direction-rtl) { padding-left: 25.5em; } .ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right { padding-right: 24em; } .ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right { padding-right: 25.5em; } .ql-editor .ql-indent-9:not(.ql-direction-rtl) { padding-left: 27em; } .ql-editor li.ql-indent-9:not(.ql-direction-rtl) { padding-left: 28.5em; } .ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right { padding-right: 27em; } .ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right { padding-right: 28.5em; } .ql-editor .ql-video { display: block; max-width: 100%; } .ql-editor .ql-video.ql-align-center { margin: 0 auto; } .ql-editor .ql-video.ql-align-right { margin: 0 0 0 auto; } .ql-editor .ql-bg-black { background-color: #000; } .ql-editor .ql-bg-red { background-color: #e60000; } .ql-editor .ql-bg-orange { background-color: #f90; } .ql-editor .ql-bg-yellow { background-color: #ff0; } .ql-editor .ql-bg-green { background-color: #008a00; } .ql-editor .ql-bg-blue { background-color: #06c; } .ql-editor .ql-bg-purple { background-color: #93f; } .ql-editor .ql-color-white { color: #fff; } .ql-editor .ql-color-red { color: #e60000; } .ql-editor .ql-color-orange { color: #f90; } .ql-editor .ql-color-yellow { color: #ff0; } .ql-editor .ql-color-green { color: #008a00; } .ql-editor .ql-color-blue { color: #06c; } .ql-editor .ql-color-purple { color: #93f; } .ql-editor .ql-font-serif { font-family: Georgia, Times New Roman, serif; } .ql-editor .ql-font-monospace { font-family: Monaco, Courier New, monospace; } .ql-editor .ql-size-small { font-size: 0.75em; } .ql-editor .ql-size-large { font-size: 1.5em; } .ql-editor .ql-size-huge { font-size: 2.5em; } .ql-editor .ql-direction-rtl { direction: rtl; text-align: inherit; } .ql-editor .ql-align-center { text-align: center; } .ql-editor .ql-align-justify { text-align: justify; } .ql-editor .ql-align-right { text-align: right; } .ql-editor.ql-blank::before { color: rgba(0, 0, 0, 0.6); content: attr(data-placeholder); font-style: italic; left: 15px; pointer-events: none; position: absolute; right: 15px; } { /*! * Quill Editor v1.3.7 * https://quilljs.com/ * Copyright (c) 2014, Jason Chen * Copyright (c) 2013, salesforce.com */ } .ql-container { box-sizing: border-box; font-family: Helvetica, Arial, sans-serif; font-size: 13px; height: 100%; margin: 0px; position: relative; } .ql-container.ql-disabled .ql-tooltip { visibility: hidden; } .ql-container.ql-disabled .ql-editor ul[data-checked] > li::before { pointer-events: none; } .ql-clipboard { left: -100000px; height: 1px; overflow-y: hidden; position: absolute; top: 50%; } .ql-clipboard p { margin: 0; padding: 0; } .ql-editor { box-sizing: border-box; line-height: 1.42; height: 100%; outline: none; overflow-y: auto; padding: 12px 15px; -o-tab-size: 4; tab-size: 4; -moz-tab-size: 4; text-align: left; white-space: pre-wrap; word-wrap: break-word; } .ql-editor > * { cursor: text; } .ql-editor p, .ql-editor ol, .ql-editor ul, .ql-editor pre, .ql-editor blockquote, .ql-editor h1, .ql-editor h2, .ql-editor h3, .ql-editor h4, .ql-editor h5, .ql-editor h6 { margin: 0; padding: 0; counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol, .ql-editor ul { padding-left: 1.5em; } .ql-editor ol > li, .ql-editor ul > li { list-style-type: none; } .ql-editor ul > li::before { content: '\2022'; } .ql-editor ul[data-checked=true], .ql-editor ul[data-checked=false] { pointer-events: none; } .ql-editor ul[data-checked=true] > li *, .ql-editor ul[data-checked=false] > li * { pointer-events: all; } .ql-editor ul[data-checked=true] > li::before, .ql-editor ul[data-checked=false] > li::before { color: #777; cursor: pointer; pointer-events: all; } .ql-editor ul[data-checked=true] > li::before { content: '\2611'; } .ql-editor ul[data-checked=false] > li::before { content: '\2610'; } .ql-editor li::before { display: inline-block; white-space: nowrap; width: 1.2em; } .ql-editor li:not(.ql-direction-rtl)::before { margin-left: -1.5em; margin-right: 0.3em; text-align: right; } .ql-editor li.ql-direction-rtl::before { margin-left: 0.3em; margin-right: -1.5em; } .ql-editor ol li:not(.ql-direction-rtl), .ql-editor ul li:not(.ql-direction-rtl) { padding-left: 1.5em; } .ql-editor ol li.ql-direction-rtl, .ql-editor ul li.ql-direction-rtl { padding-right: 1.5em; } .ql-editor ol li { counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; counter-increment: list-0; } .ql-editor ol li:before { content: counter(list-0, decimal) '. '; } .ql-editor ol li.ql-indent-1 { counter-increment: list-1; } .ql-editor ol li.ql-indent-1:before { content: counter(list-1, lower-alpha) '. '; } .ql-editor ol li.ql-indent-1 { counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-2 { counter-increment: list-2; } .ql-editor ol li.ql-indent-2:before { content: counter(list-2, lower-roman) '. '; } .ql-editor ol li.ql-indent-2 { counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-3 { counter-increment: list-3; } .ql-editor ol li.ql-indent-3:before { content: counter(list-3, decimal) '. '; } .ql-editor ol li.ql-indent-3 { counter-reset: list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-4 { counter-increment: list-4; } .ql-editor ol li.ql-indent-4:before { content: counter(list-4, lower-alpha) '. '; } .ql-editor ol li.ql-indent-4 { counter-reset: list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-5 { counter-increment: list-5; } .ql-editor ol li.ql-indent-5:before { content: counter(list-5, lower-roman) '. '; } .ql-editor ol li.ql-indent-5 { counter-reset: list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-6 { counter-increment: list-6; } .ql-editor ol li.ql-indent-6:before { content: counter(list-6, decimal) '. '; } .ql-editor ol li.ql-indent-6 { counter-reset: list-7 list-8 list-9; } .ql-editor ol li.ql-indent-7 { counter-increment: list-7; } .ql-editor ol li.ql-indent-7:before { content: counter(list-7, lower-alpha) '. '; } .ql-editor ol li.ql-indent-7 { counter-reset: list-8 list-9; } .ql-editor ol li.ql-indent-8 { counter-increment: list-8; } .ql-editor ol li.ql-indent-8:before { content: counter(list-8, lower-roman) '. '; } .ql-editor ol li.ql-indent-8 { counter-reset: list-9; } .ql-editor ol li.ql-indent-9 { counter-increment: list-9; } .ql-editor ol li.ql-indent-9:before { content: counter(list-9, decimal) '. '; } .ql-editor .ql-indent-1:not(.ql-direction-rtl) { padding-left: 3em; } .ql-editor li.ql-indent-1:not(.ql-direction-rtl) { padding-left: 4.5em; } .ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right { padding-right: 3em; } .ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right { padding-right: 4.5em; } .ql-editor .ql-indent-2:not(.ql-direction-rtl) { padding-left: 6em; } .ql-editor li.ql-indent-2:not(.ql-direction-rtl) { padding-left: 7.5em; } .ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right { padding-right: 6em; } .ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right { padding-right: 7.5em; } .ql-editor .ql-indent-3:not(.ql-direction-rtl) { padding-left: 9em; } .ql-editor li.ql-indent-3:not(.ql-direction-rtl) { padding-left: 10.5em; } .ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right { padding-right: 9em; } .ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right { padding-right: 10.5em; } .ql-editor .ql-indent-4:not(.ql-direction-rtl) { padding-left: 12em; } .ql-editor li.ql-indent-4:not(.ql-direction-rtl) { padding-left: 13.5em; } .ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right { padding-right: 12em; } .ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right { padding-right: 13.5em; } .ql-editor .ql-indent-5:not(.ql-direction-rtl) { padding-left: 15em; } .ql-editor li.ql-indent-5:not(.ql-direction-rtl) { padding-left: 16.5em; } .ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right { padding-right: 15em; } .ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right { padding-right: 16.5em; } .ql-editor .ql-indent-6:not(.ql-direction-rtl) { padding-left: 18em; } .ql-editor li.ql-indent-6:not(.ql-direction-rtl) { padding-left: 19.5em; } .ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right { padding-right: 18em; } .ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right { padding-right: 19.5em; } .ql-editor .ql-indent-7:not(.ql-direction-rtl) { padding-left: 21em; } .ql-editor li.ql-indent-7:not(.ql-direction-rtl) { padding-left: 22.5em; } .ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right { padding-right: 21em; } .ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right { padding-right: 22.5em; } .ql-editor .ql-indent-8:not(.ql-direction-rtl) { padding-left: 24em; } .ql-editor li.ql-indent-8:not(.ql-direction-rtl) { padding-left: 25.5em; } .ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right { padding-right: 24em; } .ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right { padding-right: 25.5em; } .ql-editor .ql-indent-9:not(.ql-direction-rtl) { padding-left: 27em; } .ql-editor li.ql-indent-9:not(.ql-direction-rtl) { padding-left: 28.5em; } .ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right { padding-right: 27em; } .ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right { padding-right: 28.5em; } .ql-editor .ql-video { display: block; max-width: 100%; } .ql-editor .ql-video.ql-align-center { margin: 0 auto; } .ql-editor .ql-video.ql-align-right { margin: 0 0 0 auto; } .ql-editor .ql-bg-black { background-color: #000; } .ql-editor .ql-bg-red { background-color: #e60000; } .ql-editor .ql-bg-orange { background-color: #f90; } .ql-editor .ql-bg-yellow { background-color: #ff0; } .ql-editor .ql-bg-green { background-color: #008a00; } .ql-editor .ql-bg-blue { background-color: #06c; } .ql-editor .ql-bg-purple { background-color: #93f; } .ql-editor .ql-color-white { color: #fff; } .ql-editor .ql-color-red { color: #e60000; } .ql-editor .ql-color-orange { color: #f90; } .ql-editor .ql-color-yellow { color: #ff0; } .ql-editor .ql-color-green { color: #008a00; } .ql-editor .ql-color-blue { color: #06c; } .ql-editor .ql-color-purple { color: #93f; } .ql-editor .ql-font-serif { font-family: Georgia, Times New Roman, serif; } .ql-editor .ql-font-monospace { font-family: Monaco, Courier New, monospace; } .ql-editor .ql-size-small { font-size: 0.75em; } .ql-editor .ql-size-large { font-size: 1.5em; } .ql-editor .ql-size-huge { font-size: 2.5em; } .ql-editor .ql-direction-rtl { direction: rtl; text-align: inherit; } .ql-editor .ql-align-center { text-align: center; } .ql-editor .ql-align-justify { text-align: justify; } .ql-editor .ql-align-right { text-align: right; } .ql-editor.ql-blank::before { color: rgba(0, 0, 0, 0.6); content: attr(data-placeholder); font-style: italic; left: 15px; pointer-events: none; position: absolute; right: 15px; } .ql-snow.ql-toolbar:after, .ql-snow .ql-toolbar:after { clear: both; content: ''; display: table; } .ql-snow.ql-toolbar button, .ql-snow .ql-toolbar button { background: none; border: none; cursor: pointer; display: inline-block; float: left; height: 24px; padding: 3px 5px; width: 28px; } .ql-snow.ql-toolbar button svg, .ql-snow .ql-toolbar button svg { float: left; height: 100%; } .ql-snow.ql-toolbar button:active:hover, .ql-snow .ql-toolbar button:active:hover { outline: none; } .ql-snow.ql-toolbar input.ql-image[type=file], .ql-snow .ql-toolbar input.ql-image[type=file] { display: none; } .ql-snow.ql-toolbar button:hover, .ql-snow .ql-toolbar button:hover, .ql-snow.ql-toolbar button:focus, .ql-snow .ql-toolbar button:focus, .ql-snow.ql-toolbar button.ql-active, .ql-snow .ql-toolbar button.ql-active, .ql-snow.ql-toolbar .ql-picker-label:hover, .ql-snow .ql-toolbar .ql-picker-label:hover, .ql-snow.ql-toolbar .ql-picker-label.ql-active, .ql-snow .ql-toolbar .ql-picker-label.ql-active, .ql-snow.ql-toolbar .ql-picker-item:hover, .ql-snow .ql-toolbar .ql-picker-item:hover, .ql-snow.ql-toolbar .ql-picker-item.ql-selected, .ql-snow .ql-toolbar .ql-picker-item.ql-selected { color: #06c; } .ql-snow.ql-toolbar button:hover .ql-fill, .ql-snow .ql-toolbar button:hover .ql-fill, .ql-snow.ql-toolbar button:focus .ql-fill, .ql-snow .ql-toolbar button:focus .ql-fill, .ql-snow.ql-toolbar button.ql-active .ql-fill, .ql-snow .ql-toolbar button.ql-active .ql-fill, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill, .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill { fill: #06c; } .ql-snow.ql-toolbar button:hover .ql-stroke, .ql-snow .ql-toolbar button:hover .ql-stroke, .ql-snow.ql-toolbar button:focus .ql-stroke, .ql-snow .ql-toolbar button:focus .ql-stroke, .ql-snow.ql-toolbar button.ql-active .ql-stroke, .ql-snow .ql-toolbar button.ql-active .ql-stroke, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-snow.ql-toolbar button:hover .ql-stroke-miter, .ql-snow .ql-toolbar button:hover .ql-stroke-miter, .ql-snow.ql-toolbar button:focus .ql-stroke-miter, .ql-snow .ql-toolbar button:focus .ql-stroke-miter, .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter, .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter { stroke: #06c; } @media (pointer: coarse) { .ql-snow.ql-toolbar button:hover:not(.ql-active), .ql-snow .ql-toolbar button:hover:not(.ql-active) { color: #444; } .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill, .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill { fill: #444; } .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke, .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter { stroke: #444; } } .ql-snow { box-sizing: border-box; } .ql-snow * { box-sizing: border-box; } .ql-snow .ql-hidden { display: none; } .ql-snow .ql-out-bottom, .ql-snow .ql-out-top { visibility: hidden; } .ql-snow .ql-tooltip { position: absolute; transform: translateY(10px); } .ql-snow .ql-tooltip a { cursor: pointer; text-decoration: none; } .ql-snow .ql-tooltip.ql-flip { transform: translateY(-10px); } .ql-snow .ql-formats { display: inline-block; vertical-align: middle; } .ql-snow .ql-formats:after { clear: both; content: ''; display: table; } .ql-snow .ql-stroke { fill: none; stroke: #444; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; } .ql-snow .ql-stroke-miter { fill: none; stroke: #444; stroke-miterlimit: 10; stroke-width: 2; } .ql-snow .ql-fill, .ql-snow .ql-stroke.ql-fill { fill: #444; } .ql-snow .ql-empty { fill: none; } .ql-snow .ql-even { fill-rule: evenodd; } .ql-snow .ql-thin, .ql-snow .ql-stroke.ql-thin { stroke-width: 1; } .ql-snow .ql-transparent { opacity: 0.4; } .ql-snow .ql-direction svg:last-child { display: none; } .ql-snow .ql-direction.ql-active svg:last-child { display: inline; } .ql-snow .ql-direction.ql-active svg:first-child { display: none; } .ql-snow .ql-editor h1 { font-size: 2em; } .ql-snow .ql-editor h2 { font-size: 1.5em; } .ql-snow .ql-editor h3 { font-size: 1.17em; } .ql-snow .ql-editor h4 { font-size: 1em; } .ql-snow .ql-editor h5 { font-size: 0.83em; } .ql-snow .ql-editor h6 { font-size: 0.67em; } .ql-snow .ql-editor a { text-decoration: underline; } .ql-snow .ql-editor blockquote { border-left: 4px solid #ccc; margin-bottom: 5px; margin-top: 5px; padding-left: 16px; } .ql-snow .ql-editor code, .ql-snow .ql-editor pre { background-color: #f0f0f0; border-radius: 3px; } .ql-snow .ql-editor pre { white-space: pre-wrap; margin-bottom: 5px; margin-top: 5px; padding: 5px 10px; } .ql-snow .ql-editor code { font-size: 85%; padding: 2px 4px; } .ql-snow .ql-editor pre.ql-syntax { background-color: #23241f; color: #f8f8f2; overflow: visible; } .ql-snow .ql-editor img { max-width: 100%; } .ql-snow .ql-picker { color: #444; display: inline-block; float: left; font-size: 14px; font-weight: 500; height: 24px; position: relative; vertical-align: middle; } .ql-snow .ql-picker-label { cursor: pointer; display: inline-block; height: 100%; padding-left: 8px; padding-right: 2px; position: relative; width: 100%; } .ql-snow .ql-picker-label::before { display: inline-block; line-height: 22px; } .ql-snow .ql-picker-options { background-color: #fff; display: none; min-width: 100%; padding: 4px 8px; position: absolute; white-space: nowrap; } .ql-snow .ql-picker-options .ql-picker-item { cursor: pointer; display: block; padding-bottom: 5px; padding-top: 5px; } .ql-snow .ql-picker.ql-expanded .ql-picker-label { color: #ccc; z-index: 2; } .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { fill: #ccc; } .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { stroke: #ccc; } .ql-snow .ql-picker.ql-expanded .ql-picker-options { display: block; margin-top: -1px; top: 100%; z-index: 1; } .ql-snow .ql-color-picker, .ql-snow .ql-icon-picker { width: 28px; } .ql-snow .ql-color-picker .ql-picker-label, .ql-snow .ql-icon-picker .ql-picker-label { padding: 2px 4px; } .ql-snow .ql-color-picker .ql-picker-label svg, .ql-snow .ql-icon-picker .ql-picker-label svg { right: 4px; } .ql-snow .ql-icon-picker .ql-picker-options { padding: 4px 0px; } .ql-snow .ql-icon-picker .ql-picker-item { height: 24px; width: 24px; padding: 2px 4px; } .ql-snow .ql-color-picker .ql-picker-options { padding: 3px 5px; width: 152px; } .ql-snow .ql-color-picker .ql-picker-item { border: 1px solid transparent; float: left; height: 16px; margin: 2px; padding: 0px; width: 16px; } .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg { position: absolute; margin-top: -9px; right: 0; top: 50%; width: 18px; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before, .ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before, .ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before { content: attr(data-label); } .ql-snow .ql-picker.ql-header { width: 98px; } .ql-snow .ql-picker.ql-header .ql-picker-label::before, .ql-snow .ql-picker.ql-header .ql-picker-item::before { content: 'Normal'; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before { content: 'Heading 1'; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before { content: 'Heading 2'; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before { content: 'Heading 3'; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before { content: 'Heading 4'; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before { content: 'Heading 5'; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before { content: 'Heading 6'; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before { font-size: 2em; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before { font-size: 1.5em; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before { font-size: 1.17em; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before { font-size: 1em; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before { font-size: 0.83em; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before { font-size: 0.67em; } .ql-snow .ql-picker.ql-font { width: 108px; } .ql-snow .ql-picker.ql-font .ql-picker-label::before, .ql-snow .ql-picker.ql-font .ql-picker-item::before { content: 'Sans Serif'; } .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before { content: 'Serif'; } .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before { content: 'Monospace'; } .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before { font-family: Georgia, Times New Roman, serif; } .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before { font-family: Monaco, Courier New, monospace; } .ql-snow .ql-picker.ql-size { width: 98px; } .ql-snow .ql-picker.ql-size .ql-picker-label::before, .ql-snow .ql-picker.ql-size .ql-picker-item::before { content: 'Normal'; } .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before { content: 'Small'; } .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before { content: 'Large'; } .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before { content: 'Huge'; } .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before { font-size: 10px; } .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before { font-size: 18px; } .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before { font-size: 32px; } .ql-snow .ql-color-picker.ql-background .ql-picker-item { background-color: #fff; } .ql-snow .ql-color-picker.ql-color .ql-picker-item { background-color: #000; } .ql-toolbar.ql-snow { border: 1px solid #ccc; box-sizing: border-box; font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; padding: 8px; } .ql-toolbar.ql-snow .ql-formats { margin-right: 15px; } .ql-toolbar.ql-snow .ql-picker-label { border: 1px solid transparent; } .ql-toolbar.ql-snow .ql-picker-options { border: 1px solid transparent; box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px; } .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { border-color: #ccc; } .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { border-color: #ccc; } .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected, .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover { border-color: #000; } .ql-toolbar.ql-snow + .ql-container.ql-snow { border-top: 0px; } .ql-snow .ql-tooltip { background-color: #fff; border: 1px solid #ccc; box-shadow: 0px 0px 5px #ddd; color: #444; padding: 5px 12px; white-space: nowrap; } .ql-snow .ql-tooltip::before { content: "Visit URL:"; line-height: 26px; margin-right: 8px; } .ql-snow .ql-tooltip input[type=text] { display: none; border: 1px solid #ccc; font-size: 13px; height: 26px; margin: 0px; padding: 3px 5px; width: 170px; } .ql-snow .ql-tooltip a.ql-preview { display: inline-block; max-width: 200px; overflow-x: hidden; text-overflow: ellipsis; vertical-align: top; } .ql-snow .ql-tooltip a.ql-action::after { border-right: 1px solid #ccc; content: 'Edit'; margin-left: 16px; padding-right: 8px; } .ql-snow .ql-tooltip a.ql-remove::before { content: 'Remove'; margin-left: 8px; } .ql-snow .ql-tooltip a { line-height: 26px; } .ql-snow .ql-tooltip.ql-editing a.ql-preview, .ql-snow .ql-tooltip.ql-editing a.ql-remove { display: none; } .ql-snow .ql-tooltip.ql-editing input[type=text] { display: inline-block; } .ql-snow .ql-tooltip.ql-editing a.ql-action::after { border-right: 0px; content: 'Save'; padding-right: 0px; } .ql-snow .ql-tooltip[data-mode=link]::before { content: "Enter link:"; } .ql-snow .ql-tooltip[data-mode=formula]::before { content: "Enter formula:"; } .ql-snow .ql-tooltip[data-mode=video]::before { content: "Enter video:"; } .ql-snow a { color: #06c; } .ql-container.ql-snow { border: 1px solid #ccc; } .commentWrapper__1Jwcj { padding-bottom: 32px; } .top-input-comment__2b3BQ { display: flex; } .input-comment-avatar__3VuyV { width: 48px; height: 48px; margin-right: 16px; cursor: pointer; } .input-comment-avatar-image__3mSwx { width: 48px; height: 48px; border-radius: 50%; border: 0.0625rem solid #efefef; } .input-comment-out__2ZCu2 { flex: 1; font-size: 14px; color: #666666; border-radius: 4px; border: 1px solid #e0e0e0; padding: 8px 12px 12px; position: relative; } .input-comment-out__2ZCu2:focus { outline: none; border-color: #ff9900; box-shadow: 2px 2px 2px #f5f5f5; } .input-comment-inner__3Hl94 { display: block; resize: none; border: none; width: 100%; height: 45px; } .input-comment-inner__3Hl94:focus { outline: none; box-shadow: none; } .input-comment-inner__3Hl94:focus .input-comment-out__2ZCu2 { outline: none; border-color: #ff9900; box-shadow: 2px 2px 2px #f5f5f5; } /*滚动条样式*/ .input-comment-inner__3Hl94::-webkit-scrollbar { /*滚动条整体样式*/ width: 5px; /*高宽分别对应横竖滚动条的尺寸*/ } .input-comment-inner__3Hl94::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ border-radius: 5px; background: #dbdbdb; } .input-comment-inner__3Hl94::-webkit-scrollbar-track { /*滚动条里面轨道*/ border-radius: 0; background: rgba(0, 0, 0, 0); } .input-comment-number__3raL7 { font-size: 12px; color: #999999; } textarea::-webkit-input-placeholder { color: #bdbdbd; } .vortex__3KgUj { display: inline-block; position: relative; margin-top: 16px; } .vortex__3KgUj .vortex-close__3nLFx { position: absolute; bottom: 8px; right: 8px; width: 18px; height: 18px; line-height: 18px; font-size: 18px; color: #cbc3b5; cursor: pointer; } .vortex__3KgUj .vortex-close__3nLFx:hover { color: rgba(203, 195, 181, 0.8); } .submit-btn-out__1gVe1 { display: flex; justify-content: space-between; margin-top: 12px; margin-bottom: 20px; width: 100%; position: relative; height: 36px; } .submit-btn-out__1gVe1 .submit-btn-out-left__3kB-W { display: flex; margin-left: 64px; } .submit-btn-out__1gVe1 .submit-btn-out-right__2qeWh { display: flex; align-items: center; } .submit-btn-out__1gVe1 button { outline: none; margin-left: 10px; border: 1px solid #ff9900; background: #ff9900; box-sizing: border-box; width: 86px; height: 36px; border-radius: 4px; color: #ffffff; font-size: 16px; } .submit-btn-out__1gVe1 .able-btn__1fnto { cursor: pointer; border-radius: 18px; } .submit-btn-out__1gVe1 .able-btn__1fnto:hover { background: rgba(255, 153, 0, 0.8); } .submit-btn-out__1gVe1 .able-btn__1fnto:disabled { border: 1px solid #efefef; background: #efefef; color: #999999; border-radius: 18px; cursor: not-allowed; } .comment-list-title__II3F7 { font-size: 16px; color: #333333; padding-bottom: 16px; border-bottom: 1px solid #efefef; } .comment-list-title-numebr__34sCi { color: #000000; } .comment-box__1XwTy { padding-top: 24px; background: #ffffff; display: flex; } .comment-box__1XwTy .avatar-image__HwYha { width: 48px; height: 48px; margin: 0 16px 0 0; border-radius: 50%; position: relative; } .comment-box__1XwTy .avatar-image__HwYha .img__2QEY_ { width: 48px; height: 48px; border-radius: 50%; cursor: pointer; border: 1px solid #efefef; } .comment-box__1XwTy .commentContentBox__3TPxy { min-height: 562px; } .comment-box__1XwTy .add-time__5OJh8 { color: #999999; margin-right: 20px; } .comment-box__1XwTy .address__3eqMy { color: #999999; } .comment-box__1XwTy .comment-content__27M9X { margin-left: 16px; padding-bottom: 16px; flex: 1; border-bottom: 1px solid #efefef; } .comment-box__1XwTy .comment-content__27M9X .commentUser__3HiPj { display: flex; align-items: center; margin-bottom: 8px; height: 28px; } .comment-box__1XwTy .comment-content__27M9X .commentUser__3HiPj .nickname__1gVga { line-height: 20px; font-size: 16px; color: #333333; } .comment-box__1XwTy .comment-content__27M9X .commentUser__3HiPj .nickname__1gVga:hover { color: #2d8fff; } .comment-box__1XwTy .comment-content__27M9X .commentUser__3HiPj .medalItem__ubp5l { display: flex; } .comment-box__1XwTy .comment-content__27M9X .commentUser__3HiPj .medalItem__ubp5l .medalItemIcon__1vfak { display: flex; align-items: center; width: 76px; border-right: 1px solid #e0e0e0; } .comment-box__1XwTy .comment-content__27M9X .commentUser__3HiPj .medalItem__ubp5l .medalItemIcon__1vfak img { width: 64px; height: 64px; } .comment-box__1XwTy .comment-content__27M9X .commentUser__3HiPj .medalItem__ubp5l .medalItemRight__2khw- { padding-left: 10px; padding-right: 4px; } .comment-box__1XwTy .comment-content__27M9X .commentUser__3HiPj .medalItem__ubp5l .medalItemRight__2khw- div { margin-bottom: 5px; } .comment-box__1XwTy .comment-content__27M9X .commentUser__3HiPj .medalItem__ubp5l .medalItemRight__2khw- div:first-child { font-weight: 600; } .comment-box__1XwTy .comment-content__27M9X .commentUser__3HiPj .medalItem__ubp5l .medalItemRight__2khw- div:last-child { color: #999; margin-bottom: 0; } .comment-box__1XwTy .comment-content__27M9X .commentUser__3HiPj .medalIcon__1bKTg { margin-left: 4px; width: 28px; height: 28px; } .comment-box__1XwTy .comment-content__27M9X .comment-text__YlZKc { color: #666666; font-size: 14px; word-break: break-word; white-space: pre-wrap; } .comment-box__1XwTy .comment-content__27M9X .comment-text__YlZKc img { vertical-align: baseline; } .comment-box__1XwTy .comment-content__27M9X .comment-ad__2O5a2 { margin-top: 16px; } .comment-box__1XwTy .comment-content__27M9X .comment-bot__Qrtmc { margin-top: 16px; display: flex; justify-content: space-between; } .comment-box__1XwTy .comment-content__27M9X .comment-bot__Qrtmc .static-icon__3WmjR { display: flex; color: #999999; white-space: nowrap; font-size: 12px; align-self: flex-end; margin-right: -6px; margin-top: 1px; } .comment-box__1XwTy .comment-content__27M9X .comment-bot__Qrtmc .static-icon__3WmjR .inner-icon__1iZmp { font-size: 12px; } .comment-box__1XwTy .comment-content__27M9X .comment-bot__Qrtmc .static-icon__3WmjR .report-icon__3pJtV { font-weight: bold; } .comment-box__1XwTy .comment-content__27M9X .comment-bot__Qrtmc .static-icon__3WmjR .report-icon__3pJtV:hover { color: #2d8fff; } .comment-box__1XwTy .comment-content__27M9X .comment-bot__Qrtmc .static-icon__3WmjR .num-left__RxueK { margin-left: 4px; } .comment-box__1XwTy.commentSingle__27ZlO { padding-top: 0; } .comment-box__1XwTy.commentSingle__27ZlO > a:first-child { margin-bottom: 0; } .comment-box__1XwTy.commentSingle__27ZlO .comment-content__27M9X { padding-bottom: 0; border-bottom: none; } .bottom-icon__3pWdv { cursor: pointer; display: inline-flex; align-items: center; height: 16px; line-height: 16px; color: #bdbdbd; } .bottom-icon__3pWdv .bottom-icon-one__2EpmJ { font-size: 12px; } .bottom-icon__3pWdv.active, .bottom-icon__3pWdv:hover { color: #333; } .comment-icon__2a1Cv { margin-right: 22px; margin-top: 1px; } .comment-icon__2a1Cv:hover { color: #feb937; } .like-icon__27q1W { margin-right: 17px; } .like-icon__27q1W:hover, .like-icon__27q1W.active { color: #ff6700; } .comment-number__2ZojZ { font-size: 16px; color: #333333; width: 100%; padding-bottom: 10px; border-bottom: 1px solid #efefef; } .comment-number__2ZojZ .comment-real-number__1Mf2P { color: #000000; margin-left: 8px; } .comment-empty__WbDfF { width: 100%; padding: 80px 0 0; min-height: 562px; text-align: center; } .empty-content-imgae__1i5_Y { width: 146px; height: 200px; } .empty-content-text__H5KYG { padding: 16px 0 0; font-size: 14px; text-indent: 8px; } .reply-input-out__3c4NF { width: 100%; height: 80px; margin-top: 16px; padding: 6px 8px 10px; position: relative; border-radius: 2px; background: #ffffff; border: 1px solid #e0e0e0; } .reply-input-content__1U14E { width: 100%; height: 100%; font-size: 14px; color: #666666; resize: none; outline: none; border: none; } /*滚动条样式*/ .reply-input-content__1U14E::-webkit-scrollbar { /*滚动条整体样式*/ width: 5px; /*高宽分别对应横竖滚动条的尺寸*/ } .reply-input-content__1U14E::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ border-radius: 5px; background: #dbdbdb; } .reply-input-content__1U14E::-webkit-scrollbar-track { /*滚动条里面轨道*/ border-radius: 0; background: rgba(0, 0, 0, 0); } .reply-input-content-number__3NdpE { position: absolute; bottom: 0; right: 0; padding-bottom: 8px; padding-right: 8px; font-size: 12px; color: #999999; } .reply-input-button-out__3TSgD { display: flex; justify-content: space-between; width: 100%; height: 40px; margin-top: 16px; } .reply-input-all-button__1pWYY { float: right; } .reply-input-cancel__oftuD { cursor: pointer; color: #999999; font-size: 16px; margin-right: 16px; } .reply-input-cancel__oftuD:hover { color: #333333; } .reply-input-button__3JMFg { outline: none; width: 86px; height: 36px; background: #ff9900; border: none; border-radius: 18px; font-size: 16px; color: #ffffff; cursor: pointer; } .reply-input-button__3JMFg:hover { background-color: rgba(255, 153, 0, 0.8); } .reply-disabel-btn__1IuBZ { background-color: #efefef; cursor: not-allowed; color: #999999; } .reply-disabel-btn__1IuBZ:hover { background-color: #efefef; } .reply-more-button__3ct2i { color: #2d8fff; width: 100%; height: 48px; line-height: 48px; background-color: #f9f9f9; font-size: 14px; padding-left: 80px; } .reply-more-button-text__iB2jQ { cursor: pointer; } .child-comment-area__3EErc { padding-top: 16px; } .child-comment-box__22XCn { background: #f9f9f9; padding: 24px 24px 0; border-radius: 4px; display: flex; } .child-comment-avatar__2x7pv { width: 40px; height: 40px; border-radius: 50%; position: relative; } .child-comment-avatar-image__3l9wM { width: 40px; height: 40px; border-radius: 50%; cursor: pointer; border: 1px solid #e0e0e0; } .child-comment-content__13ea8 { flex: 1; margin-left: 20px; padding-bottom: 12px; border-bottom: #efefef 1px solid; word-break: break-word; } .child-comment-name__19ITn { color: #333333; font-size: 16px; margin-bottom: 8px; } .child-comment-text__2o9Ns { font-size: 14px; color: #666666; width: 100%; word-wrap: break-word; white-space: pre-wrap; } .child-comment-text__2o9Ns img { vertical-align: baseline; } .reply-infix__3f89q { color: #999999; margin-left: 4px; margin-right: 4px; } .child-comment-box__22XCn:last-child .child-comment-content__13ea8 { border-bottom: none; } .comment-bottom__3sSEX { width: 100%; padding-top: 24px; text-align: center; position: relative; } .more-comment__2l3DN { display: inline-block; color: #1f7ce6; font-size: 14px; cursor: pointer; width: 120px; line-height: 18px; } .more-comment__2l3DN:hover { color: rgba(31, 124, 230, 0.8); } .more-comment-icon__2Bxj9 { display: inline-block; margin-right: 2px; font-size: 12px; transform: scale(0.6); vertical-align: top; } .to-write-reply__3u1Cq { float: right; cursor: pointer; color: #999999; font-size: 14px; } .to-write-reply__3u1Cq .to_write_reply_icon__1qTVf { margin-right: 4px; color: #bdbdbd; } .to-write-reply__3u1Cq:hover { color: #1f7ce6; } .to-write-reply__3u1Cq:hover .to_write_reply_icon__1qTVf { color: #1f7ce6; } .proStarBox__1ZClS { display: flex; align-items: center; justify-content: center; width: 16px; height: 16px; position: absolute; right: -2px; bottom: -2px; border-radius: 50%; background: linear-gradient(113deg, #ff5b35 0%, #ffc852 100%); border: 1px solid #ffffff; color: #ffffff; } .proStar__2FQlz { display: inline-flex; justify-content: center; align-items: center; width: 100%; height: 100%; font-size: 16px; transform: scale(0.51); } .smallProStarBox__2__E5 { width: 12px; height: 12px; right: 0.5px; bottom: 0.5px; } .smallProStar__GsQIt { font-size: 12px; transform: scale(0.41); } .report-out__25TYk { transform: scale(0.8); } .red__u7zQC { color: #ff5b35; } .foucusText__1BP2A { outline: none; box-shadow: 2px 2px 2px #f5f5f5; } .atTop__kPPJn { margin-left: 4px; padding: 0 4px; font-size: 12px; line-height: 14px; border-radius: 2px; background: #ff6700; color: #fff; position: relative; top: -1px; } .biaoqingBtn__uUrB9 { margin-right: 8px; height: 24px; line-height: 22px; width: 60px; background: #fff; border-radius: 15px; font-size: 12px; text-align: center; border: 1px solid #efefef; cursor: pointer; } .biaoqingBtn__uUrB9:hover { background: #efefef; } .biaoqingBtn__uUrB9 .bq__1n_Cq { margin-right: 2px; font-size: 14px; } .biaoqingBtn__uUrB9 .bqBox__271xd { width: 368px; height: 268px; border: 1px solid #f0f0f0; background: #fff; box-shadow: 1px 1px 1px #f0f0f0; border-radius: 5px; position: relative; top: 16px; z-index: 999; box-shadow: 1px 3px 4px rgba(0, 0, 0, 0.15); } .biaoqingBtn__uUrB9 .bqBox__271xd .triangle__3krxV { width: 0; height: 0; border-width: 10px; border-style: solid; border-color: transparent transparent #f0f0f0 transparent; position: absolute; top: -21px; left: 25px; } .biaoqingBtn__uUrB9 .bqBox__271xd .triangle__3krxV::after { content: ""; display: block; width: 0; height: 0; border-width: 10px; border-style: solid; border-color: transparent transparent #fff transparent; position: absolute; /* top: -10px; */ left: -9px; top: -8px; left: -10px; } .biaoqingBtn__uUrB9 .bqBox__271xd .bqTitle__3L0BJ { height: 32px; color: #333333; padding: 10px; display: flex; justify-content: space-between; align-items: center; } .biaoqingBtn__uUrB9 .bqBox__271xd .bqTitle__3L0BJ .userInfo__1DmCq { display: flex; align-items: center; } .biaoqingBtn__uUrB9 .bqBox__271xd .bqTitle__3L0BJ .userInfo__1DmCq:hover { opacity: 0.8; } .biaoqingBtn__uUrB9 .bqBox__271xd .bqTitle__3L0BJ .userInfo__1DmCq .userAvatar__p_1qa { width: 16px; height: 16px; margin-right: 4px; border-radius: 16px; } .biaoqingBtn__uUrB9 .bqBox__271xd .bqTitle__3L0BJ .userInfo__1DmCq .userName__1NtQ7 { margin-right: 7px; font-weight: 400; color: #666666; font-size: 12px; } .biaoqingBtn__uUrB9 .bqBox__271xd .bqTitle__3L0BJ .userInfo__1DmCq .icon__1oF-4 { color: #6d7278; font-size: 9px; } .biaoqingBtn__uUrB9 .bqBox__271xd .bqContent__1QRoJ { height: calc(100% - 62px); overflow-y: auto; padding: 10px; text-align: left; margin-right: 6px; } .biaoqingBtn__uUrB9 .bqBox__271xd .bqContent__1QRoJ::-webkit-scrollbar { /*滚动条整体样式*/ width: 5px; /*高宽分别对应横竖滚动条的尺寸*/ } .biaoqingBtn__uUrB9 .bqBox__271xd .bqContent__1QRoJ::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ border-radius: 5px; background: #dbdbdb; } .biaoqingBtn__uUrB9 .bqBox__271xd .bqContent__1QRoJ::-webkit-scrollbar-track { /*滚动条里面轨道*/ border-radius: 0; background: rgba(0, 0, 0, 0); } .biaoqingBtn__uUrB9 .bqBox__271xd .bqContent__1QRoJ .xmBqImg__2Myeb { width: 64px; height: 64px; padding: 5px; cursor: pointer; margin-right: 7px; margin-right: 2px; margin-bottom: 2px; } .biaoqingBtn__uUrB9 .bqBox__271xd .bqContent__1QRoJ .xmBqImg__2Myeb:hover { background: #dbdbdb; border-radius: 5px; } .biaoqingBtn__uUrB9 .bqBox__271xd .bqContent__1QRoJ .pichaiBqImg__2kBiG { width: 64px; height: 64px; padding: 5px; cursor: pointer; margin-right: 7px; margin-right: 2px; margin-bottom: 2px; } .biaoqingBtn__uUrB9 .bqBox__271xd .bqContent__1QRoJ .pichaiBqImg__2kBiG:hover { background: #dbdbdb; border-radius: 5px; } .biaoqingBtn__uUrB9 .bqBox__271xd .bqContent__1QRoJ .axianBqImg__1Cnem { width: 64px; height: 64px; padding: 5px; cursor: pointer; margin-right: 7px; margin-right: 2px; margin-bottom: 2px; } .biaoqingBtn__uUrB9 .bqBox__271xd .bqContent__1QRoJ .axianBqImg__1Cnem:hover { background: #dbdbdb; border-radius: 5px; } .biaoqingBtn__uUrB9 .bqBox__271xd .bqContent__1QRoJ .emojiBqImg__27nRM { width: 32px; height: 32px; padding: 5px; cursor: pointer; margin-right: 5px; } .biaoqingBtn__uUrB9 .bqBox__271xd .bqContent__1QRoJ .emojiBqImg__27nRM:hover { background: #dbdbdb; border-radius: 5px; } .biaoqingBtn__uUrB9 .bqBox__271xd .bqTab__UgrP2 { height: 30px; background: #f2f2f2; } .biaoqingBtn__uUrB9 .bqBox__271xd .bqTab__UgrP2 .xmTab__DhiLZ { cursor: pointer; height: 100%; float: left; } .biaoqingBtn__uUrB9 .bqBox__271xd .bqTab__UgrP2 .xmTab__DhiLZ span { background-image: url(//xmcdn.oss-cn-shanghai.aliyuncs.com/community/2.3.4/prod/_next/static/images/xm-f64b7b6c726aa31026cb4e956f96f1a5.png); background-size: 23px 23px; background-position: center; background-repeat: no-repeat; display: inline-block; width: 40px; height: 100%; } .biaoqingBtn__uUrB9 .bqBox__271xd .bqTab__UgrP2 .xmTab__DhiLZ:hover { background: white; } .biaoqingBtn__uUrB9 .bqBox__271xd .bqTab__UgrP2 .pichaiTab__2jXeU { cursor: pointer; height: 100%; float: left; } .biaoqingBtn__uUrB9 .bqBox__271xd .bqTab__UgrP2 .pichaiTab__2jXeU span { background-image: url(//xmcdn.oss-cn-shanghai.aliyuncs.com/community/2.3.4/prod/_next/static/images/pichai-c46c35111094555fb25f87b06521a190.png); background-size: 23px 23px; background-position: center; background-repeat: no-repeat; display: inline-block; width: 40px; height: 100%; } .biaoqingBtn__uUrB9 .bqBox__271xd .bqTab__UgrP2 .pichaiTab__2jXeU:hover { background: white; } .biaoqingBtn__uUrB9 .bqBox__271xd .bqTab__UgrP2 .axianTab__VQCVu { cursor: pointer; height: 100%; float: left; } .biaoqingBtn__uUrB9 .bqBox__271xd .bqTab__UgrP2 .axianTab__VQCVu span { background-image: url(//xmcdn.oss-cn-shanghai.aliyuncs.com/community/2.3.4/prod/_next/static/images/axian-d9c53a885773f48bc4b015ce8d001d40.png); background-size: 23px 23px; background-position: center; background-repeat: no-repeat; display: inline-block; width: 40px; height: 100%; } .biaoqingBtn__uUrB9 .bqBox__271xd .bqTab__UgrP2 .axianTab__VQCVu:hover { background: white; } .biaoqingBtn__uUrB9 .bqBox__271xd .bqTab__UgrP2 .emojiTab__3CkwG { cursor: pointer; height: 100%; float: left; } .biaoqingBtn__uUrB9 .bqBox__271xd .bqTab__UgrP2 .emojiTab__3CkwG span { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAB3RJTUUH4woPCwYBY9+zigAAAAZiS0dEAP8A/wD/oL2nkwAAHwFJREFUeNrtnHmUXFd95z/3vrWWrupVakmtzbIkW9iyjRfZxmAIwcGEJQYGCIFAciYzE7JBMkkIIQTMABOIGWZO5iQzWQ4hASdnEnBMiJ3V4B1vso132ZbVrZbUUrd6rar33t3mj/dq6UVCcUySmZM655736lXVq3u/9/f9/pZ7qwT/9ljz4fJD+G9IfJeH+Jf88p94z5f59sMvFz/yypvlBQOPynq0IACWsqp77OQ59qbHXmuv2vGI+9QXf+r/f4C+df2bmMkGvN21A/Vq3NoUBemW0NfbPM9uFpIB4dmqgBABzpE5IxvOMmeNmMiU/0Kmg4lGWpp45uS2+Wv3/p0Ofnjmn6X739NvmPjcLh5pnB+cWz2wuRo3L4mj7KogNBf6kd0uQwZESEkESOEDnlguABacdjjlrMtIbMacTuVBnXmPJml410KrdN9EY9OhPdWnsvX/+dD/OwD9xUffyps/+VUe/sxl/etK01dU4+QtUUm/yi/b7bJMLEoSYgGRgADwAV+AlCBEjo5zYB0YB8qBAlIgsbiWwzZJdVOMpy3/jqWkdPNsq3bnW/7md2b+4OoPc/UnvvmvE6C7P/EKzqs9wXhz8+Bwafbaail5T1TRV3p91ERVQFlCyUHsQ1SCaADCUQjWgzcEsg9EBEhwGdglMCdBT0E6Bek0pEuQaGgBLYdbtJhFltKGf99iq/zl462Br+/9uUdOjF57jKk7Rv/1APTEp/awqMrxWOX462rlxgdKVfUqr0aZmoQKUPagPAiV3VC+CMKXgb8V5BCIMrkpeUV3CgeLATSQgJkDMwnZU9DaD0uPQ+MoNDNoAIsOs0CSLPr3zDcrv31ocfivSn7auOhjT/zLAvQPv/IaXvP223j21h27hsrzH6pW03cG/W6AuoSKg2oM9bOhdjWUr4BgO4gqOG95F4RY3RXnCrBcFzThwLXAHIHWQzB/G8w9AosL0BCw4FBzLDQWo69NN/tv2PfAnz722+dc7975mZv/+QG6/+N7aZhSsK10+E0j1cWPlvr1hWJACmpAJYDBPTD4gzkw3nBOnc5XyqKJnuPKrriuWq9qxX3cIrQehZPfgJn7YHERFsHNWpI5/4nZRvXTzzTO+rOBYC698GOP//MB9MT1O1g0lfr20tGfqtcaPx8OuCH6JdSA/jFY9xaovybXljZjOqBIEHL5887rvQ+7GiTXBsh0Xxcit6qlB2Hqz2HmMVjQMOdQJ8X8/GLpf0621n2+Ludntn/syPcYoP/oODS2gWk9tH5befLX6/Xkx71BEdEvoBbC+lfAurdDtG0Na+ltXvc1cToLsgXV1rKiHpCczYHSszD9V3D0GzA3B/NgZqyany/9yXhzw0d2hi8cfuP0F/nm5995xkP2zvSNH/7Ih7l56Dom9ejG7eXJG+r9yfu8YRnQDwz0w9g7YP3bIOgHp3oGUDRxukGaNZoqRLq3qW5zK69lIP3cEZQ2gz4MbhbpSS9y2fkl0zx7PBm99ycrX5o758o3ctPtT710AN3wkffxo/FXGdcb1+8oHb6hv956lzckvRycjbD5vTBwBUhXdPpUg17RxMprvYPWPUCpAvSVr58CwGAdlHeCPQFmCiGECK3eHel0+8Fk7K4LvMcXLrr69Xz1W98dJP9MAHp9dCcTarR2Tvz8x+u11jvloJD0ORjYDGPvhr6zQTSLGKaXMl4PhdagmjtTkXYFWGvQraNLva85iAZh07vzEMI8iLRC1Ezyps322OJzydgHLxEPzLwkFvStXz2Ppxsbg5eXn/rQUK3xQX9QBtSBgU2w6R1Q2QJC5dYgVlqF7bGEXsvRa1jNqeik17CibPVr7XNX0M9mIHyIt4M9CdkxBEJEWp0bqlQ8ke268+e+r8/87rdOvHiAbvrYa/mBwW/TJ5Lr1lUWPh0O0ke/gPogbHoLVDbn4EgD0q5BmZWA6RVHcwraqNWaczpAlr2mwbZBUrkFR2N5RK5mkE54oVJ7S2pp4mWfOPjILR+9lS/fPvkivNifOF54fJh517d7W3nqxtqQvoghCQMxbHoDDJwPngNf5ommJ0GKHhcuVsc8Yq3Y57t4sZVUW9Or9QSUzuY5nC2O2ubYNadg4mswPQUnHYvT3lPjzXU/vF6cePiG4Bf5r792/T/Ogu7e81UOmLPic8Lnf72/lrxJDnhQlbDuEhjYC1J3rUbYFRaje2h0uqNe4bHUKVp2iut6hUfrtZ4VliRjkGVojYM1BNoMy0z37c/O/duL3MPZ790+feYA/fXHLudV7iF82bp2pLT4a9EAJfpELsoj+8D3coBEoTOiBxyhe2ilT0GnlQCeAaWcOo32FM+tKoDRXZBccd0o8Kq5NrWOIQx4md7hqfSZ84ND33nllRfypTuOnZkX85J5/s7uGbyw79AH4rIdIPYgLkH/y3Ka2BbYojwhJNginzIi92JS5G1ZlNxLKXo8WC/TRQ+9ej0Zq6nU+9y1SyQ2L5Msa0Ww6YpjbSfMT0BrirDsKv2txk/em+z6h5psHTtjC/riNdNouG6k0viZsC4DKhIGt0PtrB5Btis811oeawWdhF5hVafzXKewLLcG3Xqp1LaeDs16myrCEAmtKYS2iEyPGmUPnm8nHpx/75e59+tfPT1Ad3z0fJ5TG+pj4dT1tT61R1Yl9FVgaA8E4XI69UbCHS3Sy925MKdx6eY0gd/paFd81rUpZFYDY3qaVfnRmZxqRJDOQbqIVM4zmet/IN35jQvmb2v8/p0zpwfoE1ctEgjzfYPx4ofiPhGLigf9m6AyCp7Jo+W29WBXxz9tkXY915zKuY9eLuintKTTNJvlzZm89WqOM8v1x+rlutRpBf1a0wjlsKkZsYaHtzH+OO/4H9x1yy1ra9AtH72CP9Xn+G/3/vzNYWjrIvByq4kGc9M2EqRXaE+hKUIsf47oSo2GdLHBkQPTHJ9colyL2HLuCLXRAYTvszqDX6lBXZfvtGL+6EnGnzxB0lCs21hlw45homql+zbrCs9vl2uQpee5yY9BBaI+CGYJQluqJs23/J295ubXn/jD5DdOJdKjepx+jm+OvexqLxR5jBP2gQyKWfPAmB7BXQMgRy7Q1jF/bI7bvvYc93zzBIvzGi8Q7DqvxhvfczZbLxxDBsEZAWRVxgv7J/nGHz3LM48vYLSjVg+44jUjvPq6HdTX1fPP9oqzYzlABjC2eF6kLVEd/Hm80BLJ7Mqz9IGzY9t6bE2K/e9P/TsuzB7C4r+uHjV+PCwL3yv7iL6RvIYsXY84r6TZynzI0Jpb4tYbD/DNW47hY6lVBYHnODKeMPn8AmftKtE3FHUpuSbdcsocfeoYN/7WUxx8aoG+ClRLgiw1PPPEAjZN2b6rShCKgl6mq0m2ODe2e25Njz45aC1iM41JbSVV/sNb7NT+S3/gDfzpbQc6/heAPfoIvzvyZVmSySs8z8Z5hByAFxYil+UCZwo9se24I+u5loLNcFnCk/cd5f47TjBYh02jkg3rBJvWS8ZGJccOLXHHzYfI5heK+7ZbWrTutWx+gdtvPsTxQ4tsWi/ZtC6/19ioZKgu+Pa3TvDEfUdxOun2sx33tM9tz7H3dSHBj8ATSN8FIclVX5HvCvqTI6spVl0c55rZj9TicrYXL/eGzgtyo7cKrJfPhJB5vNNbSxZ0KeegtZDw4J0nCKRlZFBSLQs8Lw9FAl9gDTzx4En2PXuSbXuHu8s9q+jmOPLsLE89NMvQgGSoLomjogsx+J7kyHHLA3ec4NwL6pTrcR7rGNeTibSXkNraVDSXW7rzApwU4Al8ofbuzPYPlWTSiYk6FpQKi/XUmBXmbDyBEwInvTU8g1ruRtueoWNdiqmJRY6ON+jvE5RLAt/PZcnzII6g3ifQLcWBR+dAp103vNI1q5QDj55EJ4p6nyCO8ntIAYEP5ZJgoC44NtFg6vBiT7/Min7p5d/R49Gc9HBSggRPmM2Ra23znGIZQH/xyWsokVKW2RawA3ngK3AIXJvXpofDdo1AzHVBmnyhgckM5VgggSx1tFqWJLE4C1EoKEUweXAJ1co6wC5rRpE1Uw4/v0QcQhQIrHUkiaXVsmSpQwooxwKrDMfGmwWVVsRC1qxw8Wb5NcCJPPIX0tUqMtk6YGe46ZNv6KGYNmxtTnOwNLRVCFd2orAgXHEj2XWfRi538W06uKIG5uDk8RRPOgSCJHP0b6oztLWf1nzC1IEZjNGEASzMpCSNjCBem2FZS9GYV4QBaOPA81m3e4jKYInpF2aZm5jPPY10zBxPcFojEIWfcF2KGVanH9bgrMY5kxuDAHCRdGrH2UdSni3NdgEqpSep/5bjkV/o34xw0iHyLMdZnNMI6xVflptivvJS5F6dUCUHzQnIEgMOMgN7X7uZS14/RqUs0Vbw9P5h7v7KMziXolKLSjVYP+/4CoC00ujMYi0QBlz2rp2cc8kgvnQsNTbwwC2H+c7fTACwtKBw2iCkLMBxq4Gy5NpTgOSswTldZHQi98bObvwPl35NvmP6etuhmHCaD3/qc9LBgMPlbwZwBcrW9CSDpudoep7bTpzhnCNNHVsvHOHKN6ynzy0i52cIGyc57+VlLrh2M5kWOOcK+uo17+usxWiHMoILr93MeZdUCBsnkXMz1NwCr3jDOrZcMEyWOqxx+f16+2NNkaSaFX0vrjmVg5RzpVhxc/1XTf2BF6ilrgb5NmNn834JrpJbocvBdnaF8vfMRjuDNr1m6xDOgYCwEnLxq4eIVAtSVcymQSwtcd6lfQxuroIQBKG/wuN062BB4OEEDG/r4/zL+pBLS6CKSDjVRDrh4lcP4ZcCwpKHlCzrS7dvK4JH53DWFs3gnOsasLN9A2rSE9Z0KSZtRlWdEDgXdgoKzhWtXRwvaOR6It72efu6AyE9Np87SHm0xsYNIaRZsbhXlECMoxpZLrlmlMPPNYmrQT4gVhcUo0rAjotH2HpOhUpgIWkLHfnkpIaNG0Muu3YjI8MBQvqgVDdmLTYbFQLTPS8m1xXL2871FFCcDX2beHg9ADnX83kH1uUew9nc+Aqj6Il1CiEUubfD9miRclx6+QDOE3gq6XZO0K0bpZaLL69xwb5+ApvlM70sFsoHEXiON7xzA76wOdCuAIfuQH2tueaNI3lAnhTf15kwtwZQtightS3JYa1bRopeTHwAIwNa4ZCzmVB5DOVwTuDapupyXRGW5blXG3YpltWxvCQp9vu0xyt6ys55zuSnGb5guUWyQvS1IxJpIeCux4J7MhvA12kPlUT3dUt3Mp0o9KitfRbncp1r19Py4cpMydhYkXQ1qGkjHpUXOe1odL2gK6zI9ADVSynR8Vz5gGS3M1Z0vUdnNtuWJ3Jv2FtOOkV9vrMcZtufo3sP13NuesBwYvnaXPvc9YBlXUd/rHXd5N+CRS4tRKPGCa8LkBU+n7/+V411Ys6Y5bpsjSlAMjibz6IzoJsam5iisytAWgZGz+A6AxfL32vl8vc7WcRecvmgnegR8t73tz8jujR0ebyomwqT2M77XOHVnNMFSL3O2GGcmHt8w7uM8spdionqAM+9RzA1ODhujLTGIHtTFteJng1Yn5njKbfdMU2tKtm5s8LIhphSPcCLfIQnV+z3cd2D6G3FwNascPRcdD0Owa18znK9sWCVRTUzFmZSxl9o8tQzLbZtLrPv8iF8X3QCRKzNI4x2hGLAGIF18uhnvvKj9huvvbwLkBWCYwNDGBEeMla0rHaV3tAkd4U5SML5HJ7K+Ou7FpHCMHjPHBvXB2zbHDM2FjMyWqI2GFKq+PhxgAgkwhPLa2Md4e7RlFXrYj37FZch3A0JnHaYTJM1FY0Fxex0ytHJhEMTCeOTKcdnFAtNOHu7Ye/eAfqqdOI6Zwp6GYcpmjYyNfjPPnhRgI7rXYB+6ON/zzc/OIYhmNBGzGntKvkH2+bnkEYjZJHgYanXQwbPvRqtFIcOP80z90zjuQWqZcHwYMDIUMjISMDwSET/YEBfPSCu+PihxPMlQgqEJD8WIu56bccVzsIW4YZ26MySJobmgmZ+TnFyOuXEdMbxE4qZGcX8oibJQIQlKkNbGLlgG5WjT+B7c1ja2pGPwVpbWE07NXMYIxaVVz5kZcAPfeyvl5c7tAjJRPmw0f7zRqWbtAZf58h6xuGMAS9PBOMIKpWI817zdgY2n8vC9BFOTh5gdvxJ5iYPcGT6CAenZjHZAh6GKIRKWdJX9SjFHlEkCEKJ7wsCX+L5ouMI27bSniClHEpZ0tSQtCxLTUujYWglFm3y3bF+XKLUN0r/zjH6x3YxsOVl1DfsIK7Uefj/fJpa89vEEQW1CuspJt5q0MqhFWjrT7RE9ELg1ii5ptEwB0avm+8/8JlHtU5faZTD6KIZ8GxuRVhNf00SyhbN44cYO/dSarXdbNt1Hs69haTRoLEwzeL0EeaPT7Bw4jCNmSM0ZmeYXponO7GEyVpYnRQOwHVikjZEoicZlp5ESA8vKOFHJcJSlfJQneH+YapDG6gObaRveIzq0EYq/cMEUQmcw2hNc36a1swkO7dGhL6DTOOM6lDKaNDFGLVyaOc/drJvz8xQ+vxqgBp9m3jFEx81rWj4Tq2b/14rFxkFWoEXOIzvkNIitaJWjRmoCaaeuZ/tl78R5+eFtTAMGRgaYt36Ubw9FyGFwFqL1hlZmpA1l2g1Fkiai6SNedLmEiptYVSG0VkeTuCQ0kcGIV4QEURlolKZuFonKvcRlfqIylXCKMYLwjxBthatFSpLSJOUTGVYBycPP002f5ixsTrCKaxVOGtzb9UGRzl05tBaaC2iOy+auCl7avvrVgP0jl/9Gn//0xtQIr4/NnMv6Mzs1pnFj2SnziSlQ2pNKTZs2xZz33ceZv7YQQbHdqG1RkqZz34RxgeBTxAElOIYv38Az/NyixCyu+HXrXRivVbUFW9HHrsYYzHGoLVGG43KFFoplFYopTBGF9Gx5ehjt9NXzti8MQStcMbkuqPJmaEKy1EObbwjiajce6IqedvH/5ZVFUWARnULx4f2jWui23Xmcv5nFq1cp1BnjEMaxa4dJTwzzcF7bkKlCUgPY10+AGsxRueD0N3OZypDZQqlMrRWWGs6uZ4QrmgFJK4I5Ex+D935bH4/rTVaaYzRGGuwxuQeV0iE5zE78RTHn76Ls3dUGKw5rMqwxubeSneBUZlDpw5tw3vnq9sPNMobT71weOOdk/zy7uds5vc53yZvEh6R5wukn2uBlCL3OkC1L+DotOHQE09ycuJZWosLOAdeGBOEMb4fIj2JK+ZA9FiCaAflRZmhkxcVOZItdMkWlpCf27zKUFinbb/Xgdaa5tICc8cmOPLkQzx39828cNeX8bJjfN/VgwyXNTrTGCMKYCwqtWSJJWsaspZIEtH3G+tnH99/8Jx3c9Mt95x688Jc9Sws/l1ha+FeP01fpyKBl0mkbwuAQAhHFGguvrDKsWMzZIf/gUPjt3NQ1gjrW6ht3MnQ1j0MbTqb+roxKv3DlKo1ojhGyAAnc+FFtF28WBYGiV62tUsTOLTKSFtNGovzLM5MMTc1yckjz3Py8LPMH3uOZG4CqeYIvTyP2n1OnS2jApNojMk1RxVWozKHSm3bevY3oqHbWv113v8zn1+GxyqAPvLZx/jSe8XszMDIHwcqe6WXuFj5FukVHsWzSClRqWHHpphdO6u8cHCR4Qo4N0+aPULrwH4OPunzrIiRUT9BeYRSfYhS/3rK9XVUakPE1f5cbOMSXhAipSw8Wk6XLE1IW03SpUVai7M05o/TmD1OY36adHEG3ZrBqSaeSAkDQzkUDNQkQSBRysc4yaUvrxBoRVZ44o71ZLYLjkJlonTj1fufPPYn130Q+MKaS5nLHn/5oXPBMTyUHroxjtLvD6seUdUnKntEsUcQeQSBICr5zGQhf3nrDCpVVMsC2U6FLBjr0NrmnNcObRzWSqyTWCuKMmcu2p36dlGDyvOkohgqLL7n8DyH70sCX+D7As8TSJl/pywqGpmChYbj4ksHueK8ANNIUdqis1xP08SQNjVJw6CWNEkS3jsfbXm759Tk93/h+VVYrLk/yAZVth29f3qmNvrbfjZzqUxtXRZWJDo6JAHDcNVyxRUD3HbbNElqKcV5h/HA8wRh4HWzhR7PlZdq8pKrw5xittoUlMtYKNaYVudyJ9JoWrbtqHHxy0rYZhPVnhxtyQrLUYnDJBadymYq+n5nz+GnJx/ZetFaUKzaPQDAmz97P8dHd5PWx27NXPRnOgGdGrKk+ILUogpzTRsZOzd6XLZviFQJktStKhD2lpBk8dMwzwPfE0U0LTpWsbzl7+tsfxSnBkcbWGpYhkcrvHJfnSBNUZntxDkqdR1h1qlBpw7lgm/QV7vpyQ1n8YPn718ToDU3ULkvwlnVGR59MFXlgfg5VPYqiVm3clNHvosMhDZs2BBDFDNxOMFZh1eY/vf64RwonVvOwLoK33/1EP0yJW3lEbNSFqUsWWpQiUEnBt2yZJn3rAr6fv7ZR5oH3/YD+VLzJ246QwsCoARvfduMuOq/HXvceKVPq1TO2sJ6sqKpNBe8LLPohRYX7w65/MphDB7NlkNrltHrpX5YC1nmWGo4RsdqvO41Qwx4CWkzKzxWG5zcclQrByhLxZKWpc9d9YuXP/hj/+nkaX+vcuqd9gJIgOcE0frtf54eNefKVuuXQ2nCZV65Z5sg8w32bi1T7xvlnm/PsDibUI4hCPJk9KX6fWNbb5LUoY1k93n97LuwSpy1SJpZHgwWQW6W2Y7lmNSiWhjlot/z1w/9MZu+7lg6fa/WpNjHf6jnyThi48/OmeP3DjySNO0GacwFUiKW15lzRB0OpzRDNcHms+qkxmN6OkNlBiFERz+EePHAWAtp5mi2oFKL2feKES7aFeE1GqQtXSSeueXk7tygU4NJDFnTuURHX5W12kf2fXJ8jj9cDs5aFDtlV90XV7znfbg7f2nTJrEw99/jIH1rXBXCiyR+5BFEEj/0CAKJH+TuN4oDRKXCxCw89vg8xw4vIZwhDHMBlisEV6z1g8M2lRyFnuR6E5VDduyqc/7uMjWRki0lKG06CahWJk+RMptrTmLImpY0C2515b4PXPn54wfdF8WqWqZ4/z8FIBDi/c7e+QsbttJYuCH2s+uispB+LPELoPxAdprnge9LokqMjkpMzliefb7B1GSDpJkhsHiSIpZpA1SkI0XakZdCHcYKhO9RH4jZuq3KWVtjBiONXWqRpRrdrgjqwmsp0wOOJW06Uu3f6pVLP3vZb84e4EvIIsvpALQWOHw3VVgLJN6HvfuXNo65pblPRjJ7d1QiDEoSL5L4gYcXSnxf4hWW5EmB70vCcgSlmEXlMTWjmTqeMjeX0lxSZKkpVlHy+MDzJNIXxHFAtS9gcChi42jESE0S2QzTSlCp7tZ1TFHT0RaTFeBkFt0yJE10aqKvyUr5l6/4zRMH1wLnRQN0SpDei3vo14cHmzPJBwOX/nRctv1hLPEKK/ICiRfKHCC/He3mgAWhhxeHyCBEex6ZlaiiUqBMns0HnsD3HIEvCDFIozCJQqcKo4uktagna9Mu7FlMljedWVTL0mqxqIl+L+ivfvayT09NFZpzxuCcEUCnBGkQvvPMWDh3cPFtUie/Eof6ZVFJ5HQLc5BkUU71PJHncgVQQtA5lzIv6guRR+jtVc92Tae9wmuLGnV7HcvZAhTj8nqyamuOJU0sSeYdMF782fpY34179022GKdYVu0O63TAvFiAloMUAbs2c+cftc5zSfNDgVBvjUJbC2OJH4nckgLZBagAqVOwb3s2IRC9d+4pouVg9YBmuouaVtscJOXQqSVLHGkqGpkLvi5L8Q0Xvra8v9I6DEu0d/RwJrrzjwbotCBJBNdgH/r9DZWlo83XC5V+IJT6ijB0cRhLvDCnmefLDkiiiLKF7AFojV9D5VXE7gqHNQVIuksrrRwqsaSpyDLr348f/a/KuvLXX/4TR+f5eyRm2Q8+lq++vZQAnRYkgCrwukH3wGe9dY3Z7AeFTn/El+ayKLDVIBT4YV5485aBVIRTUpwi7ikA6qFWBxxlyTJHlsmmst5Dzou+Etfjm/d9wBzloWnB3CpQ3D8GmBcF0BogrQaqH7h2vXvgv7jhxsnsKqezN3tOX+VLu8X3CYMAPD9376Lj4sWav6fLK4ltvaGIkEFplDbeYSu8uwmCm+NafPu+nxXHefAYnFhTiF8UOC8KoDOyJhAM4Hizbw98YX08NZFs04m6zGlzpXDmAk/YbVLauieIpYeQRS162YpzZxsOzloSY+WCcXIcIR/F8+/2S8F9I5vD53d/cLrFXynRA8wqrXkxwPyTAfouQHXPY+DlOHaOuMk/DMOJp9WASdXmLLFbnLXbJXaTtfQLXBVclH9OpBax5AnmnRCTSO9gEHnjXuSPj+3wZzf/WCtlalZwF5JmV89fSmBeMoDOmHqQ/2XaGLAXRx1Hc71Q+/FeeLwmG3PKkyaT4LAytHE9NmftmbfhxdZQOe5oIXgYwQsIsrXBeCmBeckBOg1Qa31P74Y1gQfIYu9oO1qxiOKn8m7FFuHVPwVaefP3v3TjES6f1+x78V9dZwjW6SbKfbdrLyUYaz3+L480X7DKfd7MAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE5LTEwLTE1VDExOjA1OjU0KzAwOjAwVpXp3AAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxOS0xMC0xNVQxMTowNTo1NCswMDowMCfIUWAAAAAASUVORK5CYII=); background-size: 16px 16px; background-position: center; background-repeat: no-repeat; width: 40px; height: 100%; display: inline-block; } .biaoqingBtn__uUrB9 .bqBox__271xd .bqTab__UgrP2 .emojiTab__3CkwG:hover { background: white; } .marginLeft__2YfiE { margin-left: 0; } .activeTab__2WV31 { background: #fff; } .top-tip { display: inline-block; background-color: #ff6700; text-align: center; font-size: 12px; color: #fff; font-weight: 400; margin-right: 4px; border-radius: 2px; padding: 4px 4px; line-height: 12px; vertical-align: text-bottom; } .work-item__3YUOG { width: 254px; margin: 0 24px 24px 0; position: relative; } .work-item__3YUOG:hover { box-shadow: 0 1px 14px 0 rgba(0, 0, 0, 0.05); } .person-operate__1WklY { width: 100%; height: 48px; padding: 16px 26px; margin: 0; background: rgba(51, 51, 51, 0.8); position: absolute; bottom: 0; left: 0; display: none; z-index: 1; } .person-operate__1WklY .recovery-work__2uPNr { display: inline-block; width: 100%; text-align: center; font-size: 14px; line-height: 16px; color: #fff; list-style: none; } .person-operate__1WklY .recovery-work__2uPNr:hover { color: #f90; } .person-operate__1WklY .person-operate-item__aOISu { margin-right: 22px; font-size: 12px; line-height: 16px; color: #fff; list-style: none; } .person-operate__1WklY .person-operate-item__aOISu:last-child { margin-right: 0; } .person-operate__1WklY .person-operate-item__aOISu:hover { color: #f90; } .person-operate__1WklY .person-operate-item__aOISu a { color: #fff; text-decoration: none; outline: none; } .person-operate__1WklY .person-operate-item__aOISu a:link, .person-operate__1WklY .person-operate-item__aOISu a:visited, .person-operate__1WklY .person-operate-item__aOISu a:hover, .person-operate__1WklY .person-operate-item__aOISu a:active { text-decoration: none; color: #fff; outline: none; } .person-operate__1WklY .person-operate-item__aOISu a:not(.disabled):hover { color: #f90; } .person-operate__1WklY .person-operate-item__aOISu a.disabled { opacity: 0.6; cursor: not-allowed; } .person-operate__1WklY .icon-del__1C3Gl { font-size: 12px; width: 12px; height: 12px; } .work-img-box__3pOwB { width: 100%; height: 197px; cursor: pointer; position: relative; border-top-left-radius: 6px; border-top-right-radius: 6px; background: url("//xmcdn.oss-cn-shanghai.aliyuncs.com/community/static/img/default-loading.png") center center no-repeat; background-size: contain; } .work-img-box__3pOwB .workInnerImg__3kxb9 { width: 100%; height: 100%; display: block; border-top-left-radius: 6px; border-top-right-radius: 6px; } .work-img-box__3pOwB:hover .person-operate__1WklY { display: flex; } .unrealease-box__2NZZw .iconfont { color: #fff; font-size: 12px; line-height: 24px; padding: 0 4px 0 0; } .unrealease-text__23IYf { background: #fe5d30; border-radius: 6px 0 10px 0; display: inline-flex; font-size: 12px; line-height: 24px; color: #fff; z-index: 2; opacity: 0.95; text-align: center; padding: 0px 10px 0px 10px; } .unrealease-box__2NZZw { position: absolute; z-index: 1; left: 8px; bottom: 10px; display: block; margin: 0; } .unrealease-box__2NZZw .unrealease__3WY1B { font-size: 90px; color: #ff5b35; } .unrealease-box__2NZZw .unrealease-img__3EUaV { display: block; position: absolute; width: 64px; border-top-left-radius: 6px; } .violationOverlay__5vFuP .ant-popover-arrow { left: 10px !important; } .violationOverlay__5vFuP .ant-popover-inner-content { padding: 8px 16px; max-height: 104px; overflow-y: auto; } .violationOverlay__5vFuP .ant-popover-title { padding: 4px 16px; color: #333; } .violationItem__3syf8 { position: relative; display: flex; color: rgba(0, 0, 0, 0.65); font-size: 14px; line-height: 22px; box-sizing: content-box; } .violationItem__3syf8:after { flex: none; content: attr(data-truncate); left: 100%; top: 0; white-space: nowrap; } .violationSource__3C6WK { display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .prize-box__pDZeI { position: absolute; z-index: 1; left: -4px; top: -2px; display: block; margin: 0; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKUAAAAoCAYAAACfBTrcAAAEeElEQVR4Xu2dW0gUYRTHz6yaWRZB9dTlIRKLqKSIiG4v0RXBF0P3oSjrIbCHeogKewrCqJ4CISi7SKQupakldhEtLUq6aUYXL+A1s7XczW11Z+aLM8w3TLNb+uAOw35nYRh1Yb7z/c+Pc+a7HSX4/0ca53v6mhSYLAUYf1Ak6PjfzHf8mQCdLPnpOagAQsgv/rt2t4LGf3ddWr06ce/i5QfjXS53nCQtBYAZpCUpMMkK/BhV1dNTi69eBACVQ2qGkkdD17ut6QuWz55bJknSykk2gh5HClgVUBq+DSza+Kiqj4NpTdWuY6mp0/JXrX9KQBI9NimgVH/tS91ZW90NAAqCaYbSBQBxvsw9uTMSEi7YZBA1I7gCfjlUOLP0xlEAGAWAkBXKOABICGXtq493udYIrhV13wYFQirrzH72aMvtrq4hAAgCgIzRkr9H4j0eAKao2Tn9kgTJNthETQisAAOm3Ovtzkyvf/gcAH5bIyUCiak7AQASmTvnp8BaUddtUqA7EChYWH4rXwcSo+SYHim1KSG8tNQNAFOZOwdDKX1IgagpEFSUD8uq72R0+Hx+U5TUUjc2aoZyig6lN2rW0IOFV4AxGC1s+5RxoKmhxRQlcYCDQGqT6VYok5g757vwypEAUVOgze/LT6n0FOgDG3Pa5pPnRqTUBjl6pCQoo+YSsR88IstN8ypKsoaDwREdSpwGwrRtrOaY0zdBKTYvUe89Y/DrzPvmXXktTW2W0baRtrkRPH0TlFF3i9gNtPwcOrHiftlNy2hbW8HR3yUNgQhKsVmxpffDobHaWZ6i/XrKxjlJPv2jjbYJSlvcQI1wBRTGho68erHj4ufWnvHSNqVv4sYWBRoGB3I3PqyqmEjaJihtcQk18tI7eGhtTcXdCFEyLG0TlMSLLQqowLznWls2H3/X1KWvb+MUkHnHeZgdNNCxxTViNxJUlJqkkmuZBKXYHDiu997Rsdw5t4sK9T2TEUfdlL4d57aYN8jf6P22bkNN5Re+w9w6FURQxjwDzuugrLLGtMeV21sHB3F5MWwlh6B0ns+EsGg4NJY3y1OEx22MrWo0eS6E653bSdy61uz3bkqrKn/7rzROo2/n+i9mLZMZa3a/qNvk6egIRErjBGXMut7ZHRuR5fPJpddP0dY1Z/tJNOvkdr9v2+JKT6MFTNrkKxoJTuqvyqD97MfX606+eYOHFcOOQ9B+Sid5SyBbAop8eXrJ9cPm0Ti9UwoEgEO7qnh6ulN2P3nQG+mILZ7RoYNjDvVcDJulXOlsX3LgeR3utzTKtpjPfSOUdMQ2hglwUtdUYP7+QODc/PJiLAUYVrbFqJCBJxr1C4sTYJECKpbqJE/Ghi14LgcHNhgZcckRgfyrwJX1vRLTOAKJgx+CMjYgcFIveBlphBKXGjmYvCCBVgrQKJaqg4gw4oXREy/6kALRUIBHSw6ncf7bXMscAeTFrniEtBZVjYZx9EyxFOCREu8IpvnSvhuv6D69T4oFjJ29nVAhfgLQTpdQW1YFjH9Z8gegK9pHPaFUigAAAABJRU5ErkJggg==) center center no-repeat; width: 165px; height: 40px; background-size: contain; font-size: 16px; line-height: 20px; font-weight: bold; color: #ffffff; padding: 8px 0 0 12px; text-align: left; } .work-img__1Ve-9 { display: block; width: 100%; height: 197px; overflow: hidden; border-top-left-radius: 6px; border-top-right-radius: 6px; border: 1px solid #f7f7f7; } .work-img__1Ve-9 img { border-top-left-radius: 6px; border-top-right-radius: 6px; width: 100%; height: 100%; transform: scale(1); transition: all 0.3s ease 0s; } .work-img__1Ve-9 img:hover { transform: scale(1.1); transition: all 0.3s ease 0s; } .version-tag__2iUIi { padding: 2px 9px; background: #ff9900; font-size: 12px; line-height: 15px; font-weight: bold; color: #ffffff; box-shadow: 0px 2px 4px 0px rgba(51, 51, 51, 0.2); border-radius: 9px; position: absolute; bottom: 8px; right: 8px; } .work-info__3d6WK { width: 254px; background: #ffffff; padding: 10px 19px 12px 16px; display: flex; flex-direction: column; box-sizing: border-box; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; text-align: left; } .work-name-no-link__3XI6L { max-width: 222px; color: #333; overflow: hidden; display: inline-block; text-overflow: ellipsis; white-space: nowrap; font-weight: normal; font-size: 16px; line-height: 21px; margin: 0; text-decoration: none; outline: none; } .work-name__-9fYo { max-width: 222px; color: #333; overflow: hidden; display: inline-block; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; font-weight: normal; font-size: 16px; line-height: 16px; margin: 0; text-decoration: none; outline: none; text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1); } .work-name__-9fYo:hover { color: #2d8fff; } .work-data__3g-Wf { margin: 0; padding: 0; height: 19px; line-height: 19px; } .data-item__aqeaK { display: inline-flex; align-items: center; list-style: none; font-size: 12px; color: #999; margin-right: 18px; } .data-item__aqeaK:last-child { margin: 0; } .data-num__39dIX { margin-left: 4px; } .data-icon__33sC4 { font-size: 12px; width: 14px; height: 14px; } .user-info__3fCMM { margin-top: 8px; display: flex; align-items: center; } .user-info__3fCMM .user-link__1SIAG { width: 100%; display: flex; color: #333333; cursor: pointer; } .user-info__3fCMM .user-link__1SIAG:hover { color: #2d8fff; } .user-info__3fCMM .user-link__1SIAG .user-avatar-box__1-_9i { position: relative; width: 24px; height: 24px; } .user-info__3fCMM .user-link__1SIAG .user-avatar__33KOc { display: inline-block; width: 24px; height: 24px; border-radius: 50%; } .user-info__3fCMM .user-link__1SIAG .user-avatar__33KOc:hover .nickname__IoXLm { color: #2d8fff; } .user-info__3fCMM .user-link__1SIAG .nickname__IoXLm { line-height: 24px; margin-left: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; } .user-info__3fCMM .user-link__1SIAG .nickname__IoXLm:hover { color: #2d8fff; } .content-margin__yxGvT { margin: 8px 0 0 0; } .warn-text__3Qvil { background: rgba(45, 143, 255, 0.1); font-size: 16px; line-height: 24px; color: #0091ff; } .workNameNoLinkBox__1hlzB { width: 100%; height: 16px; margin-bottom: 8px; } .workNameNoLink__2BoSI { color: #666666; max-width: 242px; overflow: hidden; display: inline-block; text-overflow: ellipsis; white-space: nowrap; font-weight: normal; font-size: 16px; line-height: 21px; } .army-work__5e1bg .work-info__3d6WK { background: rgba(255, 255, 255, 0.1); } .army-work__5e1bg .work-name__-9fYo, .army-work__5e1bg .nickname__IoXLm, .army-work__5e1bg .data-item__aqeaK { color: #ffffff; } .army-work__5e1bg .work-name__-9fYo:hover, .army-work__5e1bg .nickname__IoXLm:hover { color: #60fff7; } .army-work__5e1bg .user-link__1SIAG:hover .nickname__IoXLm { color: #60fff7; } .studioIconBoxOuter__2B3qd { position: absolute; top: 8px; right: 8px; z-index: 1; padding-bottom: 10px; } .studioIconBoxOuter__2B3qd:hover .studioIcon__38lC- { color: #ff9900; } .studioIconBoxOuter__2B3qd:hover .toolTipBox__2UP5A { display: block; } .studioIconBox__2bNRA { display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; background: rgba(0, 0, 0, 0.5); box-shadow: 0px 2px 4px 0px rgba(174, 104, 0, 0.1); border-radius: 50%; cursor: pointer; } .toolTipBox__2UP5A { position: absolute; z-index: 20; top: 16px; left: -165px; display: none; text-align: left; background: #fffbee; transition: all 0.2s ease-in-out; } .toolTipBox__2UP5A .tooltipArrowBig__Eq3gD { position: absolute; left: 176px; top: 13px; z-index: 0; display: inline-block; border-top: 5px transparent dashed; border-left: 6px transparent dashed; border-bottom: 6px #ffeba6 dashed; border-right: 6px transparent solid; } .toolTipBox__2UP5A .tooltipArrow__2hU8v { position: absolute; left: 178px; top: 15px; z-index: 1; display: inline-block; border-top: 4px transparent dashed; border-left: 4px transparent dashed; border-bottom: 4px #fffbee dashed; border-right: 4px transparent solid; } .toolTipBox__2UP5A .tooltipBody__2X01s { display: flex; position: absolute; top: 22px; padding: 10px; word-break: keep-all; margin: 0; border: 1px solid rgba(255, 199, 0, 0.3); background: #fffbee; color: #333333; box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.07); border-radius: 4px; width: 195px; height: 60px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .toolImgBox__1urJf { display: inline-block; margin-right: 8px; width: 40px; height: 40px; border-radius: 4px; } .toolImg__2wQFp { display: inline-block; margin-right: 8px; width: 40px; height: 40px; border-radius: 4px; } .toolRight__1e3S1 { display: inline-block; } .toolRightTitle__3fOcI { display: block; margin: 0 0 2px 0; font-size: 14px; color: #333333; line-height: 20px; width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .toolRightText__2nGQh { width: 118px; margin: 0; font-size: 12px; color: #666666; } .toolComposeNum__2UKia { margin-right: 16px; } .studioIcon__38lC- { color: #ffffff; } @media all and (max-width: 1600px) { .dispalyNone__1of4M { display: none; } } .delete-box__2k_Px { position: relative; } .mask__-mV-s { position: fixed; top: 0; right: 0; left: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); height: 100%; z-index: 99; } .delete-container__2rrfT { position: fixed; overflow: auto; top: 0; right: 0; bottom: 0; left: 0; z-index: 99; display: flex; align-items: center; justify-content: center; } .delete-content-box__Hmpey { box-sizing: border-box; position: relative; display: flex; flex-direction: column; align-items: center; } .delete-img__3a0Lp { width: 258px; height: 190px; } .delete-box__2k_Px { width: 440px; padding: 24px 48px; background: #ffffff; border-radius: 10px; display: flex; align-items: center; flex-direction: column; } .delete-title__2uOv3 { width: 315px; height: 28px; } .delete-tips__3hR_3 { font-size: 16px; line-height: 32px; color: #999999; margin: 16px 0 32px; } .delete-btns__2m0pq { display: flex; } .btn-item__3c18M { height: 36px; border-radius: 4px; border: 1px solid #ff9900; display: flex; align-items: center; cursor: pointer; } .btn-text__aBPTQ { font-size: 16px; line-height: 21px; } .info-btn__2fgsl { padding: 0 16px; color: #ff9900; } .info-btn__2fgsl:hover { background: rgba(255, 153, 0, 0.1); } .set-btn__1JDPi { background: #ff9900; color: #ffffff; margin-left: 32px; padding: 0 32px; } .set-btn__1JDPi:hover { background: rgba(255, 153, 0, 0.9); } .key-content__3a010 { position: relative; } .key-input__SEkMn { width: 288px; height: 36px; border-radius: 4px; border: 1px solid #e0e0e0; } .warn__uSrL- { font-size: 12px; line-height: 12px; color: #ff5b35; position: absolute; top: 42px; } .project__1sUDA { width: 254px; border-radius: 0px 0px 4px 4px; overflow: hidden; margin: 0 24px 24px 0; cursor: pointer; } .footer__30L4H { background: #fff; padding: 8px 16px 16px; } .projectTitle__lC3wX { color: #333; } .stat__1MUgJ { font-size: 12px; display: inline-block; line-height: 21px; height: 21px; color: #999; } .statItem__wyYjn { display: inline-block; margin-right: 18px; } .statItem__wyYjn .iconfont { margin-right: 4px; width: 14px; height: 14px; font-size: 12px; } .coverWrap__-cDq5 { overflow: hidden; border: 1px solid #f7f7f7; width: 100%; height: 172px; border-radius: 6px 6px 0 0; } .cover__2cwGK { border-top-left-radius: 6px; border-top-right-radius: 6px; display: block; transform: scale(1); transition: all 0.3s ease 0s; } .cover__2cwGK:hover { transform: scale(1.1); transition: all 0.3s ease 0s; } .title__38EBJ { color: #333; font-size: 16px; line-height: 21px; max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; } .title__38EBJ:hover { color: #2d8fff; } .switchControls__2oYIp { display: flex; height: 56px; align-items: center; margin-right: 20px; } .typeSwitch__2o2r7 { margin: 16px 0; } .typeSwitch__2o2r7 span { display: inline-flex; color: #666; padding: 0 12px; font-size: 14px; height: 28px; line-height: 28px; cursor: pointer; border-radius: 14px; margin-right: 8px; } .typeSwitch__2o2r7 span.active, .typeSwitch__2o2r7 span:hover { background: rgba(255, 153, 0, 0.1); color: #ff9900; } .tabContent__20wGG { width: 1270px; margin: 20px auto 0; background: rgba(255, 255, 255, 0.97); padding: 20px 20px 0 20px; border-top-right-radius: 6px; border-top-left-radius: 6px; } .tabItemOut__3ctjU { margin-right: 52px; cursor: pointer; } .tabItem__3uKG1 { color: #333333; font-size: 18px; padding-bottom: 6px; } .tabSlide__3HhRd { opacity: 0; width: 100%; height: 2px; border-radius: 1px; background: #ff9900; } .choseItem__3bEab { opacity: 1; color: #ff9900; } .tabItemOut__3ctjU:hover .tabItem__3uKG1 { color: #ff9900; } .tabItemOut__3ctjU:hover .tabSlide__3HhRd { opacity: 1; } @media all and (max-width: 1600px) { .tabContent__20wGG { width: 1020px; } } .content__1j_s6 { width: 1270px; margin: 0 auto; display: flex; } .content__1j_s6 .left__1-YiW { width: 328px; min-height: 376px; background: #ffffff; border-radius: 6px; padding: 16px 20px 20px 16px; margin-right: 20px; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.05); height: 100%; height: -moz-available; /* WebKit-based browsers will ignore this. */ height: -webkit-fill-available; /* Mozilla-based browsers will ignore this. */ height: fill-available; } .content__1j_s6 .left__1-YiW .leftTitle__3tLQr { height: 35px; border-bottom: 1px solid #efefef; line-height: 25px; font-size: 16px; color: #333; } .content__1j_s6 .left__1-YiW .leftInfo__nPDRc { padding-top: 10px; color: #999999; } .content__1j_s6 .left__1-YiW .leftInfo__nPDRc div { padding-bottom: 10px; } .content__1j_s6 .left__1-YiW .leftStudioTitle__24c7u { height: 30px; border-bottom: 1px solid #efefef; font-size: 16px; color: #333; margin-top: 12px; } .content__1j_s6 .left__1-YiW .leftStudioEmpty__iJHQ7 { margin-top: 10px; color: #999999; } .content__1j_s6 .left__1-YiW .leftStudioEmpty__iJHQ7 a { color: #ff9900; margin-left: 10px; } .content__1j_s6 .left__1-YiW .leftStudioLogo__OXQQE { margin-top: 16px; width: 80px; height: 80px; display: block; border-radius: 4px; } .content__1j_s6 .left__1-YiW .leftStudioLogoName__3vgsY { color: #333; margin-top: 10px; } .content__1j_s6 .left__1-YiW .leftFreezeStudio__2iR6G { cursor: pointer; } .content__1j_s6 .right__cIKqD { width: 100%; background: #ffffff; border-radius: 8px; padding: 16px 20px 0; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.05); } .content__1j_s6 .right__cIKqD .rightTitle__3UCao { font-size: 16px; color: #333; height: 25px; line-height: 25px; margin-bottom: 20px; } @media all and (max-width: 1600px) { .content__1j_s6 { width: 1020px; } } .pwdContainer__3rhLB { margin-top: 24px; text-align: center; } .pwdLeftText__u_wUd { display: inline-block; width: 100px; height: 24px; text-align: right; color: #333333; font-size: 15px; } .pwdBox__f7_43 { margin: 0 auto; padding-left: 6px; display: inline-flex; align-items: center; box-sizing: border-box; width: 378px; height: 32px; border-radius: 4px; border: 1px solid #e0e0e0; outline: none; } .pwdBox__f7_43:hover { border-color: #40a9ff; } .pwdBoxFocus__34R_i { border-color: #40a9ff; } .pwdBoxErr__11OSH { border-color: #ff5b35; } .lockIcon__WmQog { padding-top: 1px; color: #bdbdbd; font-size: 14px; } .hiddenInput__O4Te- { position: fixed; z-index: 9999; } .pwdInput__y6DBp { flex: 1; padding: 8px 8px 8px 4px; height: 30px; font-size: 12px; border: none; outline: none; } .pwdInput__y6DBp::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #bdbdbd; } .pwdInput__y6DBp:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #bdbdbd; } .pwdInput__y6DBp::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #bdbdbd; } .pwdInput__y6DBp:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #bdbdbd; } .errTextBox__3wVFu { display: flex; align-items: center; } .errText__2qdYR { display: inline-block; width: 378px; opacity: 0; margin: 2px auto; height: 24px; font-size: 12px; color: #ff5b35; line-height: 24px; text-align: left; } .errTextShow__k25Ss { opacity: 1; } .iconBox__3S6Ya { display: inline-flex; align-items: center; justify-content: flex-end; height: 30px; } .closeIconBox__2Aeeq { height: 100%; margin-right: 8px; } .closeIcon__2qk18 { display: inline-flex; align-items: center; font-size: 15px; color: #ff5b35; height: 100%; } .successIconBox__1yPdN { margin-right: 8px; } .successIcon__1L1fH { display: inline-block; font-size: 15px; color: #52c41a; } .pwdIcon__RD15t { margin-right: 8px; display: inline-flex; justify-content: center; align-items: center; } .eyeIcon__34Fuu { display: inline-flex; align-items: center; color: #e0e0e0; padding-top: 1px; height: 100%; } .recoveryBtnBox__2jgSa { margin-top: 10px; display: flex; justify-content: center; } .recoveryBtn__bGjqo { width: 120px; height: 36px; border-radius: 4px; font-size: 16px; outline: none; border: none; cursor: pointer; } .cancelBtn__2Zr4V { border: 1px solid #2d8fff; background: #ffffff; color: #2d8fff; margin-right: 24px; } .cancelBtn__2Zr4V:hover { background: rgba(45, 143, 255, 0.1); } .submitBtnBox__398F4 { width: 298px; text-align: left; margin-left: 28px; } .submitBtn__YHUUU { color: #ffffff; background: #ff9900; border-color: #ff9900; border-radius: 50px; width: 120px; height: 40px; } .submitBtn__YHUUU:hover { background: #ff9900; border-color: #ff9900; opacity: 0.8; color: #ffffff; } .submitBtnLoading__1Ux3q { font-size: 20px; color: #fff; background: rgba(45, 143, 255, 0.8); } .pwdStrongBox__1cgNj { width: 378px; margin-top: 10px; text-align: left; margin: 10px auto 0; padding-left: 50px; display: flex; margin-bottom: 20px; } .pwdStrongBox__1cgNj .line__17wY5 { height: 20px; line-height: 16px; margin-left: 8px; } .pwdStrongBox__1cgNj .line__17wY5 .level__3tDIl { display: inline-block; width: 39px; background: #d3d3d3; height: 4px; border-radius: 3px; margin-right: 3px; } .pwdStrongBox__1cgNj .line__17wY5 .level__3tDIl:last-child { margin-right: 6px; } .homeStudioMask .ant-modal-content { width: 456px; margin: 0 auto; border-radius: 8px; } .homeStudioMask .ant-modal-body { padding: 0; border-radius: 8px; } .homeStudioMask .ant-modal { top: 30%; } .head__36gPZ { position: relative; width: 100%; height: 141px; background: #ffc700; padding: 22px 40px 0; border-radius: 8px 8px 0 0; overflow: hidden; } .title__PTpd2 { height: 38px; font-size: 30px; font-weight: bold; color: #ffffff; line-height: 35px; margin-bottom: 8px; text-shadow: 4px 2px 2px rgba(247, 151, 4, 0.81); } .text__2-e-G { font-size: 16px; color: #ffffff; line-height: 24px; } .body__1JhvK { width: 100%; height: 210px; padding-top: 24px; text-align: center; } .itemBox__Ozvxt { width: 150px; display: inline-block; } .itemBox__Ozvxt:nth-child(1) { margin-right: 32px; } .imgBox__eURxY { margin-bottom: 10px; display: flex; justify-content: center; align-items: center; width: 150px; height: 116px; background: #ffffff; border-radius: 13px; border: 2px solid rgba(255, 153, 0, 0.12); } .leftImg__vPW3R { display: block; width: 79px; } .rightImg__3cLUy { display: block; width: 65px; } .btn__25y0S { display: block; width: 150px; height: 36px; line-height: 36px; background: #ffad31; box-shadow: 0px 2px 4px 0px rgba(255, 153, 0, 0.15); border-radius: 18px; font-size: 16px; color: #ffffff; outline: none; border: none; cursor: pointer; } .btn__25y0S:hover { background: rgba(255, 173, 49, 0.8); color: #ffffff; } .closeIcon__3NDaX { position: absolute; top: 8px; right: 12px; color: #ffffff; font-size: 22px; font-weight: normal; cursor: pointer; } .ellipse1__1APln { width: 30px; height: 21px; margin: 50px; background: #fab50a; border-radius: 50%; position: absolute; bottom: -15px; right: -57px; transform: rotate(20deg); } .ellipse2__2k2UH { width: 108px; height: 75px; margin: 50px; background: #fab50a; border-radius: 50%; position: absolute; bottom: -96px; right: -68px; } .footer-container__3UMss { min-width: 1248px; background: #e8ecee; } .footer__1_RJ- { width: 1365px; display: flex; justify-content: space-between; margin: 0 auto; padding: 40px 0; align-items: center; } .footer__1_RJ- .footerLeft__1PT-B .footerLeftUp__2nwgu { margin-bottom: 48px; } .footer__1_RJ- .footerLeft__1PT-B .footerLeftUp__2nwgu .link__3S9Xq { text-decoration: none; cursor: pointer; margin-right: 64px; font-size: 16px; font-weight: 500; color: #565a5c; line-height: 22px; transition: color 0.3s ease !important; } .footer__1_RJ- .footerLeft__1PT-B .footerLeftUp__2nwgu .link__3S9Xq:hover { color: #2d8fff; } .footer__1_RJ- .footerLeft__1PT-B .footerLeftDown__3ge2a { font-size: 12px; color: rgba(102, 102, 102, 0.6); } .footer__1_RJ- .footerLeft__1PT-B .footerLeftDown__3ge2a .contactMethods__2tJ91 { margin-bottom: 7px; } .footer__1_RJ- .footerLeft__1PT-B .footerLeftDown__3ge2a .contactMethods__2tJ91 .addr__23RMp, .footer__1_RJ- .footerLeft__1PT-B .footerLeftDown__3ge2a .contactMethods__2tJ91 .email__1xCCm { padding-right: 12px; border-right: 1px solid #d8d8d8; } .footer__1_RJ- .footerLeft__1PT-B .footerLeftDown__3ge2a .contactMethods__2tJ91 .email__1xCCm, .footer__1_RJ- .footerLeft__1PT-B .footerLeftDown__3ge2a .contactMethods__2tJ91 .phone__dc1fx { margin-left: 12px; } .footer__1_RJ- .footerLeft__1PT-B .footerLeftDown__3ge2a .importantInfos__suPcS { display: inline-flex; } .footer__1_RJ- .footerLeft__1PT-B .footerLeftDown__3ge2a .importantInfos__suPcS .police__21VS2 { padding-right: 12px; border-right: 1px solid #d8d8d8; } .footer__1_RJ- .footerLeft__1PT-B .footerLeftDown__3ge2a .importantInfos__suPcS .right__1gxoJ { padding-left: 12px; } .footer__1_RJ- .footerLeft__1PT-B .footerLeftDown__3ge2a .importantInfos__suPcS a { text-decoration: none; color: rgba(102, 102, 102, 0.6); cursor: pointer; } .footer__1_RJ- .footerRight__1MMo5 { display: flex; } .footer__1_RJ- .footerRight__1MMo5 .qq__3c3E7 { margin-right: 64px; } .toolTip__3R_6F { cursor: pointer; position: relative; } .toolTip__3R_6F .toolTipDisplay__3RNuP { box-sizing: content-box; width: 100px; height: 100px; border: 10px solid white; box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1); border-radius: 8px; position: absolute; bottom: 111px; right: -30px; display: none; } .toolTip__3R_6F:hover .toolTipDisplay__3RNuP { display: block; } .toolTip__3R_6F:hover .icon-qq__1cbCN { background: #4db2df; } .toolTip__3R_6F:hover .icon-weixin__2QxE1 { background: #56b657; } .toolTip__3R_6F .hoverItem__1EnKP { display: flex; flex-direction: column; align-items: center; } .toolTip__3R_6F .hoverItem__1EnKP .icon__2r1dB { width: 60px; height: 60px; color: white; border-radius: 50%; margin-bottom: 9px; font-size: 30px; text-align: center; line-height: 60px; } .toolTip__3R_6F .hoverItem__1EnKP .text__3cN_n { font-size: 16px; font-weight: 500; color: #565a5c; } .toolTip__3R_6F .icon-qq__1cbCN { background: #62c2ec; transition: all 0.3s ease; } .toolTip__3R_6F .icon-weixin__2QxE1 { background: #6ec96f; transition: all 0.3s ease; } .wechat__2SW7E .toolTipDisplay__3RNuP { right: -28px; } @media all and (max-width: 1600px) { .footer__1_RJ- { width: 1088px; } } .outer__3SbsJ { position: fixed; bottom: 30px; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 70; transition: 0.4s all ease; } @media all and (max-height: 700px) { .outer__3SbsJ { bottom: 5px; } } @-webkit-keyframes feedTipAnimation__19_8p { from { opacity: 0; } to { opacity: 1; } } @keyframes feedTipAnimation__19_8p { from { opacity: 0; } to { opacity: 1; } } .measure-button-box__1UHDy { width: 64px; height: 60px; background: linear-gradient(180deg, #e1e1e1 0%, #bababa 100%); box-shadow: 0 3px #a8a8a8; border-radius: 50%; margin: 0 auto; position: relative; z-index: 10; } .measure-button-box__1UHDy:hover + .hint__1m52V { display: block; } .hint__1m52V { display: none; color: #333; border-radius: 2px; white-space: nowrap; background: #fff; padding: 8px 12px; line-height: 22px; font-weight: 400; position: absolute; left: 0; transform: translateX(-100%); margin-left: -14px; box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.07); border: 1px solid #efefef; } .measure-button-content__1_y0R { position: relative; z-index: 1; width: 100%; height: 100%; } .xiaomajun__3QG9e { position: absolute; left: 10px; bottom: 0; width: 46px; height: 50px; } .stick__rnj1v { position: absolute; left: 0; top: 29px; width: 16px; height: 18px; z-index: 2; transition: all 0.3s ease; transform-origin: 16px 18px; } .hand__D0yDm { position: absolute; left: 11px; bottom: 3px; width: 20px; height: 14px; transition: all 0.3s ease; } .star__LzgzW { position: absolute; right: -1px; top: 12px; width: 20px; height: 27px; transform: scale(0.8); } .measure-text__2xzQI { position: absolute; top: 13px; left: 65px; display: block; width: 80px; height: 20px; background-repeat: no-repeat; background-position: 0 0; background-size: 80px 58px; } .measure-text-enable__1z6d3 { background-position: 0 0; transition: all 0.3s ease; transform: scale(1); } .measure-text-loading__3P1Jk { background-position: 0 -38px; } .measure-disabled-box__3KKm4 { cursor: not-allowed; } .circles__3ZL4m { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 20px; height: 20px; z-index: 9; } .c1__2CU7T { position: absolute; width: 15px; height: 15px; border-radius: 50%; border: 2px solid #ffb100; } .c2__w_5o3 { position: absolute; width: 5px; height: 5px; border-radius: 50%; background-color: #ffb100; } .c3__2gGcs { position: absolute; width: 8px; height: 8px; border-radius: 50%; background-color: #ffb100; } .c4__3aLjF { position: absolute; width: 10px; height: 10px; border-radius: 50%; background-color: #ffb100; } .c5__1clbV { position: absolute; width: 5px; height: 5px; border-radius: 50%; background-color: #ffb100; } .c6__3Kk1v { position: absolute; width: 10px; height: 10px; border-radius: 50%; background-color: #ffb100; } .c7__2sfj7 { position: absolute; width: 15px; height: 15px; border-radius: 50%; border: 2px solid #ffb100; } .measure-enable-box__3KzST { background: linear-gradient(180deg, #ffb100 0%, #ff9900 100%); box-shadow: 0 3px #df8807; cursor: pointer; } .outer__3SbsJ:hover .star__LzgzW { transform: scale(1); } .outer__3SbsJ:hover .stick__rnj1v { transform: rotate(-20deg); } .outer__3SbsJ:hover .hand__D0yDm { transform: rotate(-2deg); } .outer__3SbsJ:hover .measure-text-enable__1z6d3 { transform: scale(1.1); } .outer__3SbsJ:hover .c1__2CU7T { -webkit-animation: c1__2CU7T 0.8s linear; animation: c1__2CU7T 0.8s linear; } .outer__3SbsJ:hover .c2__w_5o3 { -webkit-animation: c2__w_5o3 0.8s linear; animation: c2__w_5o3 0.8s linear; } .outer__3SbsJ:hover .c3__2gGcs { -webkit-animation: c3__2gGcs 0.8s linear; animation: c3__2gGcs 0.8s linear; } .outer__3SbsJ:hover .c4__3aLjF { -webkit-animation: c4__3aLjF 0.8s linear; animation: c4__3aLjF 0.8s linear; } .outer__3SbsJ:hover .c5__1clbV { -webkit-animation: c5__1clbV 0.8s linear; animation: c5__1clbV 0.8s linear; } .outer__3SbsJ:hover .c6__3Kk1v { -webkit-animation: c6__3Kk1v 0.8s linear; animation: c6__3Kk1v 0.8s linear; } .outer__3SbsJ:hover .c7__2sfj7 { -webkit-animation: c7__2sfj7 0.8s linear; animation: c7__2sfj7 0.8s linear; } @-webkit-keyframes c1__2CU7T { 0% { transform: translate(0, 0); } 100% { transform: translate(-150px, -150px); opacity: 0; } } @keyframes c1__2CU7T { 0% { transform: translate(0, 0); } 100% { transform: translate(-150px, -150px); opacity: 0; } } @-webkit-keyframes c2__w_5o3 { 0% { transform: translate(0, 0); } 100% { transform: translate(-130px, -50px); opacity: 0; } } @keyframes c2__w_5o3 { 0% { transform: translate(0, 0); } 100% { transform: translate(-130px, -50px); opacity: 0; } } @-webkit-keyframes c3__2gGcs { 0% { transform: translate(0, 0); opacity: 0; } 100% { transform: translate(100px, -100px); opacity: 0; } } @keyframes c3__2gGcs { 0% { transform: translate(0, 0); opacity: 0; } 100% { transform: translate(100px, -100px); opacity: 0; } } @-webkit-keyframes c4__3aLjF { 0% { transform: translate(0, 0); } 100% { transform: translate(130px, -80px); opacity: 0; } } @keyframes c4__3aLjF { 0% { transform: translate(0, 0); } 100% { transform: translate(130px, -80px); opacity: 0; } } @-webkit-keyframes c5__1clbV { 0% { transform: translate(0, 0); } 100% { opacity: 0; transform: translate(30px, 80px); } } @keyframes c5__1clbV { 0% { transform: translate(0, 0); } 100% { opacity: 0; transform: translate(30px, 80px); } } @-webkit-keyframes c6__3Kk1v { 0% { transform: translate(0, 0); } 100% { transform: translate(50px, 150px); opacity: 0; } } @keyframes c6__3Kk1v { 0% { transform: translate(0, 0); } 100% { transform: translate(50px, 150px); opacity: 0; } } @-webkit-keyframes c7__2sfj7 { 0% { transform: translate(0, 0); } 100% { transform: translate(150px, 20px); opacity: 0; } } @keyframes c7__2sfj7 { 0% { transform: translate(0, 0); } 100% { transform: translate(150px, 20px); opacity: 0; } } /* stylelint-disable */ /*颜色*/ /* 顶部导航高度 */ /* 主导航高度 */ .xiaoma__1KEJG { margin-bottom: 0; } .layout__3cL_K { min-width: 1248px; padding: 0 32px; margin: auto; } .common-header__3oMLX { position: relative; z-index: 20; width: 100%; background: transparent; } .common-header__3oMLX .top-nav__1ENd0 { min-width: 1248px; padding: 0 32px; margin: auto; background: rgba(0, 0, 0, 0.16); color: #666666; display: flex; align-items: center; top: 0; left: 0; right: 0; z-index: 101; } .top-right-welcome__16VcT { font-size: 12px; color: #999; } .top-right-welcome__16VcT.gray9__11Vhk { color: #999; } .top-right-nickname__3XG6P { font-style: normal; font-weight: bold; } .top-nav-tabs__2RSen { flex: 1; padding: 0; margin: 0; } .top-nav-tab__Q2ypF { display: inline-flex; } .top-nav-tab__Q2ypF a { height: 36px; line-height: 36px; margin: 0 64px 0 0; display: block; font-size: 12px; color: #999; } .top-nav-tab__Q2ypF a:hover { color: #999; font-weight: bold; } .fake-header__xnE-1 { position: absolute; width: 100%; } .sticky__24Pvz { position: absolute; } .header-fixed__2ZjJv .header-inner__2xVNJ { background: #ffffff !important; box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.15); } .header-fixed__2ZjJv .header-inner__2xVNJ .main-logo__2HOLh { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTY0cHgiIGhlaWdodD0iMjhweCIgdmlld0JveD0iMCAwIDE2NCAyOCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTcgKDgzMDc3KSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT7npL7ljLpsb2dvLeminOiJsjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPgogICAgICAgIDxwb2x5Z29uIGlkPSJwYXRoLTEiIHBvaW50cz0iMCAyOCAxNjMuOTM1NjkxIDI4IDE2My45MzU2OTEgMC4wODQ5NDc2OTIzIDAgMC4wODQ5NDc2OTIzIj48L3BvbHlnb24+CiAgICA8L2RlZnM+CiAgICA8ZyBpZD0i6aaW6aG1IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0i6aaW6aG157uE5Lu25qC35byPIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjI3LjAwMDAwMCwgLTE0NTMuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSLlr7zoiKrlpIfku70tNyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTk1LjAwMDAwMCwgMTQzNS4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSLnvJbnu4QtNSI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9IuekvuWMumxvZ28t6aKc6ImyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzMi4wMDAwMDAsIDE4LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0i57yW57uEIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJGaWxsLTEiIGZpbGw9IiMwMEEwRTgiIHBvaW50cz0iMTIuODQzNDIyMSAxIDEyLjczMjExOTEgMjEuNjM2MDk4MSAxMC4xNjA2Nzg3IDIyLjk4MTYwNzYgMTAgMjUgMTkgMjQuNjYzNTE1OSAxNy45ODYzMDMgMS4xNjgxOTkzNiI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTQ0LDAuMzEyMjIyMDQgTDQ0LjMxMzI1OTgsNi40MjA2NDM2MiBMNDUuOTk3MzU3OSw2LjIyODg4NTg4IEw0NS4zMDM0NjQzLDE1LjQzMTc4ODIgTDU2LjY2ODI1OTQsMTUuMDY3NDU3MiBMNTYuNDk4MjY0NCwyMS4xMzA4NTU5IEw0Ny40MjY1NDc3LDIyLjk5Njc1NjMgTDUwLjA0NTk1NiwyOCBMNjAuMjU3ODAzNCwyNC4yNDU0NzE2IEw2MiwxMS41MzQ5MzIyIEw1OC4wNDUwMDA0LDExLjM0MzE3NDUgTDU4Ljc1NzQ0NSw0Ljc3NTYyMzIgTDU5LjQ0ODY0MDMsNC42OTY4MTE1NSBMNTkuNTIzMTgxOCwwIEw0NCwwLjMxMjIyMjA0IFogTTQ5LjYwNDc3ODMsMTAuOTMzOTkzNCBMNTAuMzk3NzUxNCw1LjcyNzY3MTQyIEw1My43OTU4ODIyLDUuMzQwNjEyODggTDUzLjAwMjE1MDIsMTEuMDk4Nzg5MiBMNDkuNjA0Nzc4MywxMC45MzM5OTM0IFoiIGlkPSJGaWxsLTIiIGZpbGw9IiMwMEEwRTgiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJGaWxsLTMiIGZpbGw9IiMwMEEwRTgiIHBvaW50cz0iODguNzQ2OTIyMiAxOS4wMzAwMzA4IDc5LjYzNDYwMjMgMTkuNzU5MjM2NCA3OS42OTgyNTE2IDE1LjQ0MjM2NyA4Ni40Njg0NjI0IDE0Ljg0NjA2MzMgODYuNzczNzA4OSAxMC44MjU5NzY1IDc5Ljc2NTg2ODQgMTAuODUzNDQ2OSA3OS44MzA1MzA3IDYuNDY3MzQ1MzUgODcuMTM5Mzk3MSA1Ljk2OTU0MTI3IDg3LjQ4MjU0NjIgMCA3MC4wMTc2NDYyIDAuMTU5MjU5NjUyIDY5LjQyMjI2MzQgMS4zMzIxODQzMSA2Ny4zMTcxMDg3IDEuMzQzNTY2MTIgNjYuNzI2Mjg0MyAwLjE4NzY3MTM2OSA2NCAwLjIxMDY5MTcwNSA2NC43Njc1OTA1IDcuNDkzMjQ3OTQgNjYuODE4MjEyOCA3LjM1MzU4NTUyIDY3LjQwNTA2OTcgOC4zMjc1NDI1OSA2OS41MDkyMTE0IDguMTc3ODY3NjIgNjkuOTQ0MTIwMyA3LjE0MDY2ODggNzMuMTU4NDEwOCA2LjkyMTc2MTY2IDczLjQxMTE1MSAxMC44Nzg0MzU1IDY2LjM2MTUyNDcgMTAuOTA1OTkxNCA2Ni42NjY3NzEzIDE2LjU5MDA0NjMgNzMuNzM2MTUwOCAxNS45Njc0NzAzIDc0LjAwNzEyNDcgMjAuMjA5NTQ1IDY0LjAyODUzMjUgMjEuMDA4MDY4MiA2NC4wNDY5MzUgMjUgODkgMjQuMzcyMzc0OSI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IkZpbGwtNCIgZmlsbD0iIzAwQTBFOCIgcG9pbnRzPSI1My41Nzc3MjQ0IDE2IDQzIDE2Ljc3NDk1NTUgNDMuMDUzMDAzNSAyMiA1NSAxOS4zODIzMDU2Ij48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iRmlsbC01IiBmaWxsPSIjMDBBMEU4IiBwb2ludHM9IjUuNjU5ODM4OTcgOS4yOTcxNjUgNi4wMDU4OTcyNSA5Ljk3ODAwMzYgNi4wMjM5NzQyNyAxMC4wMDcwNTU0IDYuMDIyMTU3OTIgMTAuMDA5OTYwNiA2LjIwODg5NjE5IDEwLjM3NzIxMDIgNC45ODQ1MDIwNCAxMi4yNDM4NzY4IDMuODE1MjkwMzggMTIuMTYyMzYwOCAwIDE4LjA4Njk3MjQgMy4yODUxNzUxMSAyMiA4LjExMzI5NzkgMTUuNjg4MTQ0MyA5LjA2NjE5MDY5IDE1LjgzNjgyMTQgMTAuNDQ1MzIwNyAxNC4wODI4NTg4IDEwLjA2NDE0NjMgMTMuMTM3NzMzOCAxMSAxMS45MTQzOTQ3IDYuNDk1NTMzODIgOCI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTQxLjE3MTQzODEsMTguNDQ4OTQxNSBDNDEuMDI4NjE2MSwxOC40OTgxMzU0IDQwLjc4ODE2ODgsMTguMTg0NzA3NyA0MC4zNTIwNDA3LDE3Ljg1MzcwNDYgQzM5LjY4NzYwNCwxNy4zNDk0NDYyIDM4Ljg1OTQyNTUsMTcuMDUwMTQ3NyAzNy45NjA4MjYsMTcuMDUwMTQ3NyBDMzcuMzcwOTQyNiwxNy4wNTAxNDc3IDM2LjgxMTcwNjksMTcuMTc5NTUwOCAzNi4zMDkwMzE4LDE3LjQxMDk2IEMzNi4wMTA0NzQzLDE3LjU0ODU0NzcgMzUuOTEzODgyMiwxNy43MTA2ODkyIDM1Ljc4MDcwMjIsMTcuNjA2MDEyMyBDMzUuNjUzNjM0NCwxNy41MDYxNiAzNS44MzExNTA0LDE3LjIzMzY1NTQgMzYuMDkyMDg2OSwxNi45NTMyMjQ2IEMzNi42NTM2NDcsMTYuMzQ5ODAzMSAzNy40NTM4NDY1LDE1Ljk3MjEwNDYgMzguMzQzMzIwNSwxNS45NzIxMDQ2IEMzOS40NjQyMDI0LDE1Ljk3MjEwNDYgNDAuNDQ1MTg5MywxNi41NzA5NiA0MC45ODQyODAxLDE3LjQ2NjQ0MzEgQzQxLjI2MzYzOTcsMTcuOTMwNDY3NyA0MS4zNDA4NjE3LDE4LjM5MDQ0MzEgNDEuMTcxNDM4MSwxOC40NDg5NDE1IE0zOC4yODQxNzcyLDEzLjc2NjkxMDggQzM1Ljk0OTA5MjcsMTMuNzY2OTEwOCAzNC4wNTY0MjA4LDE1LjY2MTA4OTIgMzQuMDU2NDIwOCwxNy45OTc5MjYyIEMzNC4wNTY0MjA4LDIwLjMzNDc2MzEgMzUuOTQ5MDkyNywyMi4yMjg4NTU0IDM4LjI4NDE3NzIsMjIuMjI4ODU1NCBDNDAuNjE5MzQ3OCwyMi4yMjg4NTU0IDQyLjUxMTkzMzYsMjAuMzM0NzYzMSA0Mi41MTE5MzM2LDE3Ljk5NzkyNjIgQzQyLjUxMTkzMzYsMTUuNjYxMDg5MiA0MC42MTkzNDc4LDEzLjc2NjkxMDggMzguMjg0MTc3MiwxMy43NjY5MTA4IiBpZD0iRmlsbC02IiBmaWxsPSIjRTU4ODE2Ij48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTM0LjA1NjQ0NjYsMTcuOTk3OTAwMyBDMzQuMDU2NDQ2NiwxNS45NTgyMDggMzUuNDk4NTI3NSwxNC4yNTY0OTcyIDM3LjQxODA1OTIsMTMuODU2NTcxMSBMMzkuODMxMDU0NSw5LjIwMDIxNDE1IEw0Mi44OTQxMDk2LDkuNTM5NjYwMzEgTDQyLjQ2MzQwNTEsMi4yNDk1ODAzMSBMMjkuMDM4OTA3NSwyLjk0MDI3NTY5IEwzMS4wODQwNDM1LDguMjMwNzI0OTIgTDMzLjcyNzI0MTQsOC41MjM2NDggTDI5LjUyOTE4NTcsMTguOTM0OTA5NSBMMjguMDEwNTcxNSwxOC44MjAyMzg4IEwyNy43MjA4ODEzLDIwLjEwMDM5ODggTDMyLjgzMzAzMjQsMjIuNDI5NDgxOCBMMzIuODkwMzY3OSwyMi4zMDcxNDM0IEwzMy4wMTAxMTgsMjIuMzYyMjgxOCBMMzQuNDAyOTU1OCwxOS42NzQ1NDAzIEMzNC4xODA4NDU2LDE5LjE2MDI4OCAzNC4wNTY0NDY2LDE4LjU5MzgyNjUgMzQuMDU2NDQ2NiwxNy45OTc5MDAzIiBpZD0iRmlsbC04IiBmaWxsPSIjMDBBMEU4Ij48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTI4LjE2OTIzNCwxNC45NDkyNzc1IEMyOC4wNDIwODAyLDE0Ljk5MzEyOTggMjcuODI4MDYyNCwxNC43MTQxNjM3IDI3LjQzOTg4NiwxNC40MTk1MTc1IEMyNi44NDgyODA3LDEzLjk3MDU2OTggMjYuMTExMDEyNSwxMy43MDQwOTYgMjUuMzExMDcxMywxMy43MDQwOTYgQzI0Ljc4NTkyNjksMTMuNzA0MDk2IDI0LjI4ODA3MjksMTMuODE5MTk3NSAyMy44NDA1ODEsMTQuMDI1MzYzNyBDMjMuNTc0ODIzNSwxNC4xNDc3MDIyIDIzLjQ4ODgyMDQsMTQuMjkyMTgyMiAyMy4zNzAxODk0LDE0LjE5ODk2MzcgQzIzLjI1NzA2ODEsMTQuMTEwMDUyOSAyMy40MTUxMjgsMTMuODY3NTI5OCAyMy42NDczOTY3LDEzLjYxNzg1NiBDMjQuMTQ3NDAzLDEzLjA4MDYwMDYgMjQuODU5NzkxNSwxMi43NDQzNDIyIDI1LjY1MTU1NDIsMTIuNzQ0MzQyMiBDMjYuNjQ5NDE0NiwxMi43NDQzNDIyIDI3LjUyMjcwMzgsMTMuMjc3NjM0NSAyOC4wMDI1NjUyLDE0LjA3NDcyOTggQzI4LjI1MTI3NzEsMTQuNDg3ODM3NSAyOC4zMjAwNjI0LDE0Ljg5NzI0MDYgMjguMTY5MjM0LDE0Ljk0OTI3NzUgTTI4LjI4MDgwNTcsMTIuMTgyOTYzNyBDMjYuOTc0NDg3NiwxMC43Mzc0NzQ1IDI0Ljc0NTAzNDUsMTAuNjI1NjQ2OCAyMy4zMDA3MTU0LDExLjkzMzAzMTQgQzIxLjg1NjQ4MjMsMTMuMjQwMzI5OCAyMS43NDQ3Mzg1LDE1LjQ3MTQ1NiAyMy4wNTEwNTY2LDE2LjkxNjg1OTEgQzI0LjM1NzM3NDcsMTguMzYyMDg5OCAyNi41ODY4Mjc3LDE4LjQ3NDAwMzcgMjguMDMxMDYwOCwxNy4xNjY2MTkxIEMyOS40NzUzNzk5LDE1Ljg1OTMyMDYgMjkuNTg3MTIzOCwxMy42MjgyODA2IDI4LjI4MDgwNTcsMTIuMTgyOTYzNyIgaWQ9IkZpbGwtMTAiIGZpbGw9IiM3RUJFMzQiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMjkuMDA1MTc3NywyNi4zODc5NzU0IEMyNy4xMzk3OTYxLDI1Ljg0MzA1MjMgMjUuNTc4OTk4MiwyNC43Mzg1NiAyNC40Mjk2MjA4LDIzLjI4ODc2MzEgQzI0LjIzODA3MjIsMjMuMDQ3MjczOCAyMy40NjYxMSwyMS45MzIyNzA4IDIzLjczMTYwOTIsMjEuNjkzOTY5MiBDMjMuOTczNzc4MywyMS40NzY1MTY5IDI0Ljg3NDQ0MzksMjIuMzI5Njk4NSAyNS4wNzM0ODIyLDIyLjQ5NzI2NzcgQzI2LjMyNzcxNjMsMjMuNTUzMTY5MiAyNy44MDE2NTAyLDI0LjM2NDQ4IDI5LjQ1NDU2MzYsMjQuODQ3MzcyMyBDMzEuMTA3NTYzLDI1LjMzMDI2NDYgMzIuNzg2MTMxLDI1LjQzOTkzODUgMzQuNDExMDY1NCwyNS4yMjUxNTY5IEMzNC42Njg5ODg4LDI1LjE5MTA0IDM1Ljg4NjcyMSwyNC45NTY4NzM4IDM1Ljk3NDAxNTUsMjUuMjcwNDczOCBDMzYuMDY5NzQ2OCwyNS42MTQ0IDM0LjgxOTU1ODgsMjYuMTM4NTYgMzQuNTI4MjMyOSwyNi4yMzkxMDE1IEMzMi43ODAwMTg3LDI2Ljg0MjI2NDYgMzAuODcwNTU5NCwyNi45MzI5ODQ2IDI5LjAwNTE3NzcsMjYuMzg3OTc1NCIgaWQ9IkZpbGwtMTIiIGZpbGw9IiNFNTg4MTYiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8bWFzayBpZD0ibWFzay0yIiBmaWxsPSJ3aGl0ZSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDx1c2UgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9tYXNrPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJDbGlwLTE1Ij48L2c+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IkZpbGwtMTQiIGZpbGw9IiMwMEEwRTgiIG1hc2s9InVybCgjbWFzay0yKSIgcG9pbnRzPSI5OC40MjIxMjQ5IDI1LjU0MDU2NjIgMTAwLjc4OTA2MiAyNS41NDA1NjYyIDEwMC43ODkwNjIgMC4wODQ5NDc2OTIzIDk4LjQyMjEyNDkgMC4wODQ5NDc2OTIzIj48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IkZpbGwtMTYiIGZpbGw9IiMwMEEwRTgiIG1hc2s9InVybCgjbWFzay0yKSIgcG9pbnRzPSIxMTkuNDE4OTExIDEyLjM3NDc1OTQgMTE4LjA3NjA5MiAxMy44NDc5OTAyIDExOC4yODgzMDIgMTguMzMwMTQ0IDEyMS41OTk1NTIgMTYuNjIwMjQ4NiI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJGaWxsLTE3IiBmaWxsPSIjMDBBMEU4IiBtYXNrPSJ1cmwoI21hc2stMikiIHBvaW50cz0iMTE4LjQ3ODI3NSAwLjgxNDMyNjE1NCAxMTEuMzk2MzE2IDIuMzY2NTYgMTExLjM5NjMxNiA0LjUwNDg5ODQ2IDExOC40NzgyNzUgNC41MDQ4OTg0NiI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJGaWxsLTE4IiBmaWxsPSIjMDBBMEU4IiBtYXNrPSJ1cmwoI21hc2stMikiIHBvaW50cz0iMTMwLjk2IDIwLjQ4MDc5MzggMTMwLjYxNDUyNCAxMi45MDM3MzU0IDEzNC4zMDkxMyAxMi45MDM3MzU0IDEzNC4zMDkxMyA4LjM5MzA2NDYyIDEzMC40MjE3NyA4LjY3NTQ3NjkyIDEzMC4wNjMyOTUgMC44MTQzNjkyMzEgMTI2Ljc5MDQ0IDAuODE0MzY5MjMxIDEyNi40NTI4ODQgOC45NjM2NjE1NCAxMjMuMDE4Nzg1IDkuMjEzMTYzMDggMTIyLjI0NDQxMiAxMi45MDM3MzU0IDEyNi4yODk2NTkgMTIuOTAzNzM1NCAxMjUuOTYyNjkyIDIwLjc5ODA5ODUgMTIxLjI3MzA2NyAyMS4wOTU3NiAxMTkuOTg1ODYxIDI1LjU0MDUyMzEgMTM3LjU4NzIzNiAyNS41NDA1MjMxIDEzNS43MTAwNiAyMC4xNzkyNTU0Ij48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IkZpbGwtMTkiIGZpbGw9IiMwMEEwRTgiIG1hc2s9InVybCgjbWFzay0yKSIgcG9pbnRzPSIxNDkuOTYzMTg0IDE5LjU1NTIzNDUgMTUzLjU3NjY5NCAxNi4yMDEwOTI5IDE1Ny4xODgzMSAxOS40Njk4NTYgMTYwLjU5MDcyOCAxNi4zMDU0MjUyIDE1Ni42Mjk2NzYgMTMuMzY3MzIwNiAxNjAuMTIyNjYxIDEwLjEyNTAwNjggMTU3LjQzNjY3NyA3LjAzMjUxNDQ2IDE1My4zNDk1MDQgMTAuOTM0MjQ5OCAxNDguMjM2MTQ4IDcuMTQxMzI2NzcgMTQ3LjI1NDkwMyAxMC40NzkyNzE0IDE1MC42MjgwNTEgMTMuNTMyMzA1MiAxNDYuOTM3NDA2IDE3LjA1NTQ4MDYiPjwvcG9seWdvbj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iRmlsbC0yMCIgZmlsbD0iIzAwQTBFOCIgbWFzaz0idXJsKCNtYXNrLTIpIiBwb2ludHM9IjExNi44OTE1MTIgMTMuMTQ5NzMwNSAxMjAuNDg3NjMyIDkuOTgzNDA0MzEgMTIwLjQ4ODQ5MyA5LjcwNzYyNTg1IDEyMC40ODg0OTMgOS43MDcxOTUwOCAxMjAuNDk2MzI3IDcuMDQ1NzMwNDYgMTIwLjQ4ODQ5MyA3LjA1MDQ2ODkyIDEyMC40ODg0OTMgNS40MTA2MTY2MiAxMDkuNDgyNTg2IDYuNjg1NTIxMjMgMTA5LjQ4MjU4NiA5LjcwNzYyNTg1IDExNi4xMTkyOTIgOS43MDc2MjU4NSAxMDkuNDkwMzM0IDEzLjczOTEwODkgMTA5LjQ5MDMzNCAxOS42NjYzMjEyIDExMy4zOTU5NDUgMTYuMjI3NDkwNSAxMTIuODI4MzU4IDI1LjU0MDU0ODkgMTE3LjQwNTEyMSAyNS41NDA1NDg5Ij48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IkZpbGwtMjEiIGZpbGw9IiMwMEEwRTgiIG1hc2s9InVybCgjbWFzay0yKSIgcG9pbnRzPSIxNjMuOTM1NjY2IDI1LjUzNjg2MTUgMTYyLjkwMzAyNSAyMS4yNTQ4NDMxIDE0NS4xMzAxNiAyMS45OTQ3MzIzIDE0NC40NDQzNzMgNC44MDg4NDkyMyAxNjIuNzkxMDIzIDQuNzQxNzM1MzggMTYzLjM0Mjg1NSAxLjI3ODI2NDYyIDE0NC4zMDM1MzEgMS4yNzgyNjQ2MiAxNDQuMjc3NzA0IDAuNjMxMjQ5MjMxIDE0MC42MDIzODMgMC42MzEyNDkyMzEgMTQwLjYwMjM4MyAyMi4xODMyMzY5IDEzOS42OTU2MDUgMjIuMjIwOTcyMyAxMzkuNjk1MzQ2IDI1LjUzNjg2MTUgMTQwLjYwMjM4MyAyNS41MzY4NjE1IDE0MC42MDIzODMgMjUuNTQwNTY2MiAxNDUuMjcxNjA1IDI1LjU0MDU2NjIgMTQ1LjI3MTQzMiAyNS41MzY4NjE1Ij48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==) no-repeat center; } .header-fixed__2ZjJv .header-inner__2xVNJ li { position: relative; } .header-fixed__2ZjJv .header-inner__2xVNJ li:after { content: ""; z-index: 1; position: absolute; left: 16px; right: 16px; bottom: 0; height: 2px; background: transparent; } .header-fixed__2ZjJv .header-inner__2xVNJ li.active__KzzHZ:after { background: #ff9900; } .header-fixed__2ZjJv .header-inner__2xVNJ li.active { color: #ff9900; font-weight: normal; } .header-fixed__2ZjJv .header-inner__2xVNJ li.active:after { background: #ff9900; } .header-fixed__2ZjJv .header-inner__2xVNJ li.active .link__BpySU { color: #ff9900; font-weight: normal; } .header-fixed__2ZjJv .header-inner__2xVNJ .main-nav__V9Lfl .link__BpySU { color: #666666; text-shadow: none; display: inline-block; } .header-fixed__2ZjJv .header-inner__2xVNJ .main-nav__V9Lfl .link__BpySU.active__KzzHZ { color: #ff9900; } .header-fixed__2ZjJv .header-inner__2xVNJ .link__BpySU.creation__1aFNs { color: #fff; } .header-fixed__2ZjJv .header-inner__2xVNJ .main-nav__V9Lfl .main-link-wrap__20ow8 .link__BpySU:hover { color: #ff9900; } .header-fixed__2ZjJv .header-inner__2xVNJ .main-nav__V9Lfl .right__1AhE8 > .link__BpySU:hover { color: #ff9900; } .header-fixed__2ZjJv .header-inner__2xVNJ .no-avatar__2TLWD .link__BpySU:hover { color: #ff9900; } .header-fixed__2ZjJv { display: block; visibility: visible; top: 0 !important; } .home-page-header-style__3ojhV .header-inner__2xVNJ { width: 1365px !important; background: none !important; padding: 0 !important; min-width: 1088px !important; } .common-header__3oMLX .header-inner__2xVNJ { min-width: 1248px; padding: 0 32px; margin: auto; z-index: 200; left: 0; top: 36px; width: 100%; color: #fff; height: 64px; display: flex; background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(46, 46, 46, 0) 100%); align-items: center; transition: top 500ms; } .header-inner__2xVNJ .main-logo__2HOLh { display: block; width: 170px; height: 32px; text-indent: -1000px; line-height: 32px; margin: 0 24px 0 0; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTY4cHgiIGhlaWdodD0iMzJweCIgdmlld0JveD0iMCAwIDE2OCAzMiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTcgKDgzMDc3KSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT7npL7ljLpsb2dvLeminOiJsjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPgogICAgICAgIDxwb2x5Z29uIGlkPSJwYXRoLTEiIHBvaW50cz0iMCAyNy45MTQxMTA0IDE2My41NTU0NzIgMjcuOTE0MTEwNCAxNjMuNTU1NDcyIDAuMDg0Njg3MTE2NiAwIDAuMDg0Njg3MTE2NiI+PC9wb2x5Z29uPgogICAgPC9kZWZzPgogICAgPGcgaWQ9IummlumhtSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Iummlumhtee7hOS7tuagt+W8jyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIyNS4wMDAwMDAsIC0xMDAxLjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0i5a+86IiqM+Wkh+S7vSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTk1LjAwMDAwMCwgOTg0LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9Iue8lue7hC0zIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0i56S+5Yy6bG9nby3popzoibLlpIfku70iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMyLjAwMDAwMCwgMTguMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSLnvJbnu4QiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0wLjAwMDAwMCwgMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJGaWxsLTEiIGZpbGw9IiNGRUZFRkUiIHBvaW50cz0iMTMuMDg1MjU4OSAwLjQ2MzcwMDYxMyAxMi45NzAzMzg3IDIxLjIyMjg2NjMgMTAuMzEzMzQ0OCAyMi41NzY0ODU5IDEwLjE0NzIzNDQgMjQuNjA2ODI5NCAxOS40NDY2Njk5IDI0LjI2ODQyNDUgMTguMzk5MjQ2NiAwLjYzMjkwMzA2NyI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTU5LjIzNzIzOCwwLjA4NTkzMjUxNTMgTDQzLjQyOTYwNjEsMC4zOTYyNTE1MzQgTDQzLjc0ODY4NTksNi40Njc0NDE3MiBMNDUuNDY0MDcyNCw2LjI3Njg1Mjc2IEw0NC43NTcyODcxLDE1LjQyMzY2MjYgTDU2LjMzMzIyNTgsMTUuMDYxNTUyMSBMNTYuMTYwMDcyNCwyMS4wODgwNzk4IEw0Ni45MTk4MTQ3LDIyLjk0MjUyMTUgTDQ5LjU4Nzg4ODMsMjcuOTE1MjY5OSBMNTkuOTg5NDU4OSwyNC4xODM2MjU4IEw2MS43NjQwMjMzLDExLjU1MDU1ODMgTDU3LjczNTU0NDgsMTEuMzU5OTY5MyBMNTguNDYxMjI1OCw0LjgzMjQ0Nzg1IEw1OS4xNjUyNjI2LDQuNzU0MTE2NTYgTDU5LjI0MTE4OSwwLjA4NTkzMjUxNTMgTDU5LjIzNzIzOCwwLjA4NTkzMjUxNTMgWiBNNDkuMTM4NTE0MSwxMC45NTMyODIyIEw0OS45NDYyMTk2LDUuNzc4NjkzMjUgTDUzLjQwNzU2OTMsNS4zOTM5OTM4NyBMNTIuNTk5MDA0OSwxMS4xMTY5ODc3IEw0OS4xMzg1MTQxLDEwLjk1MzI4MjIgWiIgaWQ9IkZpbGwtMiIgZmlsbD0iI0ZFRkVGRSI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IkZpbGwtMyIgZmlsbD0iI0ZFRkVGRSIgcG9pbnRzPSI4OS4yNjMwNDY2IDE5LjQ3MTcxNTMgNzkuOTkxNjExIDIwLjIwMzU4MDQgODAuMDU2MzcxOCAxNS44NzA5NjY5IDg2Ljk0NDgwMTIgMTUuMjcyNDg4MyA4Ny4yNTUzNzc5IDExLjIzNzczOTkgODAuMTI1MTY5MyAxMS4yNjUzMTA0IDgwLjE5MDk2MDcgNi44NjMyMTIyNyA4Ny42Mjc0NTE1IDYuMzYzNTkyNjQgODcuOTc2NTkyNiAwLjM3MjI3OTc1NSA3MC4yMDY3Mjc2IDAuNTMyMTIwMjQ1IDY5LjYwMDk0ODUgMS43MDkzMjI3IDY3LjQ1OTAzNDQgMS43MjA3NDYwMSA2Ni44NTc4MDc0IDAuNTYwNjM1NTgzIDY0LjA4NDAwMzcgMC41ODM3Mzk4NzcgNjQuODY0OTk3NSA3Ljg5Mjg1NjQ0IDY2Ljk1MTQyNyA3Ljc1MjY4NDY2IDY3LjU0ODUzMTMgOC43MzAxOTM4NyA2OS42ODk0MTQ3IDguNTc5OTczMDEgNzAuMTMxOTE3OCA3LjUzODk5MTQxIDczLjQwMjMzNSA3LjMxOTI4NTg5IDczLjY1OTQ4ODMgMTEuMjkwMzkwMiA2Ni40ODY3NjQ0IDExLjMxODA0NjYgNjYuNzk3MzQxMSAxNy4wMjI4MzE5IDczLjk5MDE2MzIgMTYuMzk3ODk5NCA3NC4yNjU4Njg3IDIwLjY1NTYxNzIgNjQuMTEzMDM0NCAyMS40NTcwNTI4IDY0LjEzMTc1ODMgMjUuNDYzNDU3NyA4OS41MjA1NDM2IDI0LjgzMzU0MzYiPjwvcG9seWdvbj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJGaWxsLTQiIGZpbGw9IiNGRUZFRkUiIHBvaW50cz0iNTMuNzI2NDI1OCAxNi4zNTEyMDk4IDQzLjAxMzQxOTYgMTcuMTIzNDQyOSA0My4wNjcxMDA2IDIyLjMyOTU1MzQgNTUuMTY2ODc5OCAxOS43MjEzNDQ4Ij48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iRmlsbC01IiBmaWxsPSIjRkVGRUZFIiBwb2ludHM9IjUuNjIwMzczMDEgOS4wODEzMjc2MSA1Ljk2NDAxNzE4IDkuNzY1Njk1NzEgNS45ODE4ODIyMSA5Ljc5NDg5ODE2IDUuOTgwMTY0NDIgOS43OTc4MTg0IDYuMTY1NiAxMC4xNjY5NzE4IDQuOTQ5NzQ3MjQgMTIuMDQzMzE1MyAzLjc4ODY5MjAyIDExLjk2MTM3NjcgMS43MTc3OTE0MWUtMDUgMTcuOTE2NzAxOCAzLjI2MjI3NDg1IDIxLjg1MDAxNDcgOC4wNTY3MTY1NiAxNS41MDU0MzggOS4wMDI5NjE5NiAxNS42NTQ4ODU5IDEwLjM3MjQ3MTIgMTMuODkxOTE2NiA5Ljk5Mzk1NTgzIDEyLjk0MTg5MiAxMC45MjMyODEgMTEuNzEyMTI1MiA2LjQ1MDIzODA0IDcuNzc3NDM4MDQiPjwvcG9seWdvbj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCAwLjAwMTIwMikiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik00MS4wNzU5NDg1LDE4LjM5MjMxNTMgQzQwLjkzMzQ1NzcsMTguNDQxNDQ0MiA0MC42OTM1NjgxLDE4LjEyODk3NzkgNDAuMjU4NDUxNSwxNy43OTg5MDQzIEMzOS41OTU1NTU4LDE3LjI5NjE5MjYgMzguNzY5Mjk4MiwxNi45OTc4MTIzIDM3Ljg3Mjc4MjgsMTYuOTk3ODEyMyBDMzcuMjg0MjY3NSwxNi45OTc4MTIzIDM2LjcyNjMyODgsMTcuMTI2ODE4NCAzNi4yMjQ4MTk2LDE3LjM1NzYwMzcgQzM1LjkyNjk1NDYsMTcuNDk0NjgzNCAzNS44MzA1ODY1LDE3LjY1NjMyNzYgMzUuNjk3NzE1MywxNy41NTE5NzE4IEMzNS41NzA5NDIzLDE3LjQ1MjUxMTcgMzUuNzQ4MDQ2NiwxNy4xODA3NTcxIDM2LjAwODM3NzksMTYuOTAxMTg2NSBDMzYuNTY4NjM1NiwxNi4yOTk2MTYgMzcuMzY2OTc5MSwxNS45MjMxNjIgMzguMjU0MzkwMiwxNS45MjMxNjIgQzM5LjM3MjY3MjQsMTUuOTIzMTYyIDQwLjM1MTM4NCwxNi41MjAwOTQ1IDQwLjg4OTIyNDUsMTcuNDEyODMwNyBDNDEuMTY3OTM2MiwxNy44NzU1MTc4IDQxLjI0NDk3OTEsMTguMzMzOTk2MyA0MS4wNzU5NDg1LDE4LjM5MjMxNTMgTTM4LjE5NTM4NCwxMy43MjQ3MzI1IEMzNS44NjU3MTUzLDEzLjcyNDczMjUgMzMuOTc3NDMzMSwxNS42MTMwMTQ3IDMzLjk3NzQzMzEsMTcuOTQyNjgzNCBDMzMuOTc3NDMzMSwyMC4yNzIzNTIxIDM1Ljg2NTcxNTMsMjIuMTYwNjM0NCAzOC4xOTUzODQsMjIuMTYwNjM0NCBDNDAuNTI1MTM4NywyMi4xNjA2MzQ0IDQyLjQxMzMzNSwyMC4yNzIzNTIxIDQyLjQxMzMzNSwxNy45NDI2ODM0IEM0Mi40MTMzMzUsMTUuNjEzMDE0NyA0MC41MjUxMzg3LDEzLjcyNDczMjUgMzguMTk1Mzg0LDEzLjcyNDczMjUiIGlkPSJGaWxsLTYiIGZpbGw9IiNGRUZFRkUiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMzMuOTc3NDU4OSwxNy45NDI2NTc3IEMzMy45Nzc0NTg5LDE1LjkwOTMwOCAzNS40MTYxOTUxLDE0LjIxMjgxNzIgMzcuMzMxMjc0OCwxMy44MTQwMzE5IEwzOS43Mzg2NzM2LDkuMTcxOTU4MjggTDQyLjc5NDYyNDUsOS41MTA0NDkwOCBMNDIuMzY0OTE5LDIuMjQyNjQ1NCBMMjguOTcxNTU3MSwyLjkzMTIyMjA5IEwzMS4wMTE5NDk3LDguMjA1NDQyOTQgTDMzLjY0OTAxNzIsOC40OTc1NTMzNyBMMjkuNDYwNjk4MiwxOC44NzY3OTI2IEwyNy45NDU2MDYxLDE4Ljc2MjQ3MzYgTDI3LjY1NjUwMTgsMjAuMDM4NzkyNiBMMzIuNzU2ODgyMiwyMi4zNjA3MzEzIEwzMi44MTQwODQ3LDIyLjIzODY4MjIgTDMyLjkzMzU1NzEsMjIuMjkzNzM3NCBMMzQuMzIzMTY0NCwxOS42MTQxNTQ2IEMzNC4xMDE1NjkzLDE5LjEwMTQ3OTggMzMuOTc3NDU4OSwxOC41MzY3NTU4IDMzLjk3NzQ1ODksMTcuOTQyNjU3NyIgaWQ9IkZpbGwtOCIgZmlsbD0iI0ZFRkVGRSI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yOC4xMDM5MDA2LDE0LjkwMzQ3MjQgQzI3Ljk3NzA0MTcsMTQuOTQ3MTkwMiAyNy43NjM1MjAyLDE0LjY2OTA3OTggMjcuMzc2MjQ0MiwxNC4zNzUyNTE1IEMyNi43ODYwMTEsMTMuOTI3NjgxIDI2LjA1MDQ1MjgsMTMuNjYyMDI0NSAyNS4yNTIzNjY5LDEzLjY2MjAyNDUgQzI0LjcyODQ0MDUsMTMuNjYyMDI0NSAyNC4yMzE3NDExLDEzLjc3Njc3MyAyMy43ODUyODcxLDEzLjk4MjM5MjYgQzIzLjUyMDE0NiwxNC4xMDQyNjk5IDIzLjQzNDM0MjMsMTQuMjQ4MzA2NyAyMy4zMTU5ODY1LDE0LjE1NTM3NDIgQzIzLjIwMzEyNzYsMTQuMDY2ODIyMSAyMy4zNjA4MjA5LDEzLjgyNDk1NzEgMjMuNTkyNTUwOSwxMy41NzYwNDkxIEMyNC4wOTEzOTc1LDEzLjA0MDQ0MTcgMjQuODAyMTMzNywxMi43MDUzMDA2IDI1LjU5MjA2MDEsMTIuNzA1MzAwNiBDMjYuNTg3NjA2MSwxMi43MDUzMDA2IDI3LjQ1ODg2OTksMTMuMjM2ODcxMiAyNy45Mzc2MTg0LDE0LjAzMTUyMTUgQzI4LjE4NTc1MzQsMTQuNDQzNDQ3OSAyOC4yNTQzNzkxLDE0Ljg1MTU5NTEgMjguMTAzOTAwNiwxNC45MDM0NzI0IE0yOC4yMTUyMTM1LDEyLjE0NTU1ODMgQzI2LjkxMTkyNTIsMTAuNzA0NTg5IDI0LjY4NzY0MjksMTAuNTkzMTA0MyAyMy4yNDY2NzM2LDExLjg5NjM5MjYgQzIxLjgwNTc5MDIsMTMuMTk5NjgxIDIxLjY5NDMwNTUsMTUuNDIzOTYzMiAyMi45OTc1OTM5LDE2Ljg2NDkzMjUgQzI0LjMwMDg4MjIsMTguMzA1ODE2IDI2LjUyNTE2NDQsMTguNDE3MzAwNiAyNy45NjYwNDc5LDE3LjExNDAxMjMgQzI5LjQwNzAxNzIsMTUuODEwNzIzOSAyOS41MTg1MDE4LDEzLjU4NjQ0MTcgMjguMjE1MjEzNSwxMi4xNDU1NTgzIiBpZD0iRmlsbC0xMCIgZmlsbD0iI0ZFRkVGRSI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yOC45Mzc5MDU1LDI2LjMwNzAzMDcgQzI3LjA3Njg1MDMsMjUuNzYzNjkzMyAyNS41MTk2NzI0LDI0LjY2MjY3NDggMjQuMzcyOTYwNywyMy4yMTc0MTEgQzI0LjE4MTg1NjQsMjIuOTc2NTc2NyAyMy40MTE2ODQ3LDIxLjg2NDk5MzkgMjMuNjc2NTY4MSwyMS42MjczMzc0IEMyMy45MTgxNzU1LDIxLjQxMDYzOCAyNC44MTY3NTIxLDIyLjI2MTExNjYgMjUuMDE1MzI4OCwyMi40MjgxNzE4IEMyNi4yNjY2NTQsMjMuNDgwOTIwMiAyNy43MzcxNjkzLDI0LjI4OTc0MjMgMjkuMzg2MjQ5MSwyNC43NzExNTM0IEMzMS4wMzU0MTQ3LDI1LjI1MjU2NDQgMzIuNzEwMDg5NiwyNS4zNjE5MDE4IDM0LjMzMTI1NTIsMjUuMTQ3Nzc5MSBDMzQuNTg4NTgwNCwyNS4xMTM3NjY5IDM1LjgwMzQ4ODMsMjQuODgwMzE5IDM1Ljg5MDU4MDQsMjUuMTkyOTU3MSBDMzUuOTg2MDg5NiwyNS41MzU4MjgyIDM0LjczODgwMTIsMjYuMDU4MzgwNCAzNC40NDgxNTA5LDI2LjE1ODYxMzUgQzMyLjcwMzk5MTQsMjYuNzU5OTI2NCAzMC43OTg5NjA3LDI2Ljg1MDM2ODEgMjguOTM3OTA1NSwyNi4zMDcwMzA3IiBpZD0iRmlsbC0xMiIgZmlsbD0iI0ZFRkVGRSI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L21hc2s+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9IkNsaXAtMTUiPjwvZz4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iRmlsbC0xNCIgZmlsbD0iI0ZFRkVGRSIgbWFzaz0idXJsKCNtYXNrLTIpIiBwb2ludHM9Ijk4LjE5Mzc2NjkgMjUuNDYyMzA2NyAxMDAuNTU1MzAxIDI1LjQ2MjMwNjcgMTAwLjU1NTMwMSAwLjA4NDY4NzExNjYgOTguMTkzNzY2OSAwLjA4NDY4NzExNjYiPjwvcG9seWdvbj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iRmlsbC0xNiIgZmlsbD0iI0ZFRkVGRSIgbWFzaz0idXJsKCNtYXNrLTIpIiBwb2ludHM9IjExOS4xNDE5MTUgMTIuMzM2ODUxNSAxMTcuODAyMjEgMTMuODA1NDc3MyAxMTguMDEzOTI4IDE4LjI3Mzk2ODEgMTIxLjMxNzU4NCAxNi41NjkzMTc4Ij48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IkZpbGwtMTciIGZpbGw9IiNGRUZFRkUiIG1hc2s9InVybCgjbWFzay0yKSIgcG9pbnRzPSIxMTguMjAzNDY5IDAuODExODc5NzU1IDExMS4xMzc5MzUgMi4zNTkzNTIxNSAxMTEuMTM3OTM1IDQuNDkxMTMxMjkgMTE4LjIwMzQ2OSA0LjQ5MTEzMTI5Ij48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IkZpbGwtMTgiIGZpbGw9IiNGRUZFRkUiIG1hc2s9InVybCgjbWFzay0yKSIgcG9pbnRzPSIxMzAuNjU2MjM3IDIwLjQxNzk3NzkgMTMwLjMxMTU2MiAxMi44NjQwNzYxIDEzMy45OTc1OTkgMTIuODY0MDc2MSAxMzMuOTk3NTk5IDguMzY3MzI3NjEgMTMwLjExOTI1NSA4LjY0ODc4NzczIDEyOS43NjE2OTcgMC44MTE4Nzk3NTUgMTI2LjQ5NjQzMyAwLjgxMTg3OTc1NSAxMjYuMTU5NTc0IDguOTM2MTc0MjMgMTIyLjczMzQzOSA5LjE4NDgyNDU0IDEyMS45NjA4NjMgMTIuODY0MDc2MSAxMjUuOTk2NzI4IDEyLjg2NDA3NjEgMTI1LjY3MDUxOSAyMC43MzQyMjMzIDEyMC45OTE3NzEgMjEuMDMxMDU3NyAxMTkuNzA3NTUgMjUuNDYyMjcyNCAxMzcuMjY4MTAyIDI1LjQ2MjI3MjQgMTM1LjM5NTM2NiAyMC4xMTczNjQ0Ij48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IkZpbGwtMTkiIGZpbGw9IiNGRUZFRkUiIG1hc2s9InVybCgjbWFzay0yKSIgcG9pbnRzPSIxNDkuNjE1MzU1IDE5LjQ5NTI5MiAxNTMuMjIwNTY5IDE2LjE1MTM1MzQgMTU2LjgyMzcyMyAxOS40MTAxNzU1IDE2MC4yMTgyNSAxNi4yNTU0NTE1IDE1Ni4yNjYzODUgMTMuMzI2MjczNiAxNTkuNzUxMjY5IDEwLjA5Mzk5MTQgMTU3LjA3MTUxNCA3LjAxMDk4NTI4IDE1Mi45OTM4MjEgMTAuOTAwNzUyMSAxNDcuODkyMzI0IDcuMTE5NDYzOCAxNDYuOTEzNDQgMTAuNDQ3MTY5MyAxNTAuMjc4NjggMTMuNDkwNzUyMSAxNDYuNTk2NTk0IDE3LjAwMzEyMDIiPjwvcG9seWdvbj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iRmlsbC0yMCIgZmlsbD0iI0ZFRkVGRSIgbWFzaz0idXJsKCNtYXNrLTIpIiBwb2ludHM9IjExNi42MjA0MjEgMTMuMTA5MzkzOSAxMjAuMjA4MiA5Ljk1Mjc4MDM3IDEyMC4yMDkwNTkgOS42Nzc4NDc4NSAxMjAuMjA5MDU5IDkuNjc3NDE4NCAxMjAuMjE2Nzg5IDcuMDI0MTE3NzkgMTIwLjIwOTA1OSA3LjAyODg0MTcyIDEyMC4yMDkwNTkgNS4zOTQwMTk2MyAxMDkuMjI4NTkzIDYuNjY0OTI3NjEgMTA5LjIyODU5MyA5LjY3Nzg0Nzg1IDExNS44NDk5OTEgOS42Nzc4NDc4NSAxMDkuMjM2NDA5IDEzLjY5Njk2NDQgMTA5LjIzNjQwOSAxOS42MDU5OTUxIDExMy4xMzI5NjEgMTYuMTc3NzEyOSAxMTIuNTY2NjA1IDI1LjQ2MjI4OTYgMTE3LjEzMjc1MiAyNS40NjIyODk2Ij48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IkZpbGwtMjEiIGZpbGw9IiNGRUZFRkUiIG1hc2s9InVybCgjbWFzay0yKSIgcG9pbnRzPSIxNjMuNTU1NDY0IDI1LjQ1ODUwMTggMTYyLjUyNTEzMyAyMS4xODk2MTg0IDE0NC43OTM0ODggMjEuOTI3MzIzOSAxNDQuMTA5Mzc4IDQuNzk0MTU4MjggMTYyLjQxMzM5IDQuNzI3MTY0NDIgMTYyLjk2NDAyOCAxLjI3NDMxNzc5IDE0My45Njg4NjMgMS4yNzQzMTc3OSAxNDMuOTQzMDEgMC42MjkyODcxMTcgMTQwLjI3NjI5OCAwLjYyOTI4NzExNyAxNDAuMjc2Mjk4IDIyLjExNTE2NDQgMTM5LjM3MTUzNyAyMi4xNTI4Njk5IDEzOS4zNzEyOCAyNS40NTg1MDE4IDE0MC4yNzYyOTggMjUuNDU4NTAxOCAxNDAuMjc2Mjk4IDI1LjQ2MjI4MSAxNDQuOTM0NjkxIDI1LjQ2MjI4MSAxNDQuOTM0NTE5IDI1LjQ1ODUwMTgiPjwvcG9seWdvbj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat center; background-size: contain; } .main-nav__V9Lfl { flex: 1; display: flex; height: 100%; align-items: center; justify-content: space-between; } .main-nav__V9Lfl .link__BpySU { color: #ffffff; transition: color 0.3s !important; font-size: 16px; line-height: 20px; align-items: center; text-decoration: none; cursor: pointer; white-space: nowrap; font-weight: bold; opacity: 0.7; } .main-nav__V9Lfl .main-link-wrap__20ow8 .link__BpySU { margin: 0 24px; padding: 6px 0px; } .main-nav__V9Lfl .main-link-wrap__20ow8 .link__BpySU:hover { opacity: 1; } .main-nav__V9Lfl .right__1AhE8 > .link__BpySU:hover { font-weight: bold; } .main-nav__V9Lfl .link__BpySU:hover, .link__BpySU.active { color: #fff; } .link__BpySU.active { opacity: 1; } .link__BpySU.creation__1aFNs { background: #ff9900; color: #fff; display: inline-flex; margin: 0 0 0 10px; align-items: center; border-radius: 20px; } .link__BpySU.creation__1aFNs:hover { background: rgba(255, 186, 73, 0.9); } .link__BpySU.creation__1aFNs:hover { font-weight: normal; } .creation-info__2WBna { position: relative; display: flex; align-items: center; } .creation-bottom-box__16orN { display: none; position: absolute; width: 131px; right: 0; top: 64px; } .creation-bottom__2v1d9 { margin: 6px 0 0; padding: 6px 0; background: #ffffff; border-radius: 5px; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1); } .common-header__3oMLX .header-inner__2xVNJ .main-nav__V9Lfl .creation-info__2WBna .creation-bottom-box__16orN .creation-bottom__2v1d9 ul, .common-header__3oMLX .header-inner__2xVNJ .main-nav__V9Lfl .creation-info__2WBna .creation-bottom-box__16orN .creation-bottom__2v1d9 li { margin: 0; padding: 0; list-style: none; } .common-header__3oMLX .header-inner__2xVNJ .main-nav__V9Lfl .creation-info__2WBna .creation-bottom-box__16orN .creation-bottom__2v1d9 li { line-height: 19px; padding: 8px 0 8px 16px; font-size: 14px; color: #333; cursor: pointer; } .common-header__3oMLX .header-inner__2xVNJ .main-nav__V9Lfl .creation-info__2WBna .creation-bottom-box__16orN .creation-bottom__2v1d9 li a { display: inline-block; width: 100%; color: #333; } .common-header__3oMLX .header-inner__2xVNJ .main-nav__V9Lfl .creation-info__2WBna .creation-bottom-box__16orN .creation-bottom__2v1d9 li:hover { background: #ecf5ff; } .common-header__3oMLX .header-inner__2xVNJ .main-nav__V9Lfl .creation-info__2WBna:hover .creation-bottom-box__16orN { display: block; } .common-header__3oMLX .header-inner__2xVNJ .right__1AhE8 { display: flex; height: 100%; align-items: center; } .common-header__3oMLX .header-inner__2xVNJ .right__1AhE8 .link__BpySU { padding: 8px 20px; max-width: 105px; white-space: nowrap; } .common-header__3oMLX .header-inner__2xVNJ .right__1AhE8 .nav-icon { margin-right: 6px; line-height: 15px; font-size: 15px; width: 15px; height: 15px; } .message__2_ZJ2 { position: relative; } .addMargin__2dNo- { margin-right: 16px; } .message-count-wrap__2AiXO { left: -1px; top: -11px; min-width: 34px; } .message-count__9AzGs { position: absolute; display: inline-block; font-style: normal; line-height: 16px; padding: 1px 5px; min-width: 18px; background: #ff5b35; color: #ffffff; font-weight: normal; border-radius: 9px; text-align: center; top: -2px; } .dynamic-red-dot__fEKc9 { width: 8px; height: 8px; border-radius: 50%; background-color: #ff5b35; display: inline-block; transform: translate(1px, 1px); } .common-header__3oMLX .header-inner__2xVNJ .avatar-info__2axH5 { position: relative; height: 100%; } .common-header__3oMLX .header-inner__2xVNJ .avatar-info__2axH5 .avatar__37Tu- { width: 32px; height: 32px; margin: 0 20px 0 12px; overflow: hidden; cursor: pointer; display: flex; align-items: center; border-radius: 50%; } .common-header__3oMLX .header-inner__2xVNJ .avatar-info__2axH5 .avatar__37Tu- img { width: 36px; height: 36px; border-radius: 50%; } .common-header__3oMLX .header-inner__2xVNJ .avatar-info__2axH5 .avatar-bottom__2e2YR { display: none; position: absolute; width: 110px; right: 0; padding: 14px 0; background: #ffffff; border-radius: 5px; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1); } .common-header__3oMLX .header-inner__2xVNJ .avatar-info__2axH5 .avatar-bottom__2e2YR .avatar-triangle__2XH6N { position: absolute; top: -5px; right: 10px; width: 0px; height: 0px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #ffffff; } .common-header__3oMLX .header-inner__2xVNJ .avatar-info__2axH5 .avatar-bottom__2e2YR ul, .common-header__3oMLX .header-inner__2xVNJ .avatar-info__2axH5 .avatar-bottom__2e2YR li { margin: 0; padding: 0; list-style: none; } .common-header__3oMLX .header-inner__2xVNJ .avatar-info__2axH5 .avatar-bottom__2e2YR li { line-height: 19px; padding: 7px 14px; cursor: pointer; } .common-header__3oMLX .header-inner__2xVNJ .avatar-info__2axH5 .avatar-bottom__2e2YR li a { display: flex; font-size: 14px; color: #333; } .common-header__3oMLX .header-inner__2xVNJ .avatar-info__2axH5 .avatar-bottom__2e2YR li a i { flex: 1; margin: 0 0 0 9px; text-align: center; } .common-header__3oMLX .header-inner__2xVNJ .avatar-info__2axH5 .avatar-bottom__2e2YR li:hover { background: #ecf5ff; } .common-header__3oMLX .header-inner__2xVNJ .avatar-info__2axH5:hover .avatar-bottom__2e2YR { display: block; } .common-header__3oMLX .header-inner__2xVNJ .no-avatar__2TLWD { height: 100%; display: flex; align-items: center; } .no-avatar__2TLWD .link__BpySU { padding: 6px 20px; color: rgba(255, 255, 255, 0.8); } .no-avatar__2TLWD .link__BpySU:hover { color: #fff; font-weight: bold; border-radius: 16px; } .main-link-wrap__20ow8 { justify-content: flex-start; margin: 0; padding: 0; display: flex; list-style: none; flex: 1; text-align: center; height: 100%; align-items: center; } .main-link-wrap__20ow8 li { height: 100%; display: flex; align-items: center; } .main-link-wrap__20ow8 li.active a { color: #fff; font-weight: bold; opacity: 1; } .header-dropdown-container__3L_JZ { position: relative; height: 100%; display: flex; align-items: center; } .header-dropdown-container__3L_JZ:hover .header-dropdown__3IM9F { display: block; } .header-dropdown-wrap__2fh__ { position: absolute; top: 100%; right: 12px; z-index: -1; } .header-dropdown__3IM9F { list-style: none; padding: 0; border-radius: 8px; overflow: hidden; box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1); display: none; } .dropdown-link-editor__1N_j7 { color: #666666; font-weight: 500; font-size: 16px; line-height: 22px; background: #ffffff; padding: 13px 20px; white-space: nowrap; display: block; cursor: pointer; transition: all 0.3s ease !important; } .dropdown-link-editor__1N_j7 .create-icon__1sxwI { width: 24px; height: 24px; display: inline-block; border-radius: 50%; font-size: 12px; color: white; text-align: center; line-height: 24px; margin-right: 10px; } .dropdown-link-editor__1N_j7 .scratchIcon__3tKFB { background: #fed337; } .dropdown-link-editor__1N_j7 .pythonIcon__2fcMn { background: #507bf3; padding-top: 1px; } .dropdown-link-editor__1N_j7 .nav-icon, .dropdown-link__edMU0 .nav-icon { margin-right: 4px; font-size: 12px; width: 15px; height: 15px; } .dropdown-link-editor__1N_j7:hover { background: #f4f4f4; color: #666666; } .dropdown-link__edMU0 { color: #333333; font-size: 14px; line-height: 18px; background: #ffffff; padding: 12px 16px; white-space: nowrap; display: block; cursor: pointer; transition: all 0.3s ease; } .dropdown-link__edMU0:hover { background: #f4f4f4; color: #333333; } .dropdown-link__edMU0 .ant-badge-dot { right: -2px; } .dynamic-red-dot__fEKc9 { width: 7px; height: 7px; border-radius: 50%; background-color: #ff5b35; display: inline-block; transform: translate(0.5px, 3.5px); } @-webkit-keyframes fadeInDown__3vH-S { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0); } } @keyframes fadeInDown__3vH-S { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0); } } @media all and (max-width: 1600px) { .home-page-header-style__3ojhV .header-inner__2xVNJ { width: 1088px !important; } } .matchNav__2SPyr { position: relative; } .matchNav__2SPyr:hover .matchNvaList__3b4Fe { display: block; } .matchNav__2SPyr:hover .link__BpySU { font-weight: bold; } .matchNav__2SPyr .matchNvaList__3b4Fe { display: none; left: 24px; top: 26px; position: absolute; background: #ffffff; box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.08); border-radius: 10px; font-size: 14px; color: #333333; line-height: 24px; padding-left: 0; } .matchNav__2SPyr .matchNvaList__3b4Fe li { margin: 16px 0; width: 104px; text-align: center; } .matchNav__2SPyr .matchNvaList__3b4Fe li:last-child { margin-top: 0; } .matchNav__2SPyr .matchNvaItem__3tGhy { color: #333333; width: 100%; } .matchNav__2SPyr .matchNvaItem__3tGhy:hover { color: #2e8fff; } .main-link-wrap__20ow8 .active__KzzHZ { opacity: 1 !important; } .practicePageLayout__1h53L { min-width: 1248px; } .user-avatar-wrapper__xZwHl { position: relative; display: block; margin: 0 auto 24px; border-radius: 50%; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .decorationImg__76Jm7 { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; } .avatar-box__3J-Rm { border-radius: 50%; overflow: hidden; border: 1px solid #efefef; } .avatar-box__3J-Rm .img-wrapper__2d_8i { width: 48px; height: 48px; } .avatar-box__3J-Rm .img-wrapper__2d_8i .img__2Xw0Z { border-radius: 50%; overflow: hidden; transition: 0.3s all ease 0s; } .avatar-box__3J-Rm .img-wrapper__2d_8i .img__2Xw0Z.enable-scale__3B1FZ:hover { transform: scale(1.1); } .pro-star-box__2XCCD { display: flex; align-items: center; justify-content: center; position: absolute; right: 0; bottom: -2px; width: 18px; height: 18px; } .pro-star__2lHRW { display: inline-flex; justify-content: center; align-items: center; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: contain; } .pro-star__2lHRW.recommend-type-OFFICIAL__12juW { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzdweCIgaGVpZ2h0PSIzMnB4IiB2aWV3Qm94PSIwIDAgMzcgMzIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU3ICg4MzA3NykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+5a6YduWkh+S7vTwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSLpppbpobUiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSLmiJHnmoTkuLvpobUt5Lqk5LqSIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjA1LjAwMDAwMCwgLTMzMS4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9IuWumHblpIfku70iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIwNy4wMDAwMDAsIDMzMy4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSLnvJbnu4QiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCAwLjAyMjE2MCkiIGZpbGw9IiM0RDk3RkYiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIyIj4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMjQuODg3Mjk1NSwtMC4zMzMzMDUyNjMgTDI0Ljk0NDU5NDgsLTAuMzMzMzA1MjYzIEwyNS4yNDMzMjcsMC4wMDcxNzA1ODM2OSBMMzIuOTc3ODM4Myw4LjgyMjQ3MSBDMzMuOTUwNTgyLDkuOTMxOTM3NCAzMy45MjA3ODE2LDExLjU5ODk2MiAzMi45MDkwMDY5LDEyLjY3MzIyMyBMMTguNDI3NjcxNSwyOC4wNDYwMzc0IEMxNy44ODY3MDU1LDI4LjYyMDA1MzYgMTcuMTMyODI1OCwyOC45NDU0MDgyIDE2LjM0MzkxNjYsMjguOTQ1NDA4MiBDMTUuNTU1MjQ4NiwyOC45NDU0MDgyIDE0LjgwMTQxMDYsMjguNjIwMDMzMSAxNC4yNjAyNTA0LDI4LjA0NTg5OTkgTC0wLjIyMDk5NDM1OSwxMi42NzQxMDk1IEMtMS4yMzI3MTk0NSwxMS41OTk5Nzk5IC0xLjI2MjUyMzQxLDkuOTMyNjU1OTQgLTAuMjg5NTMyMjEsOC44MjMxNzA4MiBMNy40NDQ5MTM5LDAuMDA3MDE2ODc2MzUgQzcuOTg4Njg2NzUsLTAuNjEyNDg0OTg1IDguNzczMjA5OTEsLTAuOTY3NTkwMDE4IDkuNTk3NjYzMTYsLTAuOTY3NTkwMDE4IEwyMy4wOTA0NDI5LC0wLjk2NzU5MDAxOCBDMjMuNzQ5MTMxMywtMC45Njc1OTAwMTggMjQuMzgyMTMyOCwtMC43NDA2NTcxNzcgMjQuODg3Mjk1NSwtMC4zMzMzMDUyNjMgWiIgaWQ9IkZpbGwtMSI+PC9wYXRoPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTExLjM0NTQ3OTksMi41NTIwMTE1OSBDMTAuOTIzNzMzMywyLjU1MjAxMTU5IDEwLjUyMjQ1NDYsMi43MzM2MDIzNCAxMC4yNDQzNjQ5LDMuMDUwNDQ0NDQgTDQuMTY2MjkwODQsOS45Nzg1MDY4MiBDMy42Njg4NDA1NSwxMC41NDU4MjA3IDMuNjg0MDY4NjIsMTEuMzk4NTM4IDQuMjAxNDQwOTQsMTEuOTQ3Nzg1NiBMMTUuNTgxNjY3MSwyNC4wMjc4NDggQzE1Ljg1ODMzNzYsMjQuMzIxMzg0IDE2LjI0Mzg0MjUsMjQuNDg3ODAxMiAxNi42NDcyNDk5LDI0LjQ4NzgwMTIgQzE2LjY0NzI0OTksMjQuNDg3ODAxMiAxNi42NDcyNDk5LDI0LjQ4NzgwMTIgMTYuNjQ3MjQ5OSwyNC40ODc4MDEyIEwxNi42NDcyNDk5LDIuNTUyMDExNTkgTDExLjM0NTQ3OTksMi41NTIwMTE1OSBaIiBpZD0iRmlsbC0zIiBmaWxsPSIjNjlBREZCIj48L3BhdGg+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTYuNjQ3MzQyNywxMi43NTg0ODExIEwxMy44NTI2MzcsOS45NjQwNDgzNCBDMTMuMzM4MTU3NSw5LjQ0OTUxNDIzIDEyLjUwNDEwNjgsOS40NDk1MTQyMyAxMS45ODk2MjczLDkuOTY0MDQ4MzQgQzExLjQ3NTE0NzgsMTAuNDc4NDczMyAxMS40NzUxNDc4LDExLjMxMjU3ODYgMTEuOTg5NjI3MywxMS44MjcwMDM1IEwxNS43MTU4NjUxLDE1LjU1MzE4NjcgQzE1Ljk2MjczNDUsMTUuODAwMjc0NSAxNi4yOTc5MTU4LDE1LjkzOTA3MzcgMTYuNjQ3MzQyNywxNS45MzkwNzM3IEMxNi45OTY0OTY3LDE1LjkzOTA3MzcgMTcuMzMxNzMyNiwxNS44MDAyNzQ1IDE3LjU3ODc2NTcsMTUuNTUzMTg2NyBMMjEuMzA0ODM5OCwxMS44MjcwMDM1IEMyMS44MTkzMTkzLDExLjMxMjU3ODYgMjEuODE5MzE5MywxMC40Nzg0NzMzIDIxLjMwNDgzOTgsOS45NjQwNDgzNCBDMjAuNzkwMzYwMiw5LjQ0OTUxNDIzIDE5Ljk1NjMwOTYsOS40NDk1MTQyMyAxOS40NDE4Myw5Ljk2NDA0ODM0IEwxNi42NDczNDI3LDEyLjc1ODQ4MTEgWiIgaWQ9IkZpbGwtNSIgZmlsbD0iI0ZGRkZGRiI+PC9wYXRoPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=); } .pro-star__2lHRW.recommend-type-XMJUN__Vy2tr { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzdweCIgaGVpZ2h0PSIzMnB4IiB2aWV3Qm94PSIwIDAgMzcgMzIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU3ICg4MzA3NykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+6K6y5biI6K6k6K+B5aSH5Lu9PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IummlumhtSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IuaIkeeahOS4u+mhtS3kuqTkupIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMDUuMDAwMDAwLCAtMjQwLjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0i6K6y5biI6K6k6K+B5aSH5Lu9IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMDcuMDAwMDAwLCAyNDIuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0i57yW57uEIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgMC4wMjIxNjApIiBmaWxsPSIjRkY5OTAwIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iMiI+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTI0Ljg4NzI5NTUsLTAuMzMzMzA1MjYzIEwyNC45NDQ1OTQ4LC0wLjMzMzMwNTI2MyBMMjUuMjQzMzI3LDAuMDA3MTcwNTgzNjkgTDMyLjk3NzgzODMsOC44MjI0NzEgQzMzLjk1MDU4Miw5LjkzMTkzNzQgMzMuOTIwNzgxNiwxMS41OTg5NjIgMzIuOTA5MDA2OSwxMi42NzMyMjMgTDE4LjQyNzY3MTUsMjguMDQ2MDM3NCBDMTcuODg2NzA1NSwyOC42MjAwNTM2IDE3LjEzMjgyNTgsMjguOTQ1NDA4MiAxNi4zNDM5MTY2LDI4Ljk0NTQwODIgQzE1LjU1NTI0ODYsMjguOTQ1NDA4MiAxNC44MDE0MTA2LDI4LjYyMDAzMzEgMTQuMjYwMjUwNCwyOC4wNDU4OTk5IEwtMC4yMjA5OTQzNTksMTIuNjc0MTA5NSBDLTEuMjMyNzE5NDUsMTEuNTk5OTc5OSAtMS4yNjI1MjM0MSw5LjkzMjY1NTk0IC0wLjI4OTUzMjIxLDguODIzMTcwODIgTDcuNDQ0OTEzOSwwLjAwNzAxNjg3NjM1IEM3Ljk4ODY4Njc1LC0wLjYxMjQ4NDk4NSA4Ljc3MzIwOTkxLC0wLjk2NzU5MDAxOCA5LjU5NzY2MzE2LC0wLjk2NzU5MDAxOCBMMjMuMDkwNDQyOSwtMC45Njc1OTAwMTggQzIzLjc0OTEzMTMsLTAuOTY3NTkwMDE4IDI0LjM4MjEzMjgsLTAuNzQwNjU3MTc3IDI0Ljg4NzI5NTUsLTAuMzMzMzA1MjYzIFoiIGlkPSJGaWxsLTEiPjwvcGF0aD4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMS4zNDU0Nzk5LDIuNTUyMDExNTkgQzEwLjkyMzczMzMsMi41NTIwMTE1OSAxMC41MjI0NTQ2LDIuNzMzNjAyMzQgMTAuMjQ0MzY0OSwzLjA1MDQ0NDQ0IEw0LjE2NjI5MDg0LDkuOTc4NTA2ODIgQzMuNjY4ODQwNTUsMTAuNTQ1ODIwNyAzLjY4NDA2ODYyLDExLjM5ODUzOCA0LjIwMTQ0MDk0LDExLjk0Nzc4NTYgTDE1LjU4MTY2NzEsMjQuMDI3ODQ4IEMxNS44NTgzMzc2LDI0LjMyMTM4NCAxNi4yNDM4NDI1LDI0LjQ4NzgwMTIgMTYuNjQ3MjQ5OSwyNC40ODc4MDEyIEMxNi42NDcyNDk5LDI0LjQ4NzgwMTIgMTYuNjQ3MjQ5OSwyNC40ODc4MDEyIDE2LjY0NzI0OTksMjQuNDg3ODAxMiBMMTYuNjQ3MjQ5OSwyLjU1MjAxMTU5IEwxMS4zNDU0Nzk5LDIuNTUyMDExNTkgWiIgaWQ9IkZpbGwtMyIgZmlsbD0iI0ZGQUUwMCI+PC9wYXRoPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTE2LjY0NzM0MjcsMTIuNzU4NDgxMSBMMTMuODUyNjM3LDkuOTY0MDQ4MzQgQzEzLjMzODE1NzUsOS40NDk1MTQyMyAxMi41MDQxMDY4LDkuNDQ5NTE0MjMgMTEuOTg5NjI3Myw5Ljk2NDA0ODM0IEMxMS40NzUxNDc4LDEwLjQ3ODQ3MzMgMTEuNDc1MTQ3OCwxMS4zMTI1Nzg2IDExLjk4OTYyNzMsMTEuODI3MDAzNSBMMTUuNzE1ODY1MSwxNS41NTMxODY3IEMxNS45NjI3MzQ1LDE1LjgwMDI3NDUgMTYuMjk3OTE1OCwxNS45MzkwNzM3IDE2LjY0NzM0MjcsMTUuOTM5MDczNyBDMTYuOTk2NDk2NywxNS45MzkwNzM3IDE3LjMzMTczMjYsMTUuODAwMjc0NSAxNy41Nzg3NjU3LDE1LjU1MzE4NjcgTDIxLjMwNDgzOTgsMTEuODI3MDAzNSBDMjEuODE5MzE5MywxMS4zMTI1Nzg2IDIxLjgxOTMxOTMsMTAuNDc4NDczMyAyMS4zMDQ4Mzk4LDkuOTY0MDQ4MzQgQzIwLjc5MDM2MDIsOS40NDk1MTQyMyAxOS45NTYzMDk2LDkuNDQ5NTE0MjMgMTkuNDQxODMsOS45NjQwNDgzNCBMMTYuNjQ3MzQyNywxMi43NTg0ODExIFoiIGlkPSJGaWxsLTUiIGZpbGw9IiNGRkZGRkYiPjwvcGF0aD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+); } .pro-star__2lHRW.recommend-type-TALENT__3orT9 { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzhweCIgaGVpZ2h0PSIzMHB4IiB2aWV3Qm94PSIwIDAgMzggMzAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU3ICg4MzA3NykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+57yW57uE5aSH5Lu9PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IummlumhtSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IuaIkeeahOS4u+mhtS3kuqTkupIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMDUuMDAwMDAwLCAtNDI0LjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0i57yW57uE5aSH5Lu9IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMDYuMDAwMDAwLCA0MjUuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMjcuNjk1NzE2NCw4LjMzODcxMjczIEwxOS4zNjMzNTI3LDAuNTgzMDAzNjM2IEMxOC41MjgxNTI3LC0wLjE5Mzk0MTgxOCAxNy4yMzQxMTY0LC0wLjE5Mzk0MTgxOCAxNi4zOTg5MTY0LDAuNTgzMDAzNjM2IEw4LjA2NjU1MjczLDguMzM4NzEyNzMgQzcuODM2MTUyNzMsOC41NTI3NDkwOSA3LjQ5ODQwNzI3LDguNjAyNDk0NTUgNy4yMTU2NDM2NCw4LjQ2NDM4NTQ1IEwzLjAyMDY2MTgyLDYuNDA1ODQgQzEuNDAwNjYxODIsNS42MTEyMjE4MiAtMC4zOTk5OTI3MjcsNy4wOTc2OTQ1NSAwLjA3ODQ4LDguODM3NDc2MzYgQzEuMzI0MDgsMTMuMzcyODIxOCAzLjIyMDI5ODE4LDIwLjI3OTU4NTUgNC4zMzIzNzA5MSwyNC4zMjQ2NzY0IEw0Ljc2MzcxNjM2LDI1Ljg5NzU0OTEgQzUuMDM4NjI1NDUsMjYuODk3Njk0NSA1Ljk0OTA5ODE4LDI3LjU5MDIwMzYgNi45ODY1NTI3MywyNy41ODY5NDI1IEwxNy44ODE0NjE4LDI3LjU1MzU0OTEgTDI4Ljc3NTA2MTgsMjcuNTg2OTQyNSBDMjkuODEyNTE2NCwyNy41OTAyMDM2IDMwLjcyMzY0MzYsMjYuODk3Njk0NSAzMC45OTg1NTI3LDI1Ljg5NzU0OTEgTDMxLjQzMDU1MjcsMjQuMzI0Njc2NCBDMzIuNTQxMzE2NCwyMC4yNzk1ODU1IDM0LjQzODE4OTEsMTMuMzcyODIxOCAzNS42ODM3ODkxLDguODM3NDc2MzYgQzM2LjE2MjI2MTgsNy4wOTc2OTQ1NSAzNC4zNjE2MDczLDUuNjExMjIxODIgMzIuNzQxNjA3Myw2LjQwNTg0IEwyOC41NDY2MjU1LDguNDY0Mzg1NDUgQzI4LjI2Mzg2MTgsOC42MDI0OTQ1NSAyNy45MjYxMTY0LDguNTUyNzQ5MDkgMjcuNjk1NzE2NCw4LjMzODcxMjczIiBpZD0iRmlsbC0xIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iMiIgZmlsbD0iI0ZBQzcwNiI+PC9wYXRoPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTE1LjExMjk5NjQsNS4yNDYyNDcyNyBMOS4wNzE1NDE4MiwxMC44NzAxMDE4IEM4LjkwNDYzMjczLDExLjAyNTIyOTEgOC42NTkxNzgxOCwxMS4wNjE4ODM2IDguNDUzNjUwOTEsMTAuOTYxMDgzNiBMNS40MTE5NzgxOCw5LjQ2ODA2NTQ1IEM0LjIzNzcyMzY0LDguODkyMDY1NDUgMi45MzE5MDU0NSw5Ljk3MDEwMTgyIDMuMjc4MTYsMTEuMjMyMDY1NSBDNC4xODIwODcyNywxNC41MjA1MDE4IDUuNTU2NjMyNzMsMTkuNTI4NDI5MSA2LjM2MzAzMjczLDIyLjQ2MjEwMTggTDYuNjc1OTA1NDUsMjMuNjAyOTc0NSBDNi44NzU1NDE4MiwyNC4zMjgyMTA5IDcuNTM1OTc4MTgsMjQuODMwMjQ3MyA4LjI4NzM5NjM2LDI0LjgyNzYzOTMgTDE2LjE4ODQxNDUsMjQuODA0MDY1NSBMMTYuNzY2Mzc4MiwyNC44MDYwMjkxIEwxNS4zMTkxNzgyLDUuMDg4NTAxODIgQzE1LjI0NzgzMjcsNS4xMzU2MjkwOSAxNS4xNzc3OTY0LDUuMTg2MDI5MDkgMTUuMTEyOTk2NCw1LjI0NjI0NzI3IiBpZD0iRmlsbC0zIiBmaWxsPSIjRkNEODA4Ij48L3BhdGg+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTguMjA0ODA3MywyMi42MjY4NTA5IEwyMy4yNzE2NDM2LDE1LjAyNjkyMzYgQzIzLjQ3MDYyNTUsMTQuNzI4NDUwOSAyMy4zOTAxMTY0LDE0LjMyMzk0MTggMjMuMDkxNjQzNiwxNC4xMjU2MTQ1IEMyMi45ODQ5NTI3LDE0LjA1NDI2OTEgMjIuODU5MjgsMTQuMDE2OTYgMjIuNzMwOTg5MSwxNC4wMTY5NiBMMTguNzQ3NDI1NSwxNC4wMTY5NiBMMTguNzQ3NDI1NSw5LjIzMjIzMjczIEMxOC43NDc0MjU1LDguODcyODg3MjcgMTguNDU2ODA3Myw4LjU4MjI2OTA5IDE4LjA5ODExNjQsOC41ODIyNjkwOSBDMTcuODgwODA3Myw4LjU4MjI2OTA5IDE3LjY3NzI0MzYsOC42OTA5MjM2NCAxNy41NTc0NjE4LDguODcxNTc4MTggTDEyLjQ5MDYyNTUsMTYuNDcxNTA1NSBDMTIuMjkxNjQzNiwxNi43NzA2MzI3IDEyLjM3MjE1MjcsMTcuMTczODMyNyAxMi42NzA2MjU1LDE3LjM3MjgxNDUgQzEyLjc3NzMxNjQsMTcuNDQzNTA1NSAxMi45MDIzMzQ1LDE3LjQ4MjEyMzYgMTMuMDMxMjgsMTcuNDgyMTIzNiBMMTcuMDE0ODQzNiwxNy40ODIxMjM2IEwxNy4wMTQ4NDM2LDIyLjI2NjE5NjQgQzE3LjAxNDg0MzYsMjIuNjI0ODg3MyAxNy4zMDU0NjE4LDIyLjkxNTUwNTUgMTcuNjY0MTUyNywyMi45MTU1MDU1IEMxNy44ODIxMTY0LDIyLjkxNTUwNTUgMTguMDg0MzcwOSwyMi44MDY4NTA5IDE4LjIwNDgwNzMsMjIuNjI2ODUwOSIgaWQ9IkZpbGwtNSIgZmlsbD0iI0ZGRkZGRiI+PC9wYXRoPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=); } .titleBox__NoOXg { display: flex; align-items: center; justify-content: space-between; margin: 0 0 16px; font-weight: 500; } .title__3NEsD { display: inline-flex; font-size: 22px; height: 29px; line-height: 29px; font-weight: 600; color: #333333; align-items: center; font-family: -apple-system, BlinkMacSystemFont, PingFangSC-Medium, Microsoft YaHei, Helvetica Neue, Helvetica, Hiragino Sans GB, Arial, sans-serif; } .titleIcon__1nc1p { display: inline-block; width: 28px; margin-right: 10px; } .titleR__CNaB6 { display: flex; align-items: flex-end; cursor: pointer; } .titleR__CNaB6:hover .iconText__6Ugjl { color: #999999; } .titleR__CNaB6:hover .icon__2k0iP { color: #999999; } .titleR__CNaB6:hover .iconChange__3qE8Q { color: #999999; } .iconText__6Ugjl { color: #666666; font-size: 14px; } .icon__2k0iP { display: inline-block; color: #666666; font-size: 15px; transform: scale(0.6); } .iconChange__3qE8Q { display: inline-block; color: #666666; font-size: 12px; margin-left: 4px; } .selectedWorksContainer__1ybfW { margin-top: 48px; } .aspect-ratio-box__YkrZy:before { content: ""; width: 1px; margin-left: -1px; float: left; height: 0; padding-top: 8.77192982%; } .aspect-ratio-box__YkrZy:after { /* to clear float */ content: ""; display: table; clear: both; } .advertisement__1Lfkg:before { content: ""; width: 1px; margin-left: -1px; float: left; height: 0; padding-top: 8.77192982%; } .advertisement__1Lfkg:after { /* to clear float */ content: ""; display: table; clear: both; } .advertisement__1Lfkg .adImg__1ddNk { width: 100%; border-radius: 6px; } .banner-container__rouk5 { margin: 0 auto; } .banner-img__uW87i { display: block; height: 119.73px; background-color: #4a38a8; background-repeat: no-repeat; background-size: cover; background-position: 50%; cursor: pointer; border-radius: 6px; } .slick-list { border-radius: 6px; } @media all and (max-width: 1600px) { .advertisement__1Lfkg:before { padding-top: 7.91168353%; } .banner-img__uW87i { height: 96px; } } .weekFoundContainer__1mQtt { margin-top: 48px; } .starStudioContainer__2svZx { margin-top: 48px; } .starStudioBody__f1FZr { display: flex; justify-content: space-between; width: 100%; height: 334px; } .studioLeft__3ouRq { box-sizing: border-box; border-radius: 6px; padding: 20px 0 16px 16px; background: #ffff; width: 280px; height: 334px; } .studioLeftUp__1AQp5 { height: 240px; overflow-y: scroll; margin-right: 6px; } .studioLeftUp__1AQp5::-webkit-scrollbar { width: 6px; } .studioLeftUp__1AQp5::-webkit-scrollbar-thumb { border-radius: 5px; background: #dbdbdb; } .studioLeftUp__1AQp5::-webkit-scrollbar-track { background-color: #fff; } .studioLeftItem__qHV8u { display: flex; padding: 8px; height: 40px; list-style: none; width: 246px; margin-bottom: 8px; cursor: pointer; color: #999999; border: none; outline: none; background: transparent; } .studioLeftItem__qHV8u:hover { background: #f2f2f2; color: #333333; border-radius: 4px; } .studioLeftItem1__16JMX { width: 246px; height: 40px; background: #f2f2f2; color: #333333; border-radius: 4px; } .leftNum__2yPdu { display: inline-block; width: 29px; height: 24px; border-radius: 4px; text-align: center; font-size: 16px; font-weight: bold; color: #ffffff; background: #e0e0e0; } .leftNum1__iE6SQ { background: #feb937; } .leftNum2__2CZEX { background: #b1c3d6; } .leftNum3__3p-Xe { background: #dac49a; } .leftText__jGls- { font-size: 18px; padding-left: 8px; max-width: 200px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: inline-block; } .studioLeftBottom__1rhW1 { width: 232px; height: 48px; margin-left: 8px; background: #ff9900; border-radius: 6px; text-align: center; line-height: 48px; font-size: 18px; color: #ffffff; box-shadow: 0 4px 0 #e68b02; cursor: pointer; } .studioLeftBottom__1rhW1:hover { background: rgba(255, 153, 0, 0.8); } .studioLeftBottom__1rhW1 .studioBtnText__ka9Im { display: inline-block; height: 100%; width: 100%; color: white; } .studioRight__B7pj3 { box-sizing: border-box; border-radius: 6px; padding: 20px; margin-left: 20px; background: #ffff; width: 1067px; display: flex; justify-content: space-between; flex: 1; border-left: 1px solid #efefef; } .studioImgBox__10KTm { display: inline-block; width: 148px; height: 148px; border-radius: 6px; overflow: hidden; border: 1px solid #efefef; } .studioImgBox__10KTm:hover .studioImg__1c4l8 { transform: scale(1.1); } .studioImg__1c4l8 { width: 100%; height: 100%; transition: all 0.2s ease; } .studioInfoBox__1JObu { display: inline-block; } .studioInfoTop__3v6qQ { display: flex; } .studioInfo__3QBsC { display: inline-block; width: 318px; margin-left: 16px; font-size: 16px; color: #666666; } .studioInfoTitle__1l_W- { width: 100%; display: block; margin-bottom: 20px; font-weight: 500; font-size: 20px; color: #333333; line-height: 26px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .studioInfoNum__3WDSt { margin-bottom: 9px; font-size: 16px; line-height: 21px; color: #666666; } .memberNum__1TTjc { margin-left: 16px; } .studioInfoIntro__3jRpI { height: 72px; margin-bottom: 0; color: #666666; line-height: 24px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; word-wrap: break-word; word-break: break-all; word-break: break-word; white-space: pre-wrap; } .studioInfoBottom__36lPl { margin-top: 25px; display: flex; list-style: none; padding: 0; } .studioMemberInfo__PRjy7 { position: relative; display: inline-block; width: 48px; text-align: center; margin-right: 24px; cursor: pointer; padding-bottom: 8px; } .studioMemberInfo__PRjy7:hover .toolTipBox__iMGl- { display: block; } .toolTipBox__iMGl- { display: none; } .studioMemberImg__35Be8 { display: inline-block; width: 48px; height: 48px; box-sizing: border-box; border-radius: 50%; margin-bottom: -12px; } .studioMemberPost__azUob { display: inline-block; width: 46px; height: 16px; line-height: 14px; border-radius: 20px; font-size: 12px; color: #ffffff; background: #69adfb; box-shadow: 0px 1px 4px 0px rgba(105, 173, 251, 0.3); border: 1px solid #ffffff; } .studioMemberPost1__2KGt- { background: #ffad31; box-shadow: 0px 1px 4px 0px rgba(255, 173, 49, 0.3); } .studioMemberPost2__3IAdS { background: #b2c2d5; box-shadow: 0px 1px 4px 0px rgba(105, 173, 251, 0.3); } .studioWokrs__2E19m { width: 534px; background: #ffff; display: flex; justify-content: space-between; overflow: hidden; } .studioWokrs__2E19m .work-item { margin: 0; width: 257px; } .studioWokrs__2E19m .work-img-box { height: 217px; } .studioWokrs__2E19m .work-img { height: 217px; border-radius: 6px; } .studioWokrs__2E19m .LazyLoad { height: 217px !important; } .studioWokrs__2E19m .work-info { padding-left: 0; } @media all and (max-width: 1600px) { .studioRight__B7pj3 { width: 790px; } .studioWokrs__2E19m { width: 257px; overflow: hidden; } .secondeOne__3b4fq { display: none; } } .weekFoundContainer__3y_4X { margin-top: 48px; } .openSourceContainer__2t0DC { margin-top: 48px; } .gameWorksContainer__1nVqh { margin-top: 48px; } .mockWorksContainer__eLcSn { margin-top: 48px; } .artWorksContainer__2PS0i { margin-top: 48px; } .workList__1CkjN { display: flex; flex-wrap: wrap; justify-content: flex-start; height: 294px; overflow: hidden; } .workList__1CkjN .work-item { margin: 0 25px 16px 0; } .workList__1CkjN .work-item:nth-child(5) { margin: 0 0 16px 0; } @media all and (max-width: 1600px) { .workList__1CkjN .work-item { margin: 0 24px 16px 0; } .workList__1CkjN .work-item:nth-child(4) { margin: 0 0 16px 0; } } .talentHall__-koY7 { margin-top: 48px; } .talents__1vUE3 { display: flex; flex-wrap: wrap; justify-content: flex-start; max-height: 658px; overflow: hidden; margin: 0 -13px; } .card-item__2EeCg { width: 254px; height: 313px; background: #ffffff; color: #999999; border-radius: 6px; margin: 0 12px 20px; text-align: center; } .card-item__2EeCg:hover { box-shadow: 0 1px 14px 0 rgba(0, 0, 0, 0.05); } @media (max-width: 1600px) { .workContainer__1T3ZB { width: 1114px; margin: 0 auto; } .card-item__2EeCg { display: none; } .card-item__2EeCg:nth-child(-n + 4) { display: block; } } .topImgBox__14IL_ { position: relative; width: 100%; height: 105px; overflow: hidden; border-radius: 6px 6px 0 0; } .topImg__I3_qs { width: 100%; height: 110px; background-size: cover; opacity: 0.8; background-position: 50%; position: relative; filter: blur(13px); } .topImg2__2I4Uh { position: absolute; top: 0; width: 100%; height: 100%; left: 0; z-index: 2; background: rgba(255, 255, 255, 0.2); } .user-avatar__MCY8Q { position: relative; z-index: 3; display: block; margin: 0 auto 24px; width: 86px; height: 86px; border-radius: 50%; margin-top: -43px; } .avatarBox__1blD3 { width: 86px; height: 86px; border-radius: 50%; overflow: hidden; border: 3px solid #ffffff; } .avatar__2uQ3N { display: inline-block; width: 80px; height: 80px; border-radius: 50%; cursor: pointer; transition: 0.3s all ease 0s; } .avatar__2uQ3N:hover { transform: scale(1.1); } .user-info__3kPbZ { position: relative; flex: 1; padding: 0 24px; } .user-msg__1EiqU { display: flex; align-items: center; position: relative; } .user-name-tag__Rk5sy { width: 100%; } .user-name__1AOrT { display: inline-block; width: 100%; font-size: 16px; color: #333333; line-height: 21px; margin: 0 auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer; text-align: center; } .user-name__1AOrT:hover { color: #2d8fff; } .user-school__2xyCi { display: inline-block; width: 100%; font-size: 14px; line-height: 21px; margin: 0 auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; } .user-sex-male__1k7c- { font-size: 18px; color: #50a2ff; } .user-sex-female__3O0ee { font-size: 18px; color: #ff5b35; } .talent-logo__3IUIb { height: 18px; display: flex; align-items: center; border-radius: 9px; background: #ff5b35; font-size: 10px; line-height: 14px; color: #fff; margin: 0 0 0 16px; padding: 0 4px; } .talent-icon__1S8zd { margin-right: 2px; font-size: 14px; } .focus-icon__4rCqP { font-size: 16px; color: #bdbdbd; margin-right: 4px; } .focus-text__1UFgJ { font-size: 14px; line-height: 21px; } .unfocus__5gJQL { width: 70px; text-align: center; background: #ff9900; color: #fff; height: 30px; border-radius: 4px; line-height: 30px; cursor: pointer; } .focus-btn__1uoeM { border: 1px solid #ff9900; border-radius: 4px; color: #ff9900; width: 90px; text-align: center; height: 36px; background: #fff; line-height: 34px; cursor: pointer; } .sign__3r99B { height: 20px; width: 226px; padding: 0 30px 0 0; font-size: 14px; line-height: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 12px 0 0; } .info-num__wmArm { display: flex; padding: 16px 0; margin: 0; justify-content: center; } .info-num__wmArm li { display: flex; flex-direction: column; align-items: center; list-style: none; padding: 0 14px; height: 16px; } .info-num__wmArm li:nth-child(1) { border-right: 1px solid #e0e0e0; } .info-num__wmArm li .number__Ifh9M { display: inline-flex; align-items: center; font-size: 14px; line-height: 16px; } .info-num__wmArm li .text__FWLn9 { margin: 0 0 0 5px; font-size: 14px; line-height: 16px; } .info-msg__tOLhv { display: flex; flex-direction: column; font-size: 12px; line-height: 20px; margin: 0; padding: 0; } .info-msg__tOLhv li { list-style: none; } .shareBarBox__A3OYC { width: 66px; height: 358px; position: fixed; z-index: 5; top: 60%; left: 50%; margin-left: 707.5px; transform: translateY(-50%); } .shareBarBox__A3OYC:hover .xmHeadCtn__2dibz { top: -30px; transform: rotate(8deg); } .shareBarBox__A3OYC:hover .eyes1__1TTEM, .shareBarBox__A3OYC:hover .eyes2__16QSM, .shareBarBox__A3OYC:hover .mouth__3WAHg, .shareBarBox__A3OYC:hover .brow1__1JyEY, .shareBarBox__A3OYC:hover .brow2__2KWTZ { opacity: 0; } .shareBarBox__A3OYC:hover .XMGlasses__1kpzs { opacity: 0.7; } .shareBarBox__A3OYC:hover .eyes3__1RJb3, .shareBarBox__A3OYC:hover .eyes4__2SB-F, .shareBarBox__A3OYC:hover .mouth2__1vWsq, .shareBarBox__A3OYC:hover .xmJumpStarBig__1uRX-, .shareBarBox__A3OYC:hover .xmJumpStarSmall__4m5W3 { opacity: 1; } .shareBarBox__A3OYC:hover .xmJumpStarBig__1uRX- { transform: rotate(135deg); } .shareBarBox__A3OYC:hover .xmJumpStarSmall__4m5W3 { transform: rotate(135deg); } .shareBarBtns__1Toxo { padding: 13px 0 0 0; position: relative; background: #ffffff; box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.08); border-radius: 10px; } @media all and (max-width: 1600px) { .shareBarBox__A3OYC { margin-left: 564px; } } @media all and (max-width: 1300px) { .shareBarBox__A3OYC { display: none; } } @media all and (max-height: 700px) { .shareBarBox__A3OYC { top: 56%; } } .shareBarBoxMove__2GU4u { right: 41px; } .xmHeadHover__3PtKG { position: absolute; width: 90px; padding-top: 7px; height: 58px; top: -54px; left: -12px; } .xmHeadCtn__2dibz { margin: 0 auto; position: relative; width: 46px; height: 51px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFwAAABoCAYAAAB8BJfjAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAXKADAAQAAAABAAAAaAAAAAA1qddZAAATr0lEQVR4Ae1dC5QU1Zn+b3VV9/Q8YB4wMAgoCiKIKyoKBuUxKj6CJGrUDcZdjcacrCZZPcl63OBjdz17Nu6JWYy7Z6Ou5Ox6TPYYwfWte1AkJ+ahIgvKDBFBRJxhhpmeGebR9ej697vVPT1d3VU91TOA8+h7TnfV/e//37r3q7/++99H3SIqhiICYxkBMZYrl103fvnyCXG9r7pErWgRV77Qm51+POLK8bjISLiG9dzKK8y+3nbFtveZRtch/bmL5n8R5Ro3gCds/g4ThyTIOJYrCfPaIuDHFAE2MrO3KWRmxo/X+bjRcKFEHhKCjjjACmoKh0NPHS+QM68zrhpNY1P9jUIRzape/Ya47plEJhCZ5/zubZpxYPfXBFO5RupGcfXmtsz04ZyPGw3n/1lTwWz9mBPWgnxgSzCN/Y0vkM1PM/NjBlnvStnhgJwpO24AN62u+9Fa1qHy52YCkH3OL158MmiXpunMJxnccWU6PsyTcQE4Oy6g/T2JFROdlxcztrpgZ10NqkKhoknJC1pWommbPwPQmkNmPoU3XlSTxZKOiiu3HEbj+hBAd7waHP9D/cobr6cZhnmiDlUe9k2lI40TxYR5R+3uD7Us+eT0TcuuY5vqM3ksSkiz8momTZ7z29dGjebW++GnX6pVixqKhSLJBvPo+RZDNilmy7YNhsH79baGf+buvVOyCz8S4vzaqjJi8ZOcsjDn2HFz04oVRlPLDmL7bmY6IFZu6T6a3kl/GYYEeLz5nTUo1Fo8pmXQ9B8YcX2f0d5wW3+mI+Vo9MTXEfP07PLYYsCO86YVlcbG5Y8z229Ax2dLXiHE3mwZrzjqXrDqDwlwJaE/Rko4LYtHMGrb/HP9cMNTzM1lXoU73jTY6VPhR9/ldV1B7DSc1sZlVxts7wJwt0KBMsDjvIBjECyCm/Tf5sblOo47jY0rz/S6jhctDZpXohdNb/rDtfBlp7DiDEu4WAD8DXp77LWRALrB5iN4AsOuAqYiALdW37jstQTTsylX0cWmUH4Nt/Te7+MmXScbYhwXwAw94cogT6RgwAUn7qWQZz2Sl2FeqrfFnmfeV5Lnusc0yXp2+VW4wIAv7XU1plVeZEkLKaH8Gs58sktW0CxXPE+kIMCZGyvYii+AOUln2dncnD4fOOF6Ixb/+UD8+J1JTwN99p8O9YpwCaH/1fv85Pm5VTME80FBYmBoQNDTfvzZ9ILcQvNQ7GY0QoKVpFhTYyM9c/cPaeV3/orOuOxyV95s818YbY1bwjWnbXAlHOOIcajlHjR+Jw71MjATzeJLz/RJeenlWD3mIhL2YptpCShLjES8ThFinQgpyzmR+CrA2K1V0i+CXi+joRhcxGx6e7Nt9NVz6VTZlNNz966j/e9vc85X/+2P6JTzv+TKBJn3hEV4nqiZfcCVcIwisltu6uaHaEuGYc7EQSH4RVRqCXR9AfLKaqzEy+Grt6yGJ4N7U3goSMPZss5yLgGwe2Ix2r/9/eQV0Qq99vBP6M8fnk7VM2amS4ESlRlkrgfh6jRxkBM0QmGz46P5lLD+jEmZgXpVodJVAEAeKwQLqX1H4JB1wx7iyK1wMHZFFHWX8ea3/gVaOAywZeH4BFTn2zh6lFTsD5eV3DhUsGWGBWm4/ukbsFuKwqW19KetW+mVh/7JVaiq6TNo7fpHSI1EXPRQSF2uVZ261UVMRbj944kGW5cR2dImnY2KnoYKJ7vhXgJ5aMK2mHs/F6JjD1H7TqLOj5CtlUcieBKAQldfXBC+5q13gkvlcgbWcOaPIuaBA1CwZDt7+JN9ObnFPjtAW594nOpvv8OVlkgk/g6Elf1E7mqo0Q1xA9BYY7C+bKgA9+fXf0TbIqh8JibQ8JRNrydK6CRijUSH8SS2vjtM8MWdwwVbljMw4NTaMR+Pu4CCO/XraW/vr6fruPOVl+nkxYvppEWZvWdeYXTsOptYtdm2vmsYtBa1dx59gH3sQihCPAl9Evk75Wskmn5L9PlbRLp32f0KAo/kaYD9b37phdCT6AWQSDAnZ7lTCNmJAa8oW3zzz9aT3tPjItsJ8bydsN6H+DeH16i5sg0e0cqJZ14KP+NB4vm3EpVMCiYrRINWHrktGLObS4/tvCq7ExgYcEF2qsver5L9R/dFZKy7rZ22Pv6YO4H5BDfhi4qhypMXoXP/ANHJ16CXE/UtCDS7O0x8jbj0dbf2+EoMJMRjjWvIVp+xDn321AAVLWBmJN+5lVAOy3Rop8NWVuOvIWokTHVz5zrcDvNI/BMq8YxLiBf/A9EUuNgegRW6TVy9tcEjKS/JbGs4XyT4VzDBIVuINXKwr18gMODhEnFICkHTHdkJtbX9ebiOtbNPoZuf2EALLr/C4XYljsSINDWn3ZQ0M2ppuoTwfP81ctVbv0wTAp7o7bsWAKEXoJjOo8OKpigWBvtSITDgZEaaHBlbAs40cSo6P5kBJVy89gb6+k/XU2kV3ObRFqSZWbSOaOIc2af7ozZ3iudIY75qGW27ZGfpLWj2wIySfJLIruWW9y6UssG9lNqqJvq0NXm9hEl18+aRgMfCuAFaNEpr7nuApp9xRr7yjPy0SDXRwrts0df6azFjhVFIgWFGVtnMG2FwU23dgDSLkLAShnSN6wNruBAz+uASOq6JsE0KR0tpypw5VF5TQzc88ujoBzuFD3qtSiJa+xBmsh4YgCz/Wbyt4S6b+EUvsKWkQN+FLdNpKIJruBQktZPJqCYALsPcFfU0r76eImU5N9VJH81/MAv3x9t2TY9Uz/s2uvKePjB3Hqg2zO4N4F3j77NJFDAcw30lsvMYWMMd8ELKfueYSD5tC1dfOSbBduoo/5huMdobH0/HUycAWGAk9Bbd6t6NxjHtgfTzmX191Pjmm/1RaCo0HDKJQ12rCgNcUbfIXBitihNSh2RkbP4DqJvlRLmsHc41vb3h67gJ76PL/AQIOb5xT3uMfn3P3bT50UcoYSQtAXrVDjgsrLMLAhwOzn+RHAuPDDTCYxNmd60A9A8A+jsAugnj/HIJHMYKcsOn27fT09+7g1r27CFL16n5o91JJk5ZJBaRgmw4qdV7hYjaGMAq6EblFm30UQDyIr9S93V10W83PEkf/u/rLpa+zs5kPDUMogg+HBhwXFDarafGI9guFDMitmXSztdep98/9Z8UP3IkIyV5qmpyKhLNKSdNC9akfxAYcKw7+XuIrs7JdRwSpG3e9tyztOOllzBu5L/wrHL6dAwRA2ws/ULDyWrtOZsDmYZ4+27008WPxiG2nlUOhTX6/MMP84M9bRpV1tWRsJzpURIhFWsWRWJQwDm2r5JsGyuTCl9l5FnaMUKsv/27ADFrujOjbslJdWh2Iu5QmUIvyJNBATfsuJwnnJaRV/EUCFRg8G7+RZd4YlFSUUGnr7oUi54xqgtzgp4mhyOl90nmvIBLUwLN/kvPXItEWnrTTbC0uZ2RC2+5FR3CKAkJuAxK+A9i0sKDzqlD8PgD0Bh7tx/1SCqSUghEJ0ygBZdh/jsjzF2+nOZffAkJvQPaDTcD2q1F1LTS+mo4elS3Q2BWRl7FUw8EltzwjTR12vzT6ZLv3wXN7obtTg5/CLXkaTF58Z/6mTzdQtlQGnbfOtyfYhgEgbLKKpp17nnU19VJa+5/gNQQepXxpE8uFC2m1S25MTOLXAOEVP3wrh8D7L/JZCye+yPQE+vAcHUJaRrW3cbligCgp4SscOXkhaLi9A8zJXMAdxbm2PpnECnPZCye50dAYA0M6bGU3cZyz3DFV0umnvt8tlSOSdHZ+BaYimBnIzVInGGzAbPjAlK45K8jHmDLLFyNJjwTOVJ+xyB5F5M9EBAq3EB4JKyW/GN46vmPeLA4JJeGG+27r4L5OdGPuUj3R0Au4RYlVb+I1C7ETLR/cGk4Bsq/6c9aTBkMAVbCLgX24k8DLufnwHCxF1ORFhABQV9OmmV//jTgptWDdXBDWybsn/34SgF+1VZH4wX5ap0GHNP81+djLKYFQwBjVTmTypmSDuByhSfeJVqZmVA8HxoC0PIv55N0ALfaY0vBOKjBz5dRMS2JAJZNzE21h56QOIDbgpd5phaJQ0LAsrrP9RNMmRRa7sdQpBeOAOZ5FvtJoWvEKl7c8b0jfoJFeh4E2H/XIVXv2osxb47kES8mFYwAz/UTUTBQ7pvoJ1SkD4aAmAnLkTMSK6WwypCKgA+GX4Hp8FQi1NuQ9cZCMhPZaJ5aYH5F9gAIWHFxkhcblrux98s6XtxFWmAEbEV44qpgyLwycC5FxuAIsO35PiJ2ouAi4MFhDMyJbT28AS9qeGAMC2MU5Lzani0k34XwTMhmLMYLQwAb2si1yjkB80Ii7qwQSiVxRzfZzR1kt3YSd8uVn3An5fo4TSNRXUFKVTmJukoS0WJfKQfNDALcv9wF40jHfhfchyURRFaCrO37yG6S6ypyg5yV5s/byMaPGg5QaOYkUuacgHk8LZe5SJErU7q8YJAdH2c9rbV9ry/YOYJ4GTbxSQtZb+0k7kgtWMxhGt8EhezU+yZuHKRb2MmGBbCxiKXAIOWsd7BsDk9HMbgRYDWE1Zy5AWuz+GPPTn8uryeF4ybZhzxvpif/eCFqIe1Tr7rCDxd7CLP7YuowNiSQ77CM1oCpLsdpkMejFIBplyg/2dl9IztLlRL8iXRE1DNnkdWrE3f1ZvPkjQvcLKV29PSdWDeJD6Lxhxdmt8GRSAwoiyiPklINL0x6Yydg1chQ345kSi9PzgZPDUdDDXp3N4lwlLSl8yix9xAlPm4KZJela6gumo0dXkfHdKgNoK0d+1C3AZAzAZFucEK6wtg1Q+w+SMqp0+CNTc5kCXruDziVnbpDxLaa2EgFH/RQKSQvMquWEp+1Ebd343eEOG6kLyQ1WkyeQMrkSlKm1eC9/eG0AOlsj/kJx3rI2vZx4Otwn06J/9tHfKgjqVQer5b4ZqbwDr80FfaG9YO/+UTosTksN96SGWsAftYUIvmTQW5KI+mFXDQpOWL+7c9ah1QWuznmPPGh2dMCyysstvoxy/FwvIaiPS83VBSGj7chbdkoBlvWkZWhP4n2p4dlFoECrtKrVp/2rh+zA7hWEnlQiJBN8iVOw7NH6ic/auihmRiePg5KA1/nd7AayXe9PdBJanjVWTBU6jaZ7rwQZBXmqXjkO+JIoiJK6sJZQwI9dGIBDacQr+SrvAO4ZNDC0bvlgnJ5LnSYFnPsga5Mn0TastOD9znwREgnQjmlTsIyaIBm25ES8ct8jC7Dph/83XY44+m9QDg8EXdiYGu5fBmNtjTu7CW7JUZ2O8aCMELK0h+XJgc/ZWIZvLAJGBWtIlFWwOi1oM0lNfPzLvl2OdDh0olfMbp1jGIl38GXjSi+/gE/e+y98iMmllJI/o6WpsghbEv//WDZpU2KZBRV8/dzqPTJTCFhHkm+VSsHHIvBBwEMAeIbDOEwO1s1+TA5ZBfgkhKpO/c2UsPNLiF4L6IP4+T9Wwm5Esd5BGMwIh6DJdI2iepFPn71AEY5gMuOUFgrvZAUbaB7KfltvBbXB39Uvo9YDEkEpBmRL8KybWh1i28OAksO4FJI1J6zR9EmXk4h1T3Q3X8BHZMZR3F0LUhBRxyP7ChKBYQiKmrZvVDUQJro8lKyK2W2vHcZ60deZDuR07Y4XzqJwIvJ+MRMtvxYjQsLk2QG5hek0qkleyInLJ0TtK6eGt4vrNWe86oSKVuDXqhb08GA7y3gDreltqmAJzMegnzCZR8l9Yq3xCUcKl9VSNXzanh/Rty+4wyzt3MLJpIxSOwRpP8qt4WW20GnvhHhwTWqSUJupSTBBuhOwLdHSJu4NjL17F8VUrFAgMsM5cJ9s/mPr6JjVI8dlb3lJNgqvqgoO0tjBXj54Y6M/U8kFk6PPFxxZ3jqovUyXkjwBi5PDlbze9fbZs+TbJv+XVBoPAN4p5cqcsx/ntxHUJL0yuRAXmqjmf6SYY9MqF7Zg5G68+7rpxVyLBhwmbnziZmmtg2ciF+HXmleRBlfGhEwNazKhUNDulwh9RkmLxpBE30OC919tFHZQSghOxSO/jA0ZfHD2WlB48NCQH4Mz2iK/Tu0AMBbrmGC3AJIc4NxCfzwTrp8LnNZvhAKQIbX4ex3Iu20j7srQiWdIlp6hVZz1tvDKeZRqbX8lKPZ3Pow9uj7BifMikELJE2OAs0PaThi5dbxvgFybxOYDMdcOCbDf9giuSVHdFO4bvH18LVz1X7QyroZjgrgmVmare+sYMtehx7pUoAPlQ4SUAwJfAgPCb6Z4PzwgdTkR1KHWkR0ue0EFBaunNxgXpoI5+g7N+AqqNMwhrQDmMO9SZu85E1X4jAiQ61NoEvy4W0XGUb8TvjsF6DCE/xeNMqbmXMDsCIPXk/SCsE0ZZbaMQF4YjDOg/+k2yZdt373LW/mHokihE00IzuVaOkdWvWZv/HgGBYps+jDymgwYZidSrOldS2+Qbkag2Bn4QbU9g8DDyZ7rNPl+BGeKsx6RTZp5TX3iIrZLcfqmscNcK8KcOvORZbVu9q27XOgnXOYralYIYAeVH7PxyuvQmiOayfUbrQhH+ALJC+FK8qeFGXzsRjn2IcvFHC/6sHtnGA19SyxyVyEV/BOwszVFNiMSShsFW7OBNycKD7gFMZu9XKttLQ1+IqX80FR2frhBUnHzljYyq6HWenEV12wRiJ0ADIfqJp4j6qnbxVi2tibQ/QDtEgvInDcEPh/2RpM7v75o8sAAAAASUVORK5CYII=); background-repeat: no-repeat; background-size: contain; top: 0px; left: 0px; transition: all 0.3s ease; } .hair__1MhLh { position: absolute; top: 3px; left: 16px; width: 15px; height: 17px; transition: all 0.3s ease; } .brow1__1JyEY { position: absolute; top: 16px; left: 9px; width: 4px; height: 3px; transition: all 0.3s ease; } .brow2__2KWTZ { position: absolute; top: 20px; left: 30px; width: 5px; height: 3px; transition: all 0.3s ease; } .eyes1__1TTEM { position: absolute; top: 27px; left: 6px; width: 8px; height: 5px; transition: all 0.3s ease; } .eyes2__16QSM { position: absolute; top: 29px; left: 25px; width: 8px; height: 5px; transition: all 0.3s ease; } .eyes3__1RJb3 { position: absolute; opacity: 0; top: 24px; left: 6px; width: 8px; height: 5px; transition: all 0.3s ease; } .eyes4__2SB-F { position: absolute; opacity: 0; top: 26px; left: 25px; width: 8px; height: 5px; transition: all 0.3s ease; } .XMGlasses__1kpzs { position: absolute; top: 20px; left: 2px; width: 35px; height: 16px; transition: all 0.3s ease; } .mouth__3WAHg { position: absolute; top: 38px; left: 16px; width: 6px; height: 2px; transition: all 0.3s ease; } .mouth2__1vWsq { position: absolute; opacity: 0; top: 38px; left: 16px; width: 7px; height: 7x; transition: all 0.3s ease; } .xmJumpStarBig__1uRX- { width: 16px; height: 16px; position: absolute; top: 0px; left: -24px; transform: rotate(45deg); opacity: 0; transition: all 0.3s ease; } .xmJumpStarSmall__4m5W3 { width: 8px; height: 8px; position: absolute; top: 16px; left: -8px; transform: rotate(45deg); opacity: 0; transition: all 0.3s ease; } .shareText__10rc1 { height: 24px; border-radius: 12px; font-size: 14px; color: #333333; line-height: 24px; width: 52px; margin: 0 auto 7px; display: block; text-align: center; cursor: pointer; transition: all 0.3s ease; } .shareText__10rc1:hover { background: #ffe89f; } .shareTextActive__2nyqs { background: #ffe89f; border-radius: 12px; } .shareTextHidden__3YNWo { display: none; } .wxBox__lyLV- { position: relative; width: 130px; margin-left: -10px; } .wxBox__lyLV-:hover .qrcodeBox__1muCk { display: block; } .wxBox__lyLV- .shareText__10rc1 { display: block; width: 72px; padding-bottom: 16px; border-bottom: 1px solid #ff8957; } .qrcodeBox__1muCk { display: none; position: absolute; top: -55px; left: -127px; padding: 10px 8px 6px; border: 5px solid #ff8957; border-radius: 10px; background: #ffffff; } .sideBarDivide__znuxN { display: block; height: 1px; width: 64px; background: #c2c2c2; margin: 0 auto; } .backTop__1Huaz { display: flex; justify-content: center; align-items: center; background: #ffffff; height: 33px; font-size: 15px; font-weight: bold; text-align: center; color: #828080; cursor: pointer; border-radius: 0 0 10px 10px; } .backTop__1Huaz:hover { background: #f4f4f4; } .dotSolidOutBox__1KaZv { width: 70px; position: absolute; left: -2px; bottom: -19px; display: flex; justify-content: space-between; padding: 0 8px; } .dotSolidBox__3Sgy0 { position: relative; display: inline-block; } .dot__3wVof { position: relative; top: -4px; display: block; width: 5px; height: 5px; background: #fff6ea; box-shadow: 0px 1px 3px 0px rgba(75, 123, 80, 0.3); border-radius: 50%; border: 1px solid rgba(255, 197, 111, 0.5); z-index: 2; } .dotBottom__2ZgYP { margin-top: 2px; } .solid__3QQHF { z-index: 3; position: relative; display: block; margin: -7px auto 0; width: 3px; height: 20px; background: #f2af4c; border-radius: 5px; } .FirstModal__3qLK- .ant-modal-content { width: 684px; margin: 0 auto; border-radius: 8px; padding-bottom: 24px; } .FirstModal__3qLK- .ant-modal-body { padding: 0; border-radius: 8px; } .FirstModal__3qLK- .ant-modal { display: flex; align-items: center; height: 100vh; top: 0; padding: 0; } .FirstModal__3qLK- .header__1xsVN { height: 77px; position: relative; } .FirstModal__3qLK- .header__1xsVN .xiaomajiang__1Q_n7 { position: absolute; top: -12px; left: 65px; } .FirstModal__3qLK- .header__1xsVN .xiaomajiang__1Q_n7 img { width: 100px; height: 70px; } .FirstModal__3qLK- .header__1xsVN .title__3ldky { position: absolute; left: 200px; top: 30px; font-size: 24px; font-family: PingFangSC-Medium, PingFang SC; font-weight: 500; line-height: 28px; background-image: linear-gradient(225deg, #32c5ff 0%, #b620e0 51%, #f7b500 100%); -webkit-background-clip: text; background-clip: text; color: transparent; } .FirstModal__3qLK- .header__1xsVN .title__3ldky span { color: white; background: none; } .FirstModal__3qLK- .header__1xsVN .xingxing__2OW7e { position: absolute; right: 115px; top: 0; } .FirstModal__3qLK- .header__1xsVN .xingxing__2OW7e img { width: 44px; height: 38px; } .FirstModal__3qLK- .header__1xsVN .closeIcon__2r1CM { position: absolute; top: 14px; right: 14px; cursor: pointer; } .FirstModal__3qLK- .header__1xsVN .closeIcon__2r1CM .vortexIcon__2nMI2 { font-size: 24px; } .FirstModal__3qLK- .container__3TsUD { padding: 0 38px; } .FirstModal__3qLK- .container__3TsUD .explain__3uBEa { margin-bottom: 13px; font-size: 16px; font-family: PingFangSC-Regular, PingFang SC; line-height: 24px; color: #333333; font-weight: 400; } .FirstModal__3qLK- .container__3TsUD .explain__3uBEa span { color: #ff9900; font-weight: 600; } .FirstModal__3qLK- .container__3TsUD .tip__45bmO { background: rgba(255, 153, 0, 0.08); border: 1px solid #ff9900; border-radius: 6px; color: #666666; line-height: 48px; font-size: 14px; margin-bottom: 20px; } .FirstModal__3qLK- .container__3TsUD .tip__45bmO .tipIcon__1hqOP { color: #ff9900; font-size: 20px; margin-right: 8px; margin-left: 12px; } .FirstModal__3qLK- .container__3TsUD .guide__1niBj { width: 426px; margin: 0 auto; } .FirstModal__3qLK- .container__3TsUD .guide__1niBj img { width: 426px; height: 238px; display: block; } .FirstModal__3qLK- .container__3TsUD .footer__UgGrh { text-align: center; margin-top: 20px; } .FirstModal__3qLK- .container__3TsUD .footer__UgGrh .footBtn__wd3j4 { width: 196px; height: 40px; background: #ff9900; border-radius: 21px; color: #ffffff; font-weight: 500; font-size: 16px; border: transparent; } .selectedTopicsContainer__2RXRy { margin-top: 48px; } .selectedTopicsList__2-fB3 { display: flex; flex-wrap: wrap; justify-content: flex-start; overflow: hidden; height: 289px; margin-left: -11.5px; margin-right: -11.5px; } .topicWrap__1WRk4 { margin-left: 11.5px; margin-right: 11.5px; width: 324px; margin-bottom: 20px; } .topic__kU-SQ { border-radius: 6px; overflow: hidden; background: #fff; color: #333; } .cover__1AnWI { background: url("//xmcdn.oss-cn-shanghai.aliyuncs.com/community/static/img/default-loading.png") center center no-repeat; background-size: cover; cursor: pointer; transition: transform 0.3s ease; } .cover__1AnWI:hover { transform: scale(1.1); } .topicSummary__QxGFf { overflow: hidden; padding: 13px 0 12px 12px; height: 45px; font-size: 16px; color: #333333; line-height: 16px; } .topicName__l_i1E { text-overflow: ellipsis; color: #333; cursor: pointer; white-space: nowrap; display: inline-block; overflow: hidden; max-width: 100%; font-size: 16px; line-height: 21px; } .topicName__l_i1E:hover { color: #2d8fff; } @media all and (max-width: 1600px) { .selectedTopicsList__2-fB3 { margin-left: -11px; margin-right: -11px; margin-bottom: 20px; } .selectedTopicsList__2-fB3 .topicWrap { width: 348px; margin-left: 11px; margin-right: 11px; } .selectedTopicsList__2-fB3 .topicWrap .LazyLoad { width: 348px !important; height: 240px !important; } } .vortex-card__2rRzG { display: flex; width: 329px; padding: 12px; border-radius: 4px; border: 1px solid #feb937; background: rgba(254, 185, 55, 0.05); } .vortex-card__2rRzG .vortex-cover__35tJ_ { display: block; width: 96px; height: 72px; border-radius: 6px; } .vortex-card__2rRzG .vortex-info__3MFVX { margin-left: 12px; } .vortex-card__2rRzG .vortex-info__3MFVX .vortex-title__36u3p { margin-bottom: 4px; width: 185px; height: 20px; line-height: 20px; font-size: 14px; color: #333333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .vortex-card__2rRzG .vortex-info__3MFVX .vortex-icon__1xs4o { display: flex; align-items: center; color: #bdbdbd; } .vortex-card__2rRzG .vortex-info__3MFVX .vortex-icon__1xs4o .vortex-icon-one__15A73 .icon-text-number__2oBsu { margin-right: 20px; display: inline-block; margin-left: 2px; font-size: 12px; } .more-box__1BwVZ { display: inline-block; position: relative; text-align: right; z-index: 10; top: -1px; } .more-box__1BwVZ .more-icon__3bHrw { color: #999999; cursor: pointer; width: 16px; height: 16px; line-height: 16px; font-size: 12px; } .more-box__1BwVZ .more-icon__3bHrw:hover { color: #333333; } .more-box__1BwVZ .small-btn-icon__3ld7c { transform: scale(0.7) translateY(-3px); padding-bottom: 6px; } .more-box__1BwVZ .popover-box__31wp7 { display: flex; flex-direction: column; border-radius: 3px; position: absolute; z-index: 20; left: -8px; top: 21px; width: 80px; padding: 3px 0; text-align: center; background: #ffffff; color: #999999; box-shadow: 0px 9px 28px 8px rgba(0, 0, 0, 0.05), 0px 6px 16px 0px rgba(0, 0, 0, 0.08), 0px 3px 6px -4px rgba(0, 0, 0, 0.12); cursor: pointer; } .more-box__1BwVZ .popover-box__31wp7 .pop-item__1D8Cn { height: 32px; line-height: 32px; list-style: none; font-size: 14px; } .more-box__1BwVZ .popover-box__31wp7 .pop-item__1D8Cn:hover { color: #2d8fff; } .delete-loading__2n4b- { position: fixed; left: 50%; margin-left: 16px; z-index: 9999; top: 40%; } .member__1qWur { display: inline-block; position: relative; margin: 0 24px 24px 0; width: 254px; height: 286px; background: #ffffff; box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.08); border-radius: 6px; padding: 22px 28px 0; text-align: center; box-sizing: border-box; border: 1px solid #efefef; } .memberHeadBg__28TMC { background: #fffbf6; border: 2px solid #ffd494; } .memberManageBorder__3UOlP { border: 2px solid rgba(105, 173, 251, 0.5); } .userAvatar__9bDUl:hover .avatar__2WKf2 { transform: scale(1.1); } .userAvatar__9bDUl { display: block; width: 90px; height: 90px; border: 1px solid #efefef; position: relative; z-index: 5; border-radius: 50%; margin: 0 auto 20px; } .avatarBox__1V6qO { z-index: -1; width: 88px; height: 88px; position: relative; border-radius: 49%; margin: 0 auto 20px; overflow: hidden; } .avatarIcon__3Bik4 { display: block; position: absolute; top: -15px; right: -13px; width: 30px; } .avatar__2WKf2 { display: block; margin: 0 auto; width: 88px; height: 88px; border-radius: 50%; transition: all 0.2s linear; } .nickname__2KqRn { margin-bottom: 6px; width: 100%; font-size: 16px; color: #333333; height: 21px; line-height: 21px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .nickname__2KqRn:hover { color: #2d8fff; } .tagsBox__1C3uc { margin-bottom: 16px; font-size: 14px; color: #999999; } .numBox__393sF { margin-bottom: 16px; font-size: 14px; color: #999999; } .numL__101mv { display: inline-block; height: 14px; line-height: 14px; padding-right: 12px; border-right: 2px solid #efefef; } .numR__1yBf6 { display: inline-block; height: 14px; line-height: 14px; padding-left: 12px; } .btnBox__30e7n { display: flex; justify-content: space-between; } .btnBox1__19_fD { display: flex; justify-content: center; } .appointmentBtn__2xv1t { width: 82px; height: 32px; line-height: 28px; background: #ff9900; border-radius: 16px; outline: none; font-size: 14px; color: #ffffff; cursor: pointer; border: none; } .appointmentBtn__2xv1t:hover { background: rgba(255, 153, 0, 0.8); } .goOutBtn__FOt9s { width: 100px; background: #ffffff; border-radius: 16px; border: 1px solid #e0e0e0; height: 32px; font-size: 14px; color: #999999; line-height: 28px; outline: none; cursor: pointer; } .goOutBtn__FOt9s:hover { color: #666666; } .headIconBox__15ahJ { display: block; position: absolute; top: -1px; left: -1px; width: 52px; font-size: 14px; color: #ffffff; z-index: 2; } .headIcon__jlpnn { width: 52px; position: absolute; z-index: -1; left: -1px; top: -1px; } .manageIconBox__1_QCV { display: block; position: absolute; top: -1px; left: -1px; width: 62px; font-size: 14px; color: #ffffff; z-index: 2; } .manageIcon__3FJRA { width: 62px; position: absolute; z-index: -1; left: -1px; top: -1px; } .studioMessage__3d8Dn { display: flex; padding-top: 16px; } .userAvatar__1-XL4 { position: relative; width: 48px; height: 48px; margin-right: 16px; } .userAvatar__1-XL4 img { display: inline-block; width: 100%; height: 100%; border-radius: 50%; border: 1px solid #efefef; } .userInfo__2zxZm { display: inline-block; margin-left: 16px; flex: 1; padding-bottom: 16px; border-bottom: 1px solid #efefef; } .nickname__1_QgY { font-size: 16px; line-height: 20px; margin: 0; color: #333; text-decoration: none; cursor: pointer; } .nickname__1_QgY:link, .nickname__1_QgY:visited, .nickname__1_QgY:hover, .nickname__1_QgY:active { color: #333; text-decoration: none; } .time__3C9ld { font-size: 12px; line-height: 15px; color: #999999; margin-top: 10px; } .studioName__1VkIR { color: #2d8fff; cursor: pointer; } .noMargin__1xH1V { margin: 0; } .message-blank__3O2KL { padding-top: 32px; /* display: flex; */ text-align: center; } .blank-text__3SWcM { color: #999; font-size: 12px; margin-top: 20px; } .box__jABF_ { display: flex; background: #fff; padding: 40px 30px 20px 50px; border-radius: 6px; } .box__jABF_ .right__2Qxt7 { margin-left: 20px; width: 700px; } .box__jABF_ .right__2Qxt7 div:first-child { font-size: 18px; font-weight: 400; color: #333333; } .box__jABF_ .right__2Qxt7 div:last-child { color: #999; font-size: 14px; margin-top: 8px; } .comment-container__3Vzp4 { background: #f9f9f9; color: #333; padding: 0 16px; margin-top: 10px; } .comment-item__3Gop0 { display: flex; padding-top: 16px; } .comment-item__3Gop0:last-child .comment-info__lMI2X { border: none; } .user-avatar__1F_Ar { position: relative; display: inline-block; width: 32px; height: 32px; border-radius: 50%; border: 1px solid #efefef; } .user-avatar__1F_Ar img { width: 100%; height: 100%; border-radius: 50%; } .comment-info__lMI2X { flex: 1; margin-left: 16px; padding-bottom: 16px; border-bottom: 1px solid #efefef; } .nickname__hqKu6 { font-size: 16px; line-height: 20px; display: block; text-decoration: none; outline: none; color: #333; } .nickname__hqKu6:link, .nickname__hqKu6:visited, .nickname__hqKu6:hover, .nickname__hqKu6:active { text-decoration: none; color: #333; outline: none; } .comment-detail__1cG6j { font-size: 14px; line-height: 24px; color: #666; margin: 8px 0 32px; word-break: break-all; word-break: break-word; word-wrap: break-word; white-space: pre-wrap; } .icon-link-container__2hy-r { display: flex; justify-content: space-between; } .upload-time__2zxHn { font-size: 12px; line-height: 15px; color: #999999; } .icon-link-box__y0JhC { align-items: flex-end; display: flex; } .link-box__2djW0 { margin-right: 32px; font-size: 12px; color: #bdbdbd; text-decoration: none; outline: none; } .link-box__2djW0:link, .link-box__2djW0:visited, .link-box__2djW0:hover, .link-box__2djW0:active { text-decoration: none; color: #bdbdbd; outline: none; } .link-box__2djW0:last-child { margin: 0; } .icon-link__lNS7d { font-size: 12px; width: 14px; height: 14px; } .praise-num__1WrCV { margin-left: 8px; color: #bdbdbd; text-decoration: none; outline: none; font-style: normal; } .praise-num__1WrCV:link, .praise-num__1WrCV:visited, .praise-num__1WrCV:hover, .praise-num__1WrCV:active { text-decoration: none; color: #bdbdbd; outline: none; } .more-comment__1UTyT { padding: 16px; margin-left: 32px; } .more-link__2Mmw2 { display: inline-block; font-size: 14px; line-height: 18px; color: #2d8fff; text-decoration: none; outline: none; } .more-link__2Mmw2:link, .more-link__2Mmw2:visited, .more-link__2Mmw2:hover, .more-link__2Mmw2:active { text-decoration: none; color: #2d8fff; outline: none; } .more-icon__JHJwo { font-size: 14px; color: #2d8fff; width: 14px; height: 14px; } .focus-item__1QK9V { display: flex; padding-top: 16px; } .user-avatar__2KOTK { position: relative; display: inline-block; width: 48px; height: 48px; border-radius: 50%; border: 1px solid #efefef; } .user-avatar__2KOTK img { width: 100%; height: 100%; border-radius: 50%; } .work-info__3b4J7 { flex: 1; margin-left: 20px; padding-bottom: 16px; border-bottom: 1px solid #efefef; } .nickname__2BpBH { font-size: 16px; line-height: 20px; cursor: pointer; text-decoration: none; outline: none; color: #333; } .nickname__2BpBH:link, .nickname__2BpBH:visited, .nickname__2BpBH:hover, .nickname__2BpBH:active { text-decoration: none; color: #333; outline: none; } .upload-time__2GzEO { font-size: 12px; line-height: 15px; margin: 10px 0; color: #999999; } .work-name__7FbqZ { font-size: 14px; line-height: 18px; margin-bottom: 10px; } .work-name__7FbqZ .work-link__SpLx1 { color: #2d8fff; margin-left: 8px; cursor: pointer; } .work-abstract__31_KT { color: #999999; font-size: 14px; line-height: 18px; cursor: pointer; word-break: break-all; word-break: break-word; white-space: pre-wrap; word-wrap: break-word; margin-bottom: 16px; text-decoration: none; outline: none; display: block; } .work-abstract__31_KT:link, .work-abstract__31_KT:visited, .work-abstract__31_KT:hover, .work-abstract__31_KT:active { text-decoration: none; color: #999999; outline: none; } .work-img__3TSzg { width: 192px; height: 144px; display: block; position: relative; } .work-img__3TSzg img { width: 100%; height: 100%; } .version-tag__2UvOQ { padding: 2px 9px; background: #ff9900; font-size: 12px; line-height: 15px; font-weight: bold; color: #ffffff; box-shadow: 0px 2px 4px 0px rgba(51, 51, 51, 0.2); border-radius: 9px; position: absolute; bottom: 10px; right: 8px; } .work-data__TQVnd { margin: 12px 0 0; display: flex; padding: 0; } .data-item__1x6Zp { list-style: none; font-size: 12px; line-height: 16px; color: #999; margin-right: 32px; } .data-item__1x6Zp:last-child { margin: 0; } .data-num__2DA6y { margin-left: 4px; } .data-icon__gMhaR { font-size: 12px; width: 14px; height: 14px; } .workInnerImg__-RmVe { border-radius: 6px; } .talent-container__3DCY3 { flex: 0 0 372px; margin-left: 32px; color: #333333; } .title__1qJsH { display: flex; justify-content: space-between; margin-bottom: 16px; } .title-tag__EjqQ2 { font-size: 20px; line-height: 25px; margin: 0; font-weight: normal; color: #333333; } .title-change__2WJGI { align-self: flex-end; font-size: 12px; line-height: 15px; color: #bdbdbd; cursor: pointer; } .title-change__2WJGI:hover { color: #999; } .change-icon__1DqjV { font-size: 12px !important; margin-left: 4px; font-style: normal; width: 12px; height: 12px; } .talent-box__2C47e { padding: 32px; background: #ffffff; border-radius: 6px; } .talent-item__36ZTe { display: flex; margin-bottom: 32px; } .talent-item__36ZTe:last-child { margin: 0; } .user-avatar__bXMr3 { width: 64px; height: 64px; } .user-avatar__bXMr3 img { width: 100%; height: 100%; border-radius: 50%; } .user-info___CcQd { flex: 1; margin-left: 16px; display: flex; flex-direction: column; } .user-header__QGQXb { position: relative; display: flex; justify-content: space-between; } .nickname__39xE3 { font-size: 14px; line-height: 18px; width: 116px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-decoration: none; color: #333333; outline: none; } .nickname__39xE3:link, .nickname__39xE3:visited, .nickname__39xE3:hover, .nickname__39xE3:active { text-decoration: none; color: #333333; outline: none; } .follow-status__1wgLC { position: absolute; right: 0; } .sign__3_A3H, .school__1oIFd { font-size: 12px; color: #999; line-height: 16px; margin: 0; } .sign__3_A3H { width: 140px; overflow: hidden; text-overflow: ellipsis; margin: 8px 0 4px; white-space: nowrap; } .report-mask__2ydn2 { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 300; background: rgba(0, 0, 0, 0.5); } .report-mask-inner__1dpcR { position: absolute; padding: 32px; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 576px; border-radius: 8px; background: #ffffff; } .report-mask-inner__1dpcR .close-icon__151Jh { position: absolute; display: inline-block; width: 20px; height: 20px; top: 24px; right: 20px; color: #999999; font-size: 12px; cursor: pointer; } .report-title-box__2yyRI { max-width: 468px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 16px; line-height: 24px; } .report-title-box__2yyRI .report-title__2FLXj { display: inline-block; color: #333333; font-size: 18px; font-weight: bolder; line-height: 24px; } .line__2nviK { height: 1px; background: #efefef; } .checkBox__2rHr9 { padding-top: 16px; display: flex; flex-wrap: wrap; box-sizing: content-box; height: 120px; } .checkBox__2rHr9 .inputBox__1TvGL { margin-top: 12px; width: 50%; color: #333333; } .checkBox__2rHr9 .inputBox__1TvGL:nth-child(1), .checkBox__2rHr9 .inputBox__1TvGL:nth-child(2) { margin-top: 16px; } .checkBox__2rHr9 .inputBox__1TvGL .input__1olnC { background: red; } .checkBox__2rHr9 .inputBox__1TvGL input[type="radio"] { width: 14px; height: 14px; background: rgba(45, 143, 255, 0.1); border: 1px solid #2d8fff; margin-right: 3px; } .inputTitle__2lK4a { position: relative; margin-top: 32px; font-size: 14px; color: #666666; } .inputTitle__2lK4a .inputCircle__2DCwA { position: absolute; left: -10px; top: 5px; width: 4px; height: 4px; background: #ff5b35; border-radius: 50%; } .textArea__2QZoN { margin-top: 8px; padding: 4px 8px 8px; resize: none; width: 100%; min-height: 48px; font-size: 12px; border-radius: 4px; border: 1px solid #e0e0e0; outline: none; color: #333333; background: #ffffff; } .textArea__2QZoN:hover { border: 1px solid #40a9ff; } .whiteBack__1QAtb { border: 1px solid #40a9ff; background: #ffffff; } .textArea__2QZoN::-webkit-input-placeholder { color: #bdbdbd; } .textArea__2QZoN:-moz-placeholder { color: #bdbdbd; } .textArea__2QZoN::-moz-placeholder { color: #bdbdbd; } .textArea__2QZoN:-ms-input-placeholder { color: #bdbdbd; } .textAreaText__j2tXz { margin-top: 8px; margin-bottom: 32px; text-align: right; height: 15px; font-size: 12px; color: #bdbdbd; line-height: 15px; } .textAreaText__j2tXz .num__D1qVb { color: #333333; } .textAreaText__j2tXz .redNum__1ivmz { color: #ff5b35; } .changeMargin__3e7q5 { margin-bottom: 16px; } .imgBox__1uy3p { height: 145px; } .reportFooter__3hnC4 { margin-top: 8px; height: 16px; font-size: 12px; color: #999999; line-height: 16px; } .reportFooter__3hnC4 .link__1syQc { color: #2d8fff; } .reportFooter__3hnC4 .link__1syQc:hover { color: rgba(45, 143, 255, 0.8); } .btnBox__4XoSx { width: 248px; margin: 32px auto 24px; display: flex; justify-content: space-between; } .btnBox__4XoSx .btn__tHNho { cursor: pointer; width: 100px; height: 36px; border-radius: 4px; font-size: 16px; outline: none; border: none; } .btnBox__4XoSx .submit__vSBX5 { color: #999999; background: #e0e0e0; } .btnBox__4XoSx .canSubmit__1d7cF { color: #ffffff; background: #2d8fff; } .btnBox__4XoSx .canSubmit__1d7cF:hover { background: rgba(45, 143, 255, 0.8); border-color: #2d8fff; color: #fff; } .btnBox__4XoSx .cancel__2x2hj { color: #2d8fff; background: #ffffff; border: 1px solid #2d8fff; } .btnBox__4XoSx .cancel__2x2hj:hover { background: rgba(45, 143, 255, 0.1); border: 1px solid #2d8fff; color: #2d8fff; } .successMask__-rIIW { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 440px; height: 189px; border-radius: 8px; background: #ffffff; } .successMask__-rIIW .close-icon__151Jh { position: absolute; z-index: 999; display: inline-block; width: 20px; height: 20px; top: 20px; right: 20px; text-align: center; color: #999999; font-size: 12px; cursor: pointer; } .xiaomajun__2vEUU { position: absolute; top: -17.5%; transform: translate(-50%, -50%); left: 50%; display: block; width: 164px; z-index: -1; } .reportSuccess__2JATQ { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 440px; height: 189px; background: #ffffff; border-radius: 8px; text-align: center; z-index: 200; } .reportSuccess__2JATQ .sucImg__3C5iW { display: block; margin: 24px auto 16px; width: 180px; } .reportSuccess__2JATQ .sucText__vq_Nt { margin-bottom: 32px; font-size: 14px; color: #999999; line-height: 20px; } .reportSuccess__2JATQ .sucBtn__3nLcq { outline: none; border: none; width: 100px; height: 36px; background: #2d8fff; border-radius: 4px; font-size: 16px; color: #ffffff; cursor: pointer; } .reportSuccess__2JATQ .sucBtn__3nLcq:hover { background-color: #2d8fff; opacity: 0.8; } .radioItem__3J7pJ { display: inline-flex; align-items: center; height: 30px; width: 45%; color: #333333; font-size: 14px; } .radioActive__1JnAK { color: #2d8fff; } .warningText__xyfR- { margin-top: 8px; height: 16px; font-size: 12px; color: #666666; line-height: 16px; } .circle__GqJds { display: inline-block; margin-bottom: 6px; width: 24px; height: 24px; line-height: 24px; font-size: 18px; border-radius: 50%; background: #e0e0e0; color: #ffffff; } .antUploadText__27GHc { height: 18px; font-size: 12px; color: #999999; line-height: 18px; } .uploadBox__34enM { display: flex; justify-content: left; } .imgbox__3Lh0_:hover .delFile__2YVMO { display: inline-block; } .delFile__2YVMO { position: absolute; display: none; top: 5px; right: 5px; z-index: 5; width: 16px; height: 16px; line-height: 16px; border-radius: 50%; color: #ffffff; background: rgba(0, 0, 0, 0.5); } .delFile__2YVMO .close__DoA_4 { display: inline-block; line-height: 16px; font-size: 12px; transform: scale(0.6); } .owner-uploader .ant-upload { position: relative; width: 96px; height: 76px; padding: 0; border-radius: 4px; margin-right: 16px; } .owner-uploader .ant-upload img { display: inline-block; width: 96px; height: 76px; border-radius: 4px; } .owner-uploader .ant-upload.ant-upload-select-picture-card:hover { border-color: #d9d9d9; } .owner-uploader .ant-upload.ant-upload-select-picture-card > .ant-upload { padding: 0; } .owner-uploader .ant-upload.ant-upload-select-picture-card { width: 96px; height: 76px; padding: 0; border-radius: 4px; } .owner-uploader .ant-upload-list-picture-card .ant-upload-list-item { width: 96px; height: 76px; padding: 0; margin: 0 16px 0 0; } .owner-uploader .ant-upload-list-item-info > span { height: 100%; } .owner-uploader .ant-upload-list-item-uploading-text { content: ""; } .owner-uploader .ant-upload-list-item-info > span { height: 100%; } .vortex-btn__jCgCh { width: 60px; height: 24px; line-height: 22px; border-radius: 18px; border: 1px solid #ff9900; font-size: 12px; text-align: center; color: #ff9900; cursor: pointer; } .vortex-btn__jCgCh .vortex-icon__HLRJa { margin-right: 2px; font-size: 14px; } .vortex-btn__jCgCh:hover { background: rgba(255, 153, 0, 0.1); transition: 0.3s all ease 0s; } .vortexModal__2pCXI .ant-modal-header { background: #ffc700; position: relative; padding-left: 144px; height: 70px; display: flex; align-items: center; border-radius: 10px 10px 0 0; } .vortexModal__2pCXI .ant-modal-title { color: #fff; letter-spacing: 1px; font-size: 24px; font-weight: bold; } .vortexModal__2pCXI .ant-modal-body { padding: 33px 24px 15px; min-height: 526px; } .vortexModal__2pCXI .ant-modal-content { border-radius: 10px; } .vortexModal__2pCXI .ant-modal-footer { border-top: none; text-align: center; } .vortexModal__2pCXI .xiaoma__A7cXM { position: absolute; bottom: 0; left: 32px; width: 100px; height: 124px; } .vortexModal__2pCXI .close-icon__2MbRD { position: absolute; top: 24px; right: 20px; width: 24px; height: 24px; line-height: 24px; font-size: 24px; font-weight: normal; text-align: center; color: #666666; cursor: pointer; } .vortexModal__2pCXI .close-icon__2MbRD:hover { color: rgba(102, 102, 102, 0.8); transition: 0.3s all ease 0s; } .projects-container__1q2KP { display: flex; flex-direction: column; height: 100%; } .projects-container__1q2KP .projects__Ufw2H { display: flex; height: 410px; flex-wrap: wrap; } .projects-container__1q2KP .projects__Ufw2H .projectWrap__3ZLCt { padding: 0 2px; } .projects-container__1q2KP .projects__Ufw2H .projectWrap__3ZLCt .project__3vcxC { width: 220px; padding: 6px; border: 2px solid transparent; border-radius: 8px; margin-bottom: 6px; position: relative; cursor: pointer; } .projects-container__1q2KP .projects__Ufw2H .projectWrap__3ZLCt .project__3vcxC.selected, .projects-container__1q2KP .projects__Ufw2H .projectWrap__3ZLCt .project__3vcxC:not(.selected):hover { border: 2px solid rgba(255, 153, 0, 0.43); background: rgba(255, 236, 191, 0.28); } .projects-container__1q2KP .projects__Ufw2H .projectWrap__3ZLCt .project__3vcxC.selected:after { content: ""; position: absolute; top: -2px; left: -2px; width: 38px; height: 28px; background-image: url(data:image/png;base64,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); background-size: contain; background-repeat: no-repeat; z-index: 1; } .projects-container__1q2KP .projects__Ufw2H .projectWrap__3ZLCt .project__3vcxC .coverWrap__3AKKR { width: 204px; height: 152px; border-radius: 6px; overflow: hidden; position: relative; } .projects-container__1q2KP .projects__Ufw2H .projectWrap__3ZLCt .project__3vcxC .coverWrap__3AKKR .cover__BVDRe { width: 100%; height: 100%; background: url("//xmcdn.oss-cn-shanghai.aliyuncs.com/community/static/img/default-loading.png") center center no-repeat; background-size: contain; transition: transform 0.3s ease; } .projects-container__1q2KP .projects__Ufw2H .projectWrap__3ZLCt .project__3vcxC .coverWrap__3AKKR .cover__BVDRe:hover { transform: scale(1.1); } .projects-container__1q2KP .projects__Ufw2H .projectWrap__3ZLCt .project__3vcxC .projectTitle__3fmpX { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 10px; } .vortexButton__u0fXb { display: inline-block; color: #fff; font-weight: bold; cursor: pointer; height: 36px; padding: 0 62px; font-size: 16px; line-height: 36px; border-radius: 18px; background: #ff9900; } .vortexButton__u0fXb:hover { color: #fff; opacity: 0.8; } .vortexButton__u0fXb.disabled { background: #ccc; cursor: not-allowed; } .vortexTip__l9hEZ { margin-top: 6px; line-height: 17px; font-size: 12px; color: #999999; } .blank__N6rDi { height: 532px; display: flex; flex-direction: column; align-items: center; justify-content: center; } .box__19Xoi { display: flex; width: 230px; background: #fff; min-height: 96px; padding: 10px 3px 10px 16px; border-radius: 6px; cursor: pointer; /* stylelint-disable*/ } .box__19Xoi:hover { box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.05); } .box__19Xoi .left__2QPn9 { margin-right: 10px; } .box__19Xoi .name__2HWCI { color: #333; min-height: 40px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; cursor: pointer; } .box__19Xoi .btn__1C1MZ { margin-top: 5px; line-height: 24px; width: 58px; font-size: 12px; height: 24px; } .box__19Xoi [class^="follow-text"] { width: 66px; } .projects__1jmer { display: flex; height: 410px; flex-wrap: wrap; } .projectsContainer__1PdCp { display: flex; flex-direction: column; height: 100%; } .projectWrap__1BR6Y { padding: 0 2px; } .project__6RixD { width: 220px; padding: 6px; border: 2px solid transparent; border-radius: 8px; margin-bottom: 6px; position: relative; } .project__6RixD.selected, .project__6RixD:not(.selected):not(.voted):hover { border: 2px solid rgba(255, 153, 0, 0.43); background: rgba(255, 236, 191, 0.28); } .project__6RixD:not(.voted) { cursor: pointer; } .project__6RixD.selected:after { content: ""; position: absolute; top: -2px; left: -2px; width: 38px; height: 28px; background-image: url(data:image/png;base64,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); background-size: contain; background-repeat: no-repeat; z-index: 1; } .coverWrap__4fSv9 { width: 204px; height: 152px; border-radius: 6px; overflow: hidden; position: relative; } .submittedOverlay__1nJ7R { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.4); display: flex; align-items: center; justify-content: center; z-index: 1; } .submittedOverlay__1nJ7R > span { color: #7d7d7d; display: inline-block; border-radius: 17px; height: 30px; line-height: 30px; background: #f6f6f6; padding: 0 18px; } .cover__2gDqS { width: 100%; height: 100%; background: url("//xmcdn.oss-cn-shanghai.aliyuncs.com/community/static/img/default-loading.png") center center no-repeat; background-size: contain; transition: transform 0.3s ease; } .cover__2gDqS:hover { transform: scale(1.1); } .tougaoButton__2Vfpp { display: inline-block; color: #fff; font-weight: bold; cursor: pointer; height: 36px; padding: 0 62px; font-size: 16px; line-height: 36px; border-radius: 18px; background: #ff9900; } .tougaoButton__2Vfpp:hover { color: #fff; opacity: 0.8; } .tougaoButton__2Vfpp.disabled { background: #ccc; cursor: not-allowed; } .tougaoModal__3gqPm .ant-modal-header { background: #ffc700; position: relative; padding-left: 144px; height: 70px; display: flex; align-items: center; border-radius: 10px 10px 0 0; } .tougaoModal__3gqPm .ant-modal-title { color: #fff; letter-spacing: 1px; font-size: 24px; font-weight: bold; } .tougaoModal__3gqPm .ant-modal-body { padding: 24px; min-height: 526px; } .tougaoModal__3gqPm .ant-modal-content { border-radius: 10px; } .tougaoModal__3gqPm .ant-modal-footer { border-top: none; text-align: center; } .tougaoModal__3gqPm .xiaoma__3XpLX { position: absolute; bottom: 0; left: 32px; width: 100px; height: 124px; } .tougaoModal__3gqPm .close-icon__2V_Qd { position: absolute; top: 24px; right: 20px; width: 24px; height: 24px; line-height: 24px; font-size: 24px; font-weight: normal; text-align: center; color: #666666; cursor: pointer; } .tougaoModal__3gqPm .close-icon__2V_Qd:hover { color: rgba(102, 102, 102, 0.8); transition: 0.3s all ease 0s; } .tougaoModal__3gqPm .projectTitle__33O5g { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 10px; } .blank__3a2ai { height: 532px; display: flex; flex-direction: column; align-items: center; justify-content: center; } .statusModal__2Qa58 { text-align: center; padding: 24px; } .statusModal__2Qa58 .statusModalHeaderImage__CdZyo { width: 218px; height: 160px; position: absolute; left: 50%; transform: translate(-50%, -100%); top: 0; } .statusModal__2Qa58 .ant-modal-body { position: relative; } .statusModal__2Qa58 .successNotice__2QLAc { margin: 16px 0 48px; font-size: 16px; } .detail-comment__1-bKa { width: 1088px; background-color: #fff; border-radius: 8px; padding: 40px 97px 0; } .colorBlue__2yGWp { color: #2d8fff; } .hover__P5V_T { cursor: pointer; } .hover__P5V_T:hover { opacity: 0.8; transition: all 0.3s ease; } .userInfo__2ffae { display: flex; align-items: center; } .userInfo__2ffae > a:first-child { margin: 0 8px 0 0; } .tag__2rkJR { display: inline-block; padding: 0 10px; height: 24px; line-height: 22px; border-radius: 12px; border: 1px solid rgba(105, 173, 251, 0.5); font-size: 14px; color: #1f7ce6; background-color: #f0f7ff; } .tagRed__q1OXw { border-color: rgba(255, 91, 53, 0.5); color: #ff5b35; background-color: #fff0f0; } .tagGray__dWb80 { border-color: #d8d8d8; color: #999; background-color: #fafafa; } .table__2svbR .ant-table .ant-table-body { border: 1px solid #e0e0e0; border-bottom: none; border-radius: 4px; color: #666; } .table__2svbR .ant-table .ant-table-body table { table-layout: fixed; } .table__2svbR .ant-table-thead > tr > th { padding: 14px 0 14px 16px; border-color: #e0e0e0; background-color: #f5faff; font-weight: bold; color: #666; } .table__2svbR .ant-table-thead > tr > th:first-child { border-top-left-radius: 4px; } .table__2svbR .ant-table-thead > tr > th:last-child { border-top-right-radius: 4px; } .table__2svbR .ant-table-tbody > tr > td { padding: 12px 0 12px 16px; border-color: #e0e0e0; white-space: nowrap; } .table__2svbR .ant-table-tbody > tr > td:first-child { border-bottom-left-radius: 4px; } .table__2svbR .ant-table-tbody > tr > td:last-child { border-bottom-right-radius: 4px; } .table__2svbR .ant-table-tbody > tr:hover > td { background-color: transparent; } .scroll__Yii7D { overflow-x: visible; overflow-y: auto; } .scroll__Yii7D::-webkit-scrollbar { /*滚动条整体样式*/ width: 5px; } .scroll__Yii7D::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ border-radius: 5px; background: #dbdbdb; } .scroll__Yii7D::-webkit-scrollbar-track { /*滚动条里面轨道*/ border-radius: 0; background: rgba(0, 0, 0, 0); } .detailWrap__3oSx6 .header__2lZLp { display: flex; justify-content: space-between; } .detailWrap__3oSx6 .header__2lZLp .title__17uz8 { font-weight: bold; } .detailWrap__3oSx6 .header__2lZLp .closeIcon__IFE1s { height: 15px; line-height: 15px; font-size: 21px; color: #a5abb3; cursor: pointer; } .detailWrap__3oSx6 .header__2lZLp .closeIcon__IFE1s:hover { opacity: 0.8; } .detailWrap__3oSx6 .label__2BWQr { margin: 20px 20px 12px 0; line-height: 20px; font-weight: 600; color: #333; } .detailWrap__3oSx6 .label__2BWQr .extra__2ZAAS { margin-left: 4px; font-weight: 400; color: #999; } .detailWrap__3oSx6 .required__1F3Pl::after { content: "*"; margin-left: 4px; color: #ff0000; } .detailWrap__3oSx6 .flexBetween__z9PGS { display: flex; justify-content: space-between; } .detailWrap__3oSx6 .flexBetween__z9PGS .flexFill__17N8U { flex: 1; } .detailWrap__3oSx6 .width406__4W2By { width: 406px; } .detailWrap__3oSx6 .width428__r1Y7h { width: 428px; } .detailWrap__3oSx6 .height100__2HQ-5 { height: 100px; } .detailWrap__3oSx6 .height88__oRHp4 { height: 88px; } .detailWrap__3oSx6 .colorBlue__3nUZM { color: #2d8fff; } .detailWrap__3oSx6 .inlineLabel__14axo { display: inline-block; margin-bottom: 0; } .detailWrap__3oSx6 .commentArea__3AsC0 { padding-left: 15px; max-height: 280px; overflow-x: visible; overflow-y: auto; } .detailWrap__3oSx6 .commentArea__3AsC0::-webkit-scrollbar { /*滚动条整体样式*/ width: 5px; } .detailWrap__3oSx6 .commentArea__3AsC0::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ border-radius: 5px; background: #dbdbdb; } .detailWrap__3oSx6 .commentArea__3AsC0::-webkit-scrollbar-track { /*滚动条里面轨道*/ border-radius: 0; background: rgba(0, 0, 0, 0); } .detailWrap__3oSx6 .listArea__bi-8L { max-height: 240px; overflow-x: visible; overflow-y: auto; } .detailWrap__3oSx6 .listArea__bi-8L::-webkit-scrollbar { /*滚动条整体样式*/ width: 5px; } .detailWrap__3oSx6 .listArea__bi-8L::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ border-radius: 5px; background: #dbdbdb; } .detailWrap__3oSx6 .listArea__bi-8L::-webkit-scrollbar-track { /*滚动条里面轨道*/ border-radius: 0; background: rgba(0, 0, 0, 0); } .detailWrap__3oSx6 .textArea__3aW5F { margin-bottom: 0; padding: 16px 20px; line-height: 24px; border-radius: 4px; border-color: #e0e0e0; color: #333; resize: none; overflow-x: visible; overflow-y: auto; } .detailWrap__3oSx6 .textArea__3aW5F::-webkit-scrollbar { /*滚动条整体样式*/ width: 5px; } .detailWrap__3oSx6 .textArea__3aW5F::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ border-radius: 5px; background: #dbdbdb; } .detailWrap__3oSx6 .textArea__3aW5F::-webkit-scrollbar-track { /*滚动条里面轨道*/ border-radius: 0; background: rgba(0, 0, 0, 0); } .detailWrap__3oSx6 .textArea__3aW5F::-webkit-input-placeholder { color: #ccc; } .detailWrap__3oSx6 .textArea__3aW5F:focus { box-shadow: none; } .detailWrap__3oSx6 .submit__34DO8 { display: block; margin: 28px auto 0; padding: 0; width: 196px; height: 40px; line-height: 40px; border-radius: 21px; border: none; text-align: center; color: #fff; background-color: #ff9900; } .detailWrap__3oSx6 .submit__34DO8:hover { opacity: 0.8; } .detailWrap__3oSx6 .submit__34DO8[ant-click-animating-without-extra-node]:after { border: 0 none; opacity: 0; -webkit-animation: none 0 ease 0 1 normal; animation: none 0 ease 0 1 normal; } .detailWrap__3oSx6 { /** 弹框样式 */ /** 表单样式 */ /** 提示样式 */ /** 单选样式 */ } .detailWrap__3oSx6 .ant-modal-content { padding: 24px 24px 28px; } .detailWrap__3oSx6 .ant-modal-content .ant-modal-header { padding: 0 0 12px 0; border-color: #e0e0e0; } .detailWrap__3oSx6 .ant-modal-content .ant-modal-body { padding: 0; } .detailWrap__3oSx6 .ant-form { line-height: 20px; } .detailWrap__3oSx6 .ant-form .ant-form-item { margin-bottom: 0; } .detailWrap__3oSx6 .ant-form .ant-form-item .ant-form-item-control { line-height: unset; } .detailWrap__3oSx6 .ant-tooltip { max-width: 380px; } .detailWrap__3oSx6 .ant-tooltip .ant-tooltip-inner { padding: 16px; line-height: 18px; font-size: 12px; box-shadow: none; } .detailWrap__3oSx6 .ant-radio-group .ant-radio-wrapper { margin-right: 32px; line-height: 20px; color: #333; } .detailWrap__3oSx6 .ant-radio-group .ant-radio-wrapper .ant-radio-inner { width: 20px; height: 20px; border: 2px solid #e0e0e0; } .detailWrap__3oSx6 .ant-radio-group .ant-radio-wrapper-checked { color: #ff9900; } .detailWrap__3oSx6 .ant-radio-group .ant-radio-wrapper-checked .ant-radio-inner { border-color: #ff9900; } .detailWrap__3oSx6 .ant-radio-group .ant-radio-wrapper-checked .ant-radio-inner:after { width: 10px; height: 10px; border-radius: 50%; background-color: #ff9900; transform: none; } .detailBtn__3AN5d { display: inline-block; color: #2d8fff; cursor: pointer; } .detailBtn__3AN5d:hover { opacity: 0.8; transition: all 0.3s ease; } .detailBtn__3AN5d.unChecked__oqXPr { padding: 0 18px; height: 28px; line-height: 28px; border-radius: 14px; color: #fff; background-color: #2d8fff; } .detailBtn__3AN5d.disabled__1P8kL { color: #999; } .detailBtn__3AN5d.disabled__1P8kL:hover { opacity: 1; } .detailBtn__3AN5d.disabled__1P8kL.unChecked__oqXPr { color: #999; background-color: #efefef; } .colorBlue__1EVkN { color: #2d8fff; } .hover__14Ldz { cursor: pointer; } .hover__14Ldz:hover { opacity: 0.8; transition: all 0.3s ease; } .userInfo__Oxz8M { display: flex; align-items: center; } .userInfo__Oxz8M > a:first-child { margin: 0 8px 0 0; } .tag__6uM0v { display: inline-block; padding: 0 10px; height: 24px; line-height: 22px; border-radius: 12px; border: 1px solid rgba(105, 173, 251, 0.5); font-size: 14px; color: #1f7ce6; background-color: #f0f7ff; } .tagRed__2hCTj { border-color: rgba(255, 91, 53, 0.5); color: #ff5b35; background-color: #fff0f0; } .tagGray__su6yR { border-color: #d8d8d8; color: #999; background-color: #fafafa; } .columnId__j5czZ { width: 112px; } .columnContent__3CC37 { width: 259px; } .columnComposition__DKH5B { width: 112px; color: #2d8fff; cursor: pointer; } .columnComposition__DKH5B:hover { opacity: 0.8; transition: all 0.3s ease; } .columnUserId__2UBEO { width: 224px; color: #2d8fff; cursor: pointer; } .columnUserId__2UBEO:hover { opacity: 0.8; transition: all 0.3s ease; } .columnLastReportTime__e8OtA { width: 175px; } .columnStatus__2bYym { width: 112px; } .columnCheckerId__1i6xG { width: 224px; } .columnAction__2jWmk { width: 162px; } @media screen and (max-width: 1366px) { .columnId__j5czZ { width: 88px; } .columnContent__3CC37 { width: 206px; } .columnComposition__DKH5B { width: 88px; } .columnUserId__2UBEO { width: 200px; } .columnLastReportTime__e8OtA { width: 151px; } .columnStatus__2bYym { width: 88px; } .columnCheckerId__1i6xG { width: 200px; } .columnAction__2jWmk { width: 125px; } } .colorBlue__1C5Yo { color: #2d8fff; } .hover__FbV6l { cursor: pointer; } .hover__FbV6l:hover { opacity: 0.8; transition: all 0.3s ease; } .userInfo__Q9uYi { display: flex; align-items: center; } .userInfo__Q9uYi > a:first-child { margin: 0 8px 0 0; } .tag__3gdkC { display: inline-block; padding: 0 10px; height: 24px; line-height: 22px; border-radius: 12px; border: 1px solid rgba(105, 173, 251, 0.5); font-size: 14px; color: #1f7ce6; background-color: #f0f7ff; } .tagRed__20lXB { border-color: rgba(255, 91, 53, 0.5); color: #ff5b35; background-color: #fff0f0; } .tagGray__3H4UM { border-color: #d8d8d8; color: #999; background-color: #fafafa; } .columnId__1JRp8 { width: 112px; } .columnTargetObject__3AfIR { width: 210px; color: #2d8fff; cursor: pointer; } .columnTargetObject__3AfIR:hover { opacity: 0.8; transition: all 0.3s ease; } .columnUserId__2nwmW { width: 224px; color: #2d8fff; cursor: pointer; } .columnUserId__2nwmW:hover { opacity: 0.8; transition: all 0.3s ease; } .columnLastReportTime__29yqE { width: 184px; } .columnCompositionStatus__2HBiP { width: 148px; } .columnStatus__2DzbW { width: 112px; } .columnCheckerId__34cOv { width: 232px; } .columnAction__3F6YG { width: 158px; } @media screen and (max-width: 1366px) { .columnId__1JRp8 { width: 88px; } .columnTargetObject__3AfIR { width: 185px; } .columnUserId__2nwmW { width: 200px; } .columnLastReportTime__29yqE { width: 151px; } .columnCompositionStatus__2HBiP { width: 120px; } .columnStatus__2DzbW { width: 88px; } .columnCheckerId__34cOv { width: 200px; } .columnAction__3F6YG { width: 114px; } } .manageWrap__1_h7w { position: relative; margin: 0 auto; width: 1380px; } .manageWrap__1_h7w .manageHead__1xaMZ { display: flex; align-items: center; margin: 24px 0; } .manageWrap__1_h7w .manageHead__1xaMZ .manageTabs__2Y7cS { flex: 1; } .manageWrap__1_h7w .manageHead__1xaMZ .manageLink__Ror3L { display: inline-block; margin-right: 12px; padding: 0px 12px; height: 28px; line-height: 28px; border-radius: 14px; border: 1px solid #e0e0e0; font-size: 14px; color: #666; } .manageWrap__1_h7w .manageHead__1xaMZ .manageLink__Ror3L.manageLinkActive__zMDMk, .manageWrap__1_h7w .manageHead__1xaMZ .manageLink__Ror3L:hover { border-color: #ff9900; color: #ff9900; transition: all 0.3s ease; } .manageWrap__1_h7w .manageHead__1xaMZ .manageStatus__1Pl6P { height: 20px; line-height: 20px; font-size: 14px; color: #666; cursor: pointer; flex: none; } .manageWrap__1_h7w .manageHead__1xaMZ .manageStatus__1Pl6P:hover { opacity: 0.8; transition: all 0.3s ease; } .manageWrap__1_h7w .manageHead__1xaMZ .manageStatus__1Pl6P .statusSelected__TRHLy { margin-right: 8px; width: 20px; height: 20px; color: #2d8fff; background-color: #dfe8f3; } .manageWrap__1_h7w .manageHead__1xaMZ .manageStatus__1Pl6P .statusUnSelected__4lSTk { margin-right: 8px; width: 20px; height: 20px; } .manageWrap__1_h7w .manageHead__1xaMZ .searchField__1ptBV { width: 200px; margin-right: 16px; flex: none; } .manageWrap__1_h7w .manageHead__1xaMZ .searchField__1ptBV:hover .ant-input:not(.ant-input-disabled) { border-color: #ff9900; } .manageWrap__1_h7w .manageHead__1xaMZ .searchField__1ptBV:hover .ant-input:not(.ant-input-disabled) { border-color: #ff9900; } .manageWrap__1_h7w .manageHead__1xaMZ .searchField__1ptBV:focus .ant-input:not(.ant-input-disabled), .manageWrap__1_h7w .manageHead__1xaMZ .searchField__1ptBV:focus-within .ant-input:not(.ant-input-disabled) { border-color: #ff9900; box-shadow: none; } .manageWrap__1_h7w .manageContent__3Bp3C { margin-bottom: 80px; } .manageWrap__1_h7w .manageContent__3Bp3C .manageEmpty__1TLe9 { position: relative; min-height: 704px; height: calc(100vh - 64px - 76px - 80px - 194px); background-color: #fff; } .manageWrap__1_h7w .manageContent__3Bp3C .manageEmpty__1TLe9 .empty__3-E-E { display: inline-block; position: relative; left: 50%; top: 50%; font-size: 14px; text-align: center; color: #666; transform: translate(-50%, -50%); } .manageWrap__1_h7w .manageContent__3Bp3C .manageEmpty__1TLe9 .empty__3-E-E .emptyImg__cMBRi { display: block; margin-bottom: 12px; width: 200px; height: 180px; } .manageWrap__1_h7w .reportTable .ant-table-placeholder { display: flex; align-items: center; justify-content: center; min-height: calc(100vh - 64px - 220px - 194px); } .manageWrap__1_h7w .reportTable .ant-table table { table-layout: fixed; color: #333; } .manageWrap__1_h7w .reportTable .ant-table-tbody > tr > td, .manageWrap__1_h7w .reportTable .ant-table-thead > tr > th { padding: 18px 0 18px 48px; border-color: #e0e0e0; white-space: nowrap; } .manageWrap__1_h7w .reportTable .ant-table-thead > tr > th { padding-top: 21px; padding-bottom: 21px; line-height: 22px; font-size: 16px; font-weight: 600; color: #333; } .manageWrap__1_h7w .reportTable .ant-table-thead > tr > th:first-child { border-top-left-radius: 10px; } .manageWrap__1_h7w .reportTable .ant-table-thead > tr > th:last-child { border-top-right-radius: 10px; } .manageWrap__1_h7w .reportTable .ant-table-tbody > tr:last-child > td:first-child { border-bottom-left-radius: 10px; } .manageWrap__1_h7w .reportTable .ant-table-tbody > tr:last-child > td:last-child { border-bottom-right-radius: 10px; } .manageWrap__1_h7w .reportTable .ant-table-thead > tr > th, .manageWrap__1_h7w .reportTable .ant-table-tbody > tr:nth-child(even), .manageWrap__1_h7w .reportTable .ant-table-tbody > tr:nth-child(even):hover > td { background-color: #f5faff; } .manageWrap__1_h7w .reportTable .ant-table-tbody > tr:nth-child(odd), .manageWrap__1_h7w .reportTable .ant-table-tbody > tr:nth-child(odd):hover > td { background-color: #ffffff; } .manageWrap__1_h7w .reportTable .ant-table-pagination.ant-pagination { margin: 30px 0 0; float: none; text-align: center; } .manageWrap__1_h7w .reportTable .ant-table-pagination.ant-pagination .ant-pagination-item, .manageWrap__1_h7w .reportTable .ant-table-pagination.ant-pagination .ant-pagination-item-link, .manageWrap__1_h7w .reportTable .ant-table-pagination.ant-pagination .ant-select-selection, .manageWrap__1_h7w .reportTable .ant-table-pagination.ant-pagination .ant-pagination-options-quick-jumper input { background-color: transparent; } @media screen and (max-width: 1366px) { .manageWrap__1_h7w { width: 1146px; } .manageWrap__1_h7w .reportTable .ant-table-tbody > tr > td, .manageWrap__1_h7w .reportTable .ant-table-thead > tr > th { padding-left: 24px; } } .topSection__3-76D { margin-bottom: 20px; position: relative; } .topSection__3-76D .featuredIcon__3C_Bv { position: absolute; right: 0; width: 84px; height: 84px; top: -22px; } .dropdown__1Ua0F { margin-right: 8px; position: relative; } .dropdownFake__1IX8x { padding-top: 10px; position: absolute; left: 0; top: 100%; z-index: 20; display: none; margin-left: -12px; } .dropdown__1Ua0F:hover .dropdownFake__1IX8x { display: block; } .disabledStudioLink__1d_yZ { pointer-events: none; } .studioIcon__1lmnm { background: rgba(76, 74, 125, 0.6); width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; border-radius: 50%; cursor: pointer; } .studioIcon__1lmnm .iconfont { font-size: 14px; color: #fff; } .studioIcon__1lmnm:hover .iconfont { color: #ffc700; } .dropdownContent__2-Nx7 { cursor: default; top: 100%; z-index: 20; width: 196px; } .dropdownFake__1IX8x:after { display: block; position: absolute; left: 24px; top: 0px; transform: translateX(-50%); content: ""; border: solid 5px transparent; border-bottom-color: rgba(255, 199, 0, 0.3); z-index: 20; } .dropdownFake__1IX8x:before { display: block; position: absolute; content: ""; left: 24px; top: 0px; transform: translate(-50%, 1.4px); border: solid 5px transparent; border-bottom-color: #fffbee; z-index: 30; } .studioDetail__2ha7j { border: solid 1px rgba(255, 199, 0, 0.3); border-radius: 4px; background: #fffbee; padding: 10px; display: flex; } .authorDetail__1LePE { border: solid 1px rgba(255, 199, 0, 0.3); border-radius: 4px; background: #fffbee; padding: 10px 10px 12px; } .studioImageBox__bU7Ej { cursor: pointer; } .studioImage__XzL4x { cursor: pointer; width: 40px; height: 40px; margin-right: 8px; border-radius: 2px; flex: none; } .studioNameBox__1W-LK { cursor: pointer; } .studioNameBox__1W-LK:hover .studioName__2yD3l { color: #1890ff; } .studioName__2yD3l { display: block; cursor: pointer; color: #333; font-size: 14px; font-weight: 500; margin-bottom: 2px; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .author__32QUf { display: flex; margin-bottom: 12px; padding-bottom: 12px; overflow: hidden; border-bottom: solid 1px rgba(255, 199, 0, 0.3); } .authorName__1ffd6 { margin-right: auto; padding-right: 10px; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 14px; font-weight: 500; cursor: pointer; } .studioInformation__1MFYS { overflow: hidden; } .studioStat__5yID0 { font-size: 12px; color: #666666; } .studioStatItem__3ZJMe + .studioStatItem__3ZJMe { margin-left: 8px; } .infoBox__1-huH { padding: 24px 32px 20px; border-radius: 8px; height: auto; background: #ffffff; } .infoCon__2biSf { display: flex; padding: 24px 32px; } .infoBase__2H6wQ { flex: 1; padding: 0 0 0 24px; } .followIcon__32BjD { margin-right: 4px; } .textIconBox__23mFP { width: 20px; height: 20px; } .textIconBox__23mFP svg { width: 100%; height: 100%; } .workShowBtn__2ieXW { width: 16px; height: 16px; line-height: 24px; margin-left: 6px; display: inline-flex; justify-content: center; align-items: center; padding: 0; background: #ffb900; border-radius: 50%; outline: none; border: none; color: #ffffff; cursor: pointer; } .workShowBtn__2ieXW:hover { opacity: 0.8; } .videoButtonWrap__37EeV .ant-popover-inner-content { padding: 7px 14px; color: rgba(0, 0, 0, 0.65); box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.07); } .playIcon___RirS { line-height: 12px; font-size: 12px; transform: translateX(1px) scale(0.7); } .infoShare__1DfTH { display: flex; justify-content: space-between; align-items: center; height: 32px; } .infoShare__1DfTH .infoShareLeft__3e9WV { display: inline-flex; align-items: center; } .infoShare__1DfTH .infoShareRight__2FXvy { position: relative; display: inline-flex; align-items: center; } .infoShare__1DfTH .infoShareRight__2FXvy .adaptationTip__2NCB1 { position: absolute; top: -135px; left: -136px; z-index: 999; } .infoShare__1DfTH .infoShareRight__2FXvy .adaptationTip__2NCB1 img { width: 288px; height: 130px; } .infoShare__1DfTH .textBtnBox__1INFI { position: relative; display: inline-block; } .infoShare__1DfTH .textBtnBox__1INFI:hover .textHover__SQabs { color: #333333; } .infoShare__1DfTH .textBtnBox__1INFI:hover .moreVisitor__31Nao { transition: 0.3s all ease 0s; background: #cacaca; } .infoShare__1DfTH .textBtnBox__1INFI .btnModal__1D2jO { display: none; border-radius: 4px; position: absolute; z-index: 10; top: 32px; left: -18px; box-sizing: border-box; width: 137px; padding: 16px; background: #ffffff; box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.07); border: 1px solid #efefef; -webkit-animation: fadeOutDown__3JQhf 0.5s both ease; animation: fadeOutDown__3JQhf 0.5s both ease; } .infoShare__1DfTH .textBtnBox__1INFI .btnModal__1D2jO .btnModalTitle__3TbJQ { display: flex; align-items: center; justify-content: center; margin: 0 auto; color: #666666; } .infoShare__1DfTH .textBtnBox__1INFI .btnModal__1D2jO .btnModalTitle__3TbJQ .btnLine__1VIUm { display: inline-block; width: 7px; height: 1px; background: #666666; } .infoShare__1DfTH .textBtnBox__1INFI .btnModal__1D2jO .btnModalTitle__3TbJQ .btnModalText__2cD6u { margin: 0 6px; } .infoShare__1DfTH .textBtnBox__1INFI .btnModal__1D2jO .qrcode__1RGXG { text-align: center; padding: 8px 4px 0; } .infoShare__1DfTH .textBtnBox__1INFI .btnModal__1D2jO:hover { -webkit-animation: fadeInDown__1ttF_ 0.5s both ease; animation: fadeInDown__1ttF_ 0.5s both ease; } .infoShare__1DfTH .textBtnBox__1INFI .modalTop1__1AyhC { top: -161px; } .infoShare__1DfTH .textBtnBox__1INFI .modalTop2__2ax4i { top: -234px; } .infoShare__1DfTH .textBtnBox__1INFI .vxScan__1l_NJ { -webkit-animation: fadeInDown__1ttF_ 0.5s both ease; animation: fadeInDown__1ttF_ 0.5s both ease; } .infoShare__1DfTH .textBtnBox__1INFI .vxScanLeave__3K0Ww { -webkit-animation: fadeOutDown__3JQhf 0.5s both ease; animation: fadeOutDown__3JQhf 0.5s both ease; } .infoShare__1DfTH .textBtnBox__1INFI .shareModal__b5gpe { width: 242px; left: -80px; } .infoShare__1DfTH .textBtnBox__1INFI .shareModal__b5gpe .qrcode__1RGXG { text-align: center; padding: 8px 4px 10px; } .infoShare__1DfTH .textBtnBox__1INFI .textBtn2__3NO2C { display: inline-flex; padding: 0; align-items: center; line-height: 32px; font-size: 14px; color: #666; outline: none; border: none; background: #ffffff; cursor: pointer; } .infoShare__1DfTH .textBtnBox__1INFI .textBtn__CU0Hm { display: inline-flex; padding: 0; align-items: center; margin-right: 24px; line-height: 32px; font-size: 14px; color: #666; outline: none; border: none; background: #ffffff; cursor: pointer; } .infoShare__1DfTH .textBtnBox__1INFI .textBtn__CU0Hm .textIconComm__roQPH { margin-right: 8px; font-size: 20px; color: #bdbdbd; } .infoShare__1DfTH .textBtnBox__1INFI .textBtn__CU0Hm .textIconBox__23mFP { margin-right: 6px; display: inline-flex; align-items: center; } .infoShare__1DfTH .textBtnBox__1INFI .textBtn__CU0Hm .textIconBoxHover__1mSTS { display: none; } .infoShare__1DfTH .textBtnBox__1INFI .textBtn__CU0Hm .disableText__3UstW { display: none; border-radius: 2px; position: absolute; top: 100%; right: 0; white-space: nowrap; margin: 8px 0 0; height: 24px; line-height: 24px; padding: 0 8px; background: #828687; font-size: 12px; color: #ffffff; } .infoShare__1DfTH .textBtnBox__1INFI .textBtn__CU0Hm:disabled { cursor: not-allowed; } .infoShare__1DfTH .textBtnBox__1INFI .textBtn__CU0Hm:disabled:hover .disableText__3UstW { display: block; } .infoShare__1DfTH .textBtnBox__1INFI .textBtn__CU0Hm.active .textIconComm__roQPH, .infoShare__1DfTH .textBtnBox__1INFI .textBtn__CU0Hm:not(:disabled):hover .textIconComm__roQPH { color: #333333; transition: 0.3s all ease 0s; } .infoShare__1DfTH .textBtnBox__1INFI .textBtn__CU0Hm.active .textHover__SQabs, .infoShare__1DfTH .textBtnBox__1INFI .textBtn__CU0Hm:not(:disabled):hover .textHover__SQabs { color: #333333; transition: 0.3s all ease 0s; } .infoShare__1DfTH .textBtnBox__1INFI .textBtn__CU0Hm.textCollectBtn__3qEJZ.active .textIconComm__roQPH, .infoShare__1DfTH .textBtnBox__1INFI .textBtn__CU0Hm.textCollectBtn__3qEJZ:not(:disabled):hover .textIconComm__roQPH { color: #feb937; } .infoShare__1DfTH .textBtnBox__1INFI .textBtn__CU0Hm.textShareBtn__3RdaR.active .textIconComm__roQPH, .infoShare__1DfTH .textBtnBox__1INFI .textBtn__CU0Hm.textShareBtn__3RdaR:not(:disabled):hover .textIconComm__roQPH { color: #15ba10; } .infoShare__1DfTH .textBtnBox__1INFI .textBtn__CU0Hm.textChangeBtn__LKTgI.active .textIconComm__roQPH, .infoShare__1DfTH .textBtnBox__1INFI .textBtn__CU0Hm.textChangeBtn__LKTgI:not(:disabled):hover .textIconComm__roQPH { color: #1f7ce6; } .infoShare__1DfTH .textBtnBox__1INFI .textBtn__CU0Hm.textJudgeBtn__2PPZd.active .textIconComm__roQPH, .infoShare__1DfTH .textBtnBox__1INFI .textBtn__CU0Hm.textJudgeBtn__2PPZd:not(:disabled):hover .textIconComm__roQPH { color: #feb937; } .infoShare__1DfTH .textBtnBox__1INFI .textIconGif__1-GLE { position: absolute; margin-left: -50px; margin-bottom: 8px; bottom: 100%; left: 0; width: 120px; height: 120px; z-index: 10; } .infoShare__1DfTH .textBtnBox__1INFI .textIconGif__1-GLE .textIconGifImg__2UCah { width: 100%; height: 100%; } .infoShare__1DfTH .textBtnBox__1INFI:hover .textIconBox__23mFP { display: none; } .infoShare__1DfTH .textBtnBox__1INFI:hover .textIconBoxHover__1mSTS { display: inline-flex; align-items: center; margin-right: 6px; } .infoShare__1DfTH .textBtnBox__1INFI:hover .btnModal__1D2jO { display: block; } .infoShare__1DfTH .shareIconBox__12QJC { margin-top: 12px; display: flex; justify-content: center; } .infoShare__1DfTH .shareIconBox__12QJC .shareIcon__1avEG { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 50%; color: #ffffff; cursor: pointer; } .infoShare__1DfTH .shareIconBox__12QJC .shareQQ__J9cpR { background: #16b9f7; } .infoShare__1DfTH .shareIconBox__12QJC .shareWeibo__2qBts { margin: 0 36px; background: #e6162c; padding-left: 2px; } .infoShare__1DfTH .shareIconBox__12QJC .shareQzone__3isFU { background: #ffce00; } .visitorBox__2mPLL { display: flex; } .visitorBox__2mPLL .visitorIcon___KRRf { align-items: center; } .visitorBox__2mPLL .moreVisitor__31Nao { align-items: center; width: 32px; height: 32px; border-radius: 50px; border: 3px solid white; background: #dadada; line-height: 35px; } .labelBox__2GuVP { position: relative; display: inline-block; } .labelBox__2GuVP .toolTipBox__2Qtpn { position: absolute; z-index: 20; top: 17px; left: 3px; display: none; background: #ffffff; } .labelBox__2GuVP .toolTipBox__2Qtpn .tooltipArrowBig__HlIqi { position: absolute; left: 18px; top: 5px; z-index: 0; display: inline-block; border-top: 9px transparent dashed; border-left: 10px transparent dashed; border-bottom: 10px #efefef dashed; border-right: 10px transparent solid; } .labelBox__2GuVP .toolTipBox__2Qtpn .tooltipArrow__xSgN0 { position: absolute; left: 20px; top: 8px; z-index: 1; display: inline-block; border-top: 8px transparent dashed; border-left: 8px transparent dashed; border-bottom: 8px #ffffff dashed; border-right: 8px transparent solid; } .labelBox__2GuVP .toolTipBox__2Qtpn .tooltipText__wSGjV { position: absolute; top: 22px; padding: 8px; word-break: keep-all; margin: 0; border: 1px solid #efefef; background: #ffffff; color: #333333; box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.07); border-radius: 4px; max-width: 630px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .labelBox__2GuVP:hover .toolTipBox__2Qtpn { display: inline-block; } .label__TdR7F { cursor: default; display: inline-block; background: #fff; margin-right: 8px; white-space: nowrap; border-radius: 13px; border: 1px solid #bdbdbd; padding: 0 10px; height: 24px; line-height: 22px; text-align: center; outline: none; color: #666; flex: none; } .labelHigh__3EoU5 { color: #1f7ce6; border-color: #1f7ce6; background-color: rgba(31, 124, 230, 0.1); } .labelHover__32M71 { cursor: pointer; background: #f6f6f6; } .titleBox__3KVco { display: flex; align-items: center; margin-bottom: 8px; } .titleBox__3KVco .title__9ezjz { margin: 0; font-size: 20px; color: #333; line-height: 28px; max-width: 630px; word-wrap: break-word; word-break: break-all; word-break: break-word; white-space: pre-wrap; } .time__25ifV { margin-left: 20px; margin-right: 20px; } .TBox__2GbQT { display: flex; margin-bottom: 16px; line-height: 18px; font-size: 14px; color: #999999; } .BBox__25Daf { position: relative; display: flex; width: 100%; } .playBox__3zup0 { position: relative; background: #eee; border-radius: 8px; overflow: hidden; border: solid 1px #dedede; } .darenIcon__aQ5vE { display: inline-block; justify-content: center; align-items: center; width: 14px; line-height: 14px; height: 14px; color: #fff; background: linear-gradient(113deg, #ff5b35 0%, #ffc852 100%); border-radius: 50%; margin-left: 4px; position: relative; } .darenIcon__aQ5vE .iconfont { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.6); display: block; font-size: 16px; z-index: 1q; } .threeTag__2jMMB { position: absolute; bottom: 20px; right: 20px; width: 40px; height: 22px; background: #ff9900; border-radius: 14px; text-align: center; font-size: 14px; font-weight: bold; color: #ffffff; } .video__31WkX { background: #000; } .videoBox__2GRhg { width: 630px; height: 470px; position: relative; display: flex; background: #222; align-items: center; } .videoBox__2GRhg .noVideoText__2KzqU { color: white; font-size: 18px; margin: 0 auto; } .videoBox__2GRhg .closeVideoIcon__2AyJR { position: absolute; color: #ffffff; right: -30px; top: -15px; font-size: 34px; border-radius: 50%; padding: 1px 0 0 1px; text-align: center; width: 30px; cursor: pointer; transform: scale(0.8); } @-webkit-keyframes playImgScale__1n-SQ { 0% { transform: scale(1); } 5% { transform: scale(1.03); top: -12.5px; } 50% { transform: scale(1.07); top: -13px; } 100% { transform: scale(1.07); top: -13px; } } @keyframes playImgScale__1n-SQ { 0% { transform: scale(1); } 5% { transform: scale(1.03); top: -12.5px; } 50% { transform: scale(1.07); top: -13px; } 100% { transform: scale(1.07); top: -13px; } } @-webkit-keyframes playScale__1RTdQ { 0% { opacity: 1; transform: scale(0.7); } 60% { transform: scale(1); } 95% { transform: scale(1); opacity: 1; } 100% { transform: scale(1); opacity: 1; } } @keyframes playScale__1RTdQ { 0% { opacity: 1; transform: scale(0.7); } 60% { transform: scale(1); } 95% { transform: scale(1); opacity: 1; } 100% { transform: scale(1); opacity: 1; } } @-webkit-keyframes playHidden__-sVTq { 0% { opacity: 0; } 95% { opacity: 0; } 100% { opacity: 0; } } @keyframes playHidden__-sVTq { 0% { opacity: 0; } 95% { opacity: 0; } 100% { opacity: 0; } } @-webkit-keyframes playStar1__w0s-H { 0% { opacity: 0; transform: scale(0.5); } 30% { opacity: 0.4; transform: scale(0.5) rotate(90deg); border: none; } 60% { opacity: 0.85; transform: scale(0.5) rotate(180deg); color: #ffb900; border: none; } 95% { opacity: 1; transform: scale(0.5) rotate(180deg); } 100% { opacity: 1; transform: scale(0.5) rotate(270deg); color: #ffb900; border: none; } } @keyframes playStar1__w0s-H { 0% { opacity: 0; transform: scale(0.5); } 30% { opacity: 0.4; transform: scale(0.5) rotate(90deg); border: none; } 60% { opacity: 0.85; transform: scale(0.5) rotate(180deg); color: #ffb900; border: none; } 95% { opacity: 1; transform: scale(0.5) rotate(180deg); } 100% { opacity: 1; transform: scale(0.5) rotate(270deg); color: #ffb900; border: none; } } @-webkit-keyframes playStar2__1bPaP { 30% { opacity: 0; transform: scale(0.3); } 40% { opacity: 0.4; transform: scale(0.4) rotate(90deg); } 60% { opacity: 0.85; transform: scale(0.35) rotate(180deg); } 95% { opacity: 1; transform: scale(0.3) rotate(180deg); } 100% { opacity: 1; transform: scale(0.3) rotate(270deg); } } @keyframes playStar2__1bPaP { 30% { opacity: 0; transform: scale(0.3); } 40% { opacity: 0.4; transform: scale(0.4) rotate(90deg); } 60% { opacity: 0.85; transform: scale(0.35) rotate(180deg); } 95% { opacity: 1; transform: scale(0.3) rotate(180deg); } 100% { opacity: 1; transform: scale(0.3) rotate(270deg); } } @-webkit-keyframes playStar3__2-2pv { 40% { opacity: 0; transform: scale(0.5); } 50% { opacity: 0.4; transform: scale(0.5) rotate(90deg); } 60% { opacity: 0.85; transform: scale(0.5) rotate(180deg); } 95% { opacity: 1; transform: scale(0.5) rotate(180deg); } 100% { opacity: 1; transform: scale(0.5) rotate(270deg); } } @keyframes playStar3__2-2pv { 40% { opacity: 0; transform: scale(0.5); } 50% { opacity: 0.4; transform: scale(0.5) rotate(90deg); } 60% { opacity: 0.85; transform: scale(0.5) rotate(180deg); } 95% { opacity: 1; transform: scale(0.5) rotate(180deg); } 100% { opacity: 1; transform: scale(0.5) rotate(270deg); } } @-webkit-keyframes fadeInDown__1ttF_ { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } } @keyframes fadeInDown__1ttF_ { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } } @-webkit-keyframes fadeOutDown__3JQhf { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(20px); } } @keyframes fadeOutDown__3JQhf { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(20px); } } .loadingPlay__29HgR { display: inline-block; -webkit-animation: loadingPlay__29HgR 1s linear infinite; animation: loadingPlay__29HgR 1s linear infinite; } @-webkit-keyframes loadingPlay__29HgR { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes loadingPlay__29HgR { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .report-box__2iLaY { display: inline-block; position: relative; width: 20px; height: 20px; line-height: 20px; text-align: center; z-index: 10; } .report-box__2iLaY .report-icon__3bu5G { color: #999999; cursor: pointer; } .report-box__2iLaY .report-icon__3bu5G:hover { color: #333333; } .report-box__2iLaY .small-btn-icon__urO7E { transform: scale(0.7) translateY(-3px); padding-bottom: 14px; } .report-box__2iLaY .report-text__2_9We { display: block; border-radius: 3px; position: absolute; z-index: 20; left: 0px; top: 20px; width: 48px; height: 24px; text-align: center; line-height: 24px; background: #ffffff; color: #999999; box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.08); cursor: pointer; } .report-box__2iLaY .report-text__2_9We:hover { color: #2d8fff; } .modal__3jA0I { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); /* display: flex; align-items: center; justify-content: center; */ z-index: 8888; } .content__18cKb { position: absolute; left: 50%; transform: translateX(-50%); } .modal-enter__2_6jF { opacity: 0; } .modal-enter-active__2iUPw { opacity: 0.6; transition: opacity 2000ms; } .modal-exit__Ti-4f { opacity: 0.6; } .modal-exit-active__2abXi { opacity: 0; transition: opacity 2000ms; } /* stylelint-disable value-no-vendor-prefix,property-no-vendor-prefix */ .infoBox__Bz4w3 { padding-bottom: 24px; } .infoBox__Bz4w3 div[class^="measureButton"] { margin-top: auto; transform: translateY(-2px); } .userBox__UemXX { display: flex; align-items: center; padding-top: 8px; padding-bottom: 30px; border-bottom: 1px solid #e0e0e0; } .userBox__UemXX .userAvatarBox__2P5fb { position: relative; width: 64px; height: 64px; } .userBox__UemXX .userAvatarBox__2P5fb .userAvatar__1liHq { width: 100%; height: 100%; border-radius: 50%; } .userBox__UemXX .userAvatarBox__2P5fb .talentIcon__1hXDl { position: absolute; bottom: 0; right: 0; width: 21px; height: 21px; } .userBox__UemXX .userInfo__CALLl { margin-left: 20px; margin-right: 5px; width: 154px; } .userBox__UemXX .userNickname__1KEoN { display: block; margin-bottom: 4px; width: 9em; height: 24px; line-height: 24px; font-size: 16px; font-weight: 600; color: #333333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .userBox__UemXX .userNickname__1KEoN:hover { color: #40a9ff; } .userBox__UemXX .userAutograph__3hVJm { height: 20px; line-height: 20px; font-size: 14px; color: #999; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .infoLikeBtn__16ac- { flex: none; height: 32px; padding: 0 16px; line-height: 16px; font-size: 14px; border-radius: 40px; outline: none; border: none; cursor: pointer; } .likeBtn__k2cDr { background: #ff9900; color: #ffffff; } .likeBtn__k2cDr:hover { background: rgba(255, 153, 0, 0.8); } .likedBtn__zcvU7 { background: #ffffff; border: 1px solid rgba(255, 153, 0, 0.8); color: #ff9900; } .disInfoLikeBtn__2W03c { cursor: default; color: #999; outline: none; border: none; background: transparent; } .followIcon__2KHb3 { margin-right: 4px; } .loadingPlay__9pQHp { display: inline-block; -webkit-animation: loadingPlay__9pQHp 1s linear infinite; animation: loadingPlay__9pQHp 1s linear infinite; } @-webkit-keyframes loadingPlay__9pQHp { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes loadingPlay__9pQHp { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .explain-box__1j2D- { min-height: 330px; } .explain-box__1j2D- .explain-inner-box__2tyWI { height: 370px; overflow: auto; } .explain-tag-box__19Tuv .explain-title__3c_07 { display: flex; align-items: center; line-height: 24px; font-size: 18px; color: #333333; margin: 0 0 8px 0; } .explain-tag-box__19Tuv .explain-text__2MvFM { font-size: 14px; color: #666666; line-height: 24px; word-wrap: break-word; word-break: break-all; word-break: break-word; white-space: pre-wrap; } .explain-tag-box__19Tuv .explain-no-more__2-9GO { height: 96px; word-wrap: break-word; word-break: break-all; word-break: break-word; white-space: pre-wrap; } .explain-tag-box__19Tuv .explain-text-ell__3bgif { height: 72px; font-size: 14px; color: #666666; line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap: break-word; word-break: break-all; word-break: break-word; white-space: pre-wrap; } .explain-tag-box__19Tuv .see-more-box__2W5xx { height: 18px; margin: 8px 0 24px 0; } .explain-tag-box__19Tuv .see-more-box__2W5xx .see-more__3usTQ { margin: 0; height: 18px; font-size: 14px; color: #72b3ff; line-height: 18px; text-align: right; cursor: pointer; } .explain-tag-box__19Tuv .see-more-box__2W5xx .see-more__3usTQ .more-icon__dA7Ai { font-size: 12px; margin-left: 6px; font-weight: bold; } .intro-box__2jSNT .intro-inner-box__1Ber- { margin-right: -24px; height: 360px; padding-top: 16px; word-wrap: break-word; word-break: break-all; word-break: break-word; white-space: pre-wrap; overflow: auto; } .intro-box__2jSNT .intro-inner-box__1Ber-.intro-box-part__3Wjlp { overflow: hidden; } .intro-box__2jSNT .intro-inner-box__1Ber-.intro-box-ell__11z1S { text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 14; -webkit-box-orient: vertical; } .intro-box__2jSNT .intro-inner-box__1Ber- .intro-item__2THvN { width: 319px; line-height: 22px; font-size: 14px; color: #666666; } .intro-box__2jSNT .intro-inner-box__1Ber- .intro-item__2THvN:not(:last-child) { margin-bottom: 20px; } .intro-box__2jSNT .intro-inner-box__1Ber- .intro-item__2THvN .intro-title__3Q47k { display: flex; align-items: center; margin-bottom: 6px; line-height: 24px; font-size: 16px; font-weight: 600; color: #333333; } .intro-box__2jSNT .show-more-box__17k-g { margin: 8px 0 0 0; height: 18px; } .intro-box__2jSNT .show-more-box__17k-g .show-more__2JQJG { margin: 0; line-height: 18px; height: 18px; font-size: 14px; color: #1f7ce6; cursor: pointer; } .intro-box__2jSNT .show-more-box__17k-g .show-more__2JQJG:hover { color: rgba(31, 124, 230, 0.8); } .intro-box__2jSNT .show-more-box__17k-g .show-more__2JQJG .more-icon__dA7Ai { display: inline-block; font-size: 12px; margin-left: 2px; font-weight: bold; vertical-align: top; transform: scale(0.6); } .intro-box__2jSNT .show-more-box__17k-g .show-more__2JQJG .more-icon-up__1lBVs { transform: rotate(180deg) scale(0.6); } /*滚动条样式*/ .explain-inner-box__2tyWI::-webkit-scrollbar, .intro-inner-box__1Ber-::-webkit-scrollbar { /*滚动条整体样式*/ width: 8px; /*高宽分别对应横竖滚动条的尺寸*/ } .explain-inner-box__2tyWI::-webkit-scrollbar-thumb, .intro-inner-box__1Ber-::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ border-radius: 8px; background: #dbdbdb; } .explain-inner-box__2tyWI::-webkit-scrollbar-track, .intro-inner-box__1Ber-::-webkit-scrollbar-track { /*滚动条里面轨道*/ border-radius: 0; background: rgba(0, 0, 0, 0); } .tags__Coqah { margin-top: 32px; } .tags-box__2iF4b { display: flex; margin: 0; padding: 0; } .tag__2I_C5 { cursor: pointer; padding: 3px 10px; margin-right: 8px; display: inline-block; list-style: none; border-radius: 15px; font-size: 14px; line-height: 18px; } .tag__2I_C5:hover { transition: 0.3s all ease 0; } .tag__2I_C5.tag-1__2CSID { color: #b41fe6; background: #f9f0ff; } .tag__2I_C5.tag-1__2CSID:hover { background: #efddfa; } .tag__2I_C5.tag-2__2a-Bu { color: #ff880f; background: #fff3eb; } .tag__2I_C5.tag-2__2a-Bu:hover { background: #ffecdf; } .tag__2I_C5.tag-3__1l0l5 { color: #ff5b35; background: #fff0f0; } .tag__2I_C5.tag-3__1l0l5:hover { background: #fee7e7; } .tag__2I_C5.tag-4__3b1kq { color: #1fc1e6; background: #f0fdff; } .tag__2I_C5.tag-4__3b1kq:hover { background: #e1f9fc; } .tag__2I_C5.tag-5__3gWZD { color: #feb937; background: #fff4de; } .tag__2I_C5.tag-5__3gWZD:hover { background: #ffedc9; } .tag__2I_C5.tag-6__1pDyO { color: #1f7ce6; background: #f0f7ff; } .tag__2I_C5.tag-6__1pDyO:hover { background: #e2f0ff; } .tag__2I_C5.tag-7__3jngE { color: #c13483; background: #ffe9f5; } .tag__2I_C5.tag-7__3jngE:hover { background: #fce2f1; } .tag__2I_C5.tag-8__2xvIP { color: #5951db; background: #f0f0ff; } .tag__2I_C5.tag-8__2xvIP:hover { background: #e6e6fd; } .tag__2I_C5.tag-9__3_eDy { color: #14d0a6; background: #edffee; } .tag__2I_C5.tag-9__3_eDy:hover { background: #e0f9e2; } .info-btn__3AXtA { display: inline-flex; margin-right: 24px; padding: 0; line-height: 32px; background: none; align-items: center; position: relative; color: #666; box-sizing: border-box; outline: none; border: none; font-size: 14px; } .info-btn__3AXtA .infoBtnMain__2hXQw { padding: 0; background: none; outline: none; border: none; cursor: pointer; } .info-btn__3AXtA .info-btn-icon___IkO7 { margin-right: 8px; font-size: 20px; color: #bdbdbd; } .info-btn__3AXtA .info-btn-gif__1df78 { position: absolute; margin-left: -50px; margin-bottom: 8px; bottom: 100%; left: 0; width: 120px; height: 120px; z-index: 10; } .info-btn__3AXtA .info-btn-gif__1df78 .info-btn-gif-img__PUwBp { width: 100%; height: 100%; } .info-btn__3AXtA.active, .info-btn__3AXtA:hover { color: #333333; } .info-btn__3AXtA.active .info-btn-icon___IkO7, .info-btn__3AXtA:hover .info-btn-icon___IkO7 { color: #ff5b35; transition: 0.3s all ease 0s; } .info-btn-right__3PfDn { font-size: 16px; background: #ffffff; color: #ff9900; border: 1px solid rgba(255, 153, 0, 0.5); } .info-btn-right__3PfDn:hover { color: #ffffff; background: #ff9900; } .info-btn-right-disable__BmE0V { position: relative; background: #efefef; font-size: 16px; color: #999999; cursor: not-allowed; } .info-btn-right-disable__BmE0V .disText__3Cvco { position: absolute; top: 46px; left: 0px; display: none; white-space: nowrap; margin: 8px 0 0; height: 24px; line-height: 24px; padding: 0 8px; background: #828687; font-size: 12px; color: #ffffff; } .info-btn-right-disable__BmE0V:hover .disText__3Cvco { display: block; } .btnIconBox__1t9iU { display: inline-block; position: relative; } @-webkit-keyframes likePlay__2S5HH { 0% { transform: scale(1) rotate(0deg); } 50% { transform: scale(1.3) rotate(-15deg); } 70% { color: #ffffff; } 100% { transform: scale(1) rotate(0deg); color: #ff9900; } } @keyframes likePlay__2S5HH { 0% { transform: scale(1) rotate(0deg); } 50% { transform: scale(1.3) rotate(-15deg); } 70% { color: #ffffff; } 100% { transform: scale(1) rotate(0deg); color: #ff9900; } } @-webkit-keyframes changeBg__1xV_a { 0% { color: #ffffff; border: 1px solid #ff9900; background: #ff9900; } 70% { color: #ffffff; border: 1px solid #ff9900; background: #ff9900; } 100% { background: #ffffff; border: 1px solid rgba(255, 153, 0, 0.5); color: #ff9900; } } @keyframes changeBg__1xV_a { 0% { color: #ffffff; border: 1px solid #ff9900; background: #ff9900; } 70% { color: #ffffff; border: 1px solid #ff9900; background: #ff9900; } 100% { background: #ffffff; border: 1px solid rgba(255, 153, 0, 0.5); color: #ff9900; } } @-webkit-keyframes heartSize__BrQCv { 0% { transform: scale(0) rotate(30deg); } 50% { transform: scale(1.3) rotate(30deg); } 100% { transform: scale(1) rotate(30deg); } } @keyframes heartSize__BrQCv { 0% { transform: scale(0) rotate(30deg); } 50% { transform: scale(1.3) rotate(30deg); } 100% { transform: scale(1) rotate(30deg); } } .visitor__2dvzw .ant-modal-content { border-radius: 10px; } .close-icon__3FI37 { position: absolute; top: 24px; right: 20px; width: 24px; height: 24px; line-height: 24px; font-size: 24px; font-weight: normal; text-align: center; cursor: pointer; color: #999999; } .close-icon__3FI37:hover { transition: 0.3s all ease 0s; color: rgba(153, 153, 153, 0.8); } .nicname__1hkeB { width: 117px; margin-bottom: 7px; color: #333; font-size: 14px; } .nicname__1hkeB :hover { transition: 0.3s all ease 0s; color: #1890ff; } .textBtnBox__3XoZL { position: relative; display: inline-block; font-size: 14px; line-height: 20px; color: #666666; cursor: pointer; } .textBtnBox__3XoZL:hover .num__2l3gy { color: #333333; } .textBtnBox__3XoZL:hover .vortexIcon__359OY { color: #36cb24; } .textBtnBox__3XoZL .vortexIcon__359OY { margin-right: 4px; font-size: 20px; color: #bdbdbd; } .workBox__Zcd_6 { width: 1142px !important; padding: 24px !important; } .topEightWorksList__1PUL3 { margin-bottom: 24px; overflow: auto; } .topWork__g8zva { position: relative; height: 281px; margin-bottom: 24px; background: #fff; box-shadow: 0px 2px 4px 0px rgba(166, 166, 166, 0.4); border-radius: 6px; overflow: hidden; display: flex; flex-direction: row; } .topWork__g8zva .awardFlag__1d0w0 { position: absolute; right: -5px; top: -4px; height: 59px; width: 125px; padding-top: 9px; background: url(data:image/png;base64,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); background-size: contain; background-repeat: no-repeat; font-size: 24px; font-weight: bold; color: #fff; line-height: 31px; } .topWork__g8zva .left__2GNyk { width: 376px; position: relative; } .topWork__g8zva .left__2GNyk .coverBox__2k8Qt { width: 376px; height: 100%; overflow: hidden; cursor: pointer; } .topWork__g8zva .left__2GNyk .coverBox__2k8Qt img { transform: scale(1); transition: all 0.3s ease 0s; } .topWork__g8zva .left__2GNyk .coverBox__2k8Qt img:hover { transform: scale(1.1); transition: all 0.3s ease 0s; } .topWork__g8zva .right__ri7JD { width: 712px; padding: 16px 24px; display: flex; flex-direction: column; text-align: left; } .topWork__g8zva .right__ri7JD .headBox__2amzr { display: flex; align-items: center; margin-bottom: 6px; } .topWork__g8zva .right__ri7JD .headBox__2amzr .title__1_ORq { margin-right: 3px; font-size: 24px; font-weight: 600; color: #333333; line-height: 33px; max-width: 400px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer; } .topWork__g8zva .right__ri7JD .headBox__2amzr .title__1_ORq:hover { color: #2d8fff; } .topWork__g8zva .right__ri7JD .headBox__2amzr .videoBtn__2Mh4q { width: 24px; height: 24px; } .topWork__g8zva .right__ri7JD .headBox__2amzr .videoIcon__3tpOH { font-size: 16px !important; } .topWork__g8zva .right__ri7JD .userInfoBox__2DCZn { margin-bottom: 10px; line-height: 22px; font-size: 16px; color: #333333; } .topWork__g8zva .right__ri7JD .userInfoBox__2DCZn .username__txvE5 { display: inline-block; margin-right: 20px; } .topWork__g8zva .right__ri7JD .remarkBox__2H5F9 { flex: 1; font-size: 16px; line-height: 22px; word-break: break-word; } .topWork__g8zva .right__ri7JD .actionsBox__274b1 { height: 48px; display: flex; flex-direction: row; justify-content: space-between; } .topWork__g8zva .right__ri7JD .scoreBox__2fz_R { padding-top: 12px; } .topWork__g8zva .right__ri7JD .actionsBox__274b1 .wenhao__2wHCh { width: 14px; height: 14px; margin-right: 5px; font-size: 14px; color: #333; cursor: pointer; } .topWork__g8zva .right__ri7JD .actionsBox__274b1 .scoreLable__3abvI { font-size: 16px; color: #5b5b5b; line-height: 22px; } .topWork__g8zva .right__ri7JD .actionsBox__274b1 .score__3YisR { font-size: 30px; font-weight: bold; color: #5b5b5b; line-height: 42px; } .commonWorksList__38zmF { margin-right: -24px; margin-top: 36px; } .commonWorksList__38zmF .listHead__3umMV { width: 1086px; margin-right: -24px; margin-bottom: 20px; display: flex; flex-wrap: wrap; text-align: left; } .commonWorksList__38zmF .works__1WnCH { display: flex; flex-wrap: wrap; text-align: left; } .commonAwardFlag__WDyy2 { height: 49px; width: 141px; margin: 0 auto; background: url(data:image/png;base64,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); background-size: contain; background-repeat: no-repeat; line-height: 43px; text-align: center; font-size: 24px; font-weight: bold; color: #fff; } .video__1hOES { background: #000; } .videoBox__3pSFj { position: relative; display: flex; background: #222; align-items: center; } .videoBox__3pSFj .noVideoText__3DsbN { color: white; font-size: 18px; margin: 0 auto; } .videoBox__3pSFj .closeVideoIcon__GFn4Z { position: absolute; color: #ffffff; right: -30px; top: -15px; font-size: 34px; border-radius: 50%; padding: 1px 0 0 1px; text-align: center; width: 30px; cursor: pointer; transform: scale(0.8); } /* stylelint-disable value-no-vendor-prefix,property-no-vendor-prefix */ .outer-work__3T1xD { display: flex; height: 90px; margin-bottom: 24px; } .left-work__33GCr { width: 120px; height: 90px; overflow: hidden; border-radius: 4px; } .left-work-img__3ithr { width: 120px; height: 90px; border-radius: 4px; background: #d8d8d8; transition: all 0.3s ease 0s; cursor: pointer; } .left-work-img__3ithr:hover { transform: scale(1.1); } .right-work__3uD7W { margin-left: 12px; } .work-title__3-fLi { height: 20px; line-height: 20px; color: #666666; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 187px; cursor: pointer; margin-bottom: 4px; } .work-title__3-fLi:hover { color: #1890ff; } .work-icon__1JZlR { display: flex; align-items: center; color: #bdbdbd; } .work-user__1R_hm { height: 24px; line-height: 24px; font-size: 12px; color: #666; cursor: pointer; width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .work-avatar__1Ypzj { float: left; margin-right: 8px; width: 24px; height: 24px; border-radius: 50px; } .icon-text-number__2aqng { height: 16px; min-width: 36px; display: inline-block; margin-left: 2px; font-size: 12px; } .right-work-top__2niYh { height: 66px; } .detailBox__Gv5x0 { width: 1360px; padding: 32px 0 48px; margin: auto; } .detailCon__3VUHz { margin: auto; width: 1360px; display: flex; justify-content: space-between; } .detailLeft__OeCkL { flex: 1; } .detailComment__3L7xz { margin-top: 20px; background: #ffffff; border-radius: 8px; padding: 25px 32px 0; } .detailRight__3J3Lb { margin-left: 19px; width: 383px; } .infoCon__NMjUg { display: flex; padding: 24px 32px; } .infoPlayBox__1KINB { flex: 0 0 630px; } .infoPlayBox__1KINB .titleBox__1SKrl { padding: 0 0 16px; } .infoPlayBox__1KINB .titleBox__1SKrl .title__3tuHf { font-size: 22px; color: #333; line-height: 28px; } .infoPlayBox__1KINB .titleBox__1SKrl .time__37uRG { padding: 8px 0 0; height: 26px; font-size: 14px; color: #999; line-height: 18px; } .infoPlayBox__1KINB .titleBox__1SKrl .time__37uRG .label__3ciU- { display: inline-block; margin: 0 8px 0 0; width: 40px; height: 22px; text-align: center; background: #f9f9f9; border-radius: 11px; } .infoPlayBox__1KINB .titleBox__1SKrl .time__37uRG .label__3ciU-.active__1Xbqk { color: #72b3ff; } .infoPlayBox__1KINB .playBox__2RcTx { width: 630px; height: 510px; background: #efefef; } .infoBase__DlKjv { flex: 1; padding: 0 0 0 24px; } .infoBase__DlKjv .userBox__3lRoh { align-items: center; justify-content: space-between; height: 70px; line-height: 48px; padding: 0 0 22px; } .infoBase__DlKjv .userBox__3lRoh .avatarOuterBox__2soL7 { display: flex; justify-content: space-between; align-items: center; margin-bottom: 19px; } .infoBase__DlKjv .userBox__3lRoh .avatarOuterBox__2soL7 .avatarBox__2u1FR { display: flex; align-items: center; } .infoBase__DlKjv .userBox__3lRoh .avatarOuterBox__2soL7 .avatar__2YD45, .infoBase__DlKjv .userBox__3lRoh .avatarOuterBox__2soL7 .avatar__2YD45 img { width: 48px; height: 48px; overflow: hidden; border-radius: 50%; } .infoBase__DlKjv .userBox__3lRoh .avatarOuterBox__2soL7 .avatar__2YD45 { display: flex; width: 50px; height: 50px; border: 1px solid #efefef; } .infoBase__DlKjv .userBox__3lRoh .avatarOuterBox__2soL7 .userName__hYj2s { padding: 0 0 0 14px; height: 24px; font-size: 18px; color: #333; line-height: 24px; } .infoBase__DlKjv .userBox__3lRoh .avatarOuterBox__2soL7 .infoLikeBtn__1Q12w { width: 72px; height: 32px; line-height: 30px; border-radius: 4px; font-size: 14px; outline: none; border: none; cursor: pointer; } .infoBase__DlKjv .userBox__3lRoh .avatarOuterBox__2soL7 .likeBtn__3PCsx { background: #ff9900; color: #ffffff; } .infoBase__DlKjv .userBox__3lRoh .avatarOuterBox__2soL7 .likeBtn__3PCsx:hover { background: rgba(255, 153, 0, 0.8); } .infoBase__DlKjv .userBox__3lRoh .avatarOuterBox__2soL7 .likedBtn__1hZRw { background: #ffffff; border: 1px solid rgba(255, 153, 0, 0.8); color: #ff9900; } .shadow__nXPPC { background: #fff; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.05); } .comment-and-show__12oiD { display: flex; margin-top: 8px; } .show-compose__2EDL8 { border-radius: 8px; background: #ffffff; padding: 16px 32px 1px; } .compose-cot__17LYd { margin-top: 16px; } .show-composeTitle__2vAp6 { margin-bottom: 8px; line-height: 32px; font-size: 20px; color: #333333; } .compose-bot__3NLxt { margin-bottom: 16px; } .no-detail-box__22vOk { width: 1200px; height: 608px; margin: 0 auto; display: flex; align-items: center; flex-direction: column; } .no-detail-box__22vOk .img-blank__1cJrs { width: 170px; height: 120px; margin-top: 140px; } .no-detail-box__22vOk .title__3tuHf { font-size: 14px; color: #999; margin: 16px 0; } .no-detail-box__22vOk .btn__14Xd7 { display: block; width: 90px; height: 36px; line-height: 36px; text-decoration: none; color: #2d8fff; border: 1px solid #2d8fff; border-radius: 4px; text-align: center; font-size: 16px; } .topic__1bhm1 { margin-bottom: 24px; border-radius: 10px; overflow: hidden; } @media screen and (max-width: 1600px) { .detailCon__3VUHz { width: 1145px; } }