.jss142 { background-color: #fff; } .jss143 { border-radius: 4px; } .jss144 { box-shadow: none; } .jss145 { box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 2px 1px -1px rgba(0,0,0,0.12); } .jss146 { box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 3px 1px -2px rgba(0,0,0,0.12); } .jss147 { box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.2),0px 3px 4px 0px rgba(0,0,0,0.14),0px 3px 3px -2px rgba(0,0,0,0.12); } .jss148 { box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12); } .jss149 { box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 5px 8px 0px rgba(0,0,0,0.14),0px 1px 14px 0px rgba(0,0,0,0.12); } .jss150 { box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12); } .jss151 { box-shadow: 0px 4px 5px -2px rgba(0,0,0,0.2),0px 7px 10px 1px rgba(0,0,0,0.14),0px 2px 16px 1px rgba(0,0,0,0.12); } .jss152 { box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12); } .jss153 { box-shadow: 0px 5px 6px -3px rgba(0,0,0,0.2),0px 9px 12px 1px rgba(0,0,0,0.14),0px 3px 16px 2px rgba(0,0,0,0.12); } .jss154 { box-shadow: 0px 6px 6px -3px rgba(0,0,0,0.2),0px 10px 14px 1px rgba(0,0,0,0.14),0px 4px 18px 3px rgba(0,0,0,0.12); } .jss155 { box-shadow: 0px 6px 7px -4px rgba(0,0,0,0.2),0px 11px 15px 1px rgba(0,0,0,0.14),0px 4px 20px 3px rgba(0,0,0,0.12); } .jss156 { box-shadow: 0px 7px 8px -4px rgba(0,0,0,0.2),0px 12px 17px 2px rgba(0,0,0,0.14),0px 5px 22px 4px rgba(0,0,0,0.12); } .jss157 { box-shadow: 0px 7px 8px -4px rgba(0,0,0,0.2),0px 13px 19px 2px rgba(0,0,0,0.14),0px 5px 24px 4px rgba(0,0,0,0.12); } .jss158 { box-shadow: 0px 7px 9px -4px rgba(0,0,0,0.2),0px 14px 21px 2px rgba(0,0,0,0.14),0px 5px 26px 4px rgba(0,0,0,0.12); } .jss159 { box-shadow: 0px 8px 9px -5px rgba(0,0,0,0.2),0px 15px 22px 2px rgba(0,0,0,0.14),0px 6px 28px 5px rgba(0,0,0,0.12); } .jss160 { box-shadow: 0px 8px 10px -5px rgba(0,0,0,0.2),0px 16px 24px 2px rgba(0,0,0,0.14),0px 6px 30px 5px rgba(0,0,0,0.12); } .jss161 { box-shadow: 0px 8px 11px -5px rgba(0,0,0,0.2),0px 17px 26px 2px rgba(0,0,0,0.14),0px 6px 32px 5px rgba(0,0,0,0.12); } .jss162 { box-shadow: 0px 9px 11px -5px rgba(0,0,0,0.2),0px 18px 28px 2px rgba(0,0,0,0.14),0px 7px 34px 6px rgba(0,0,0,0.12); } .jss163 { box-shadow: 0px 9px 12px -6px rgba(0,0,0,0.2),0px 19px 29px 2px rgba(0,0,0,0.14),0px 7px 36px 6px rgba(0,0,0,0.12); } .jss164 { box-shadow: 0px 10px 13px -6px rgba(0,0,0,0.2),0px 20px 31px 3px rgba(0,0,0,0.14),0px 8px 38px 7px rgba(0,0,0,0.12); } .jss165 { box-shadow: 0px 10px 13px -6px rgba(0,0,0,0.2),0px 21px 33px 3px rgba(0,0,0,0.14),0px 8px 40px 7px rgba(0,0,0,0.12); } .jss166 { box-shadow: 0px 10px 14px -6px rgba(0,0,0,0.2),0px 22px 35px 3px rgba(0,0,0,0.14),0px 8px 42px 7px rgba(0,0,0,0.12); } .jss167 { box-shadow: 0px 11px 14px -7px rgba(0,0,0,0.2),0px 23px 36px 3px rgba(0,0,0,0.14),0px 9px 44px 8px rgba(0,0,0,0.12); } .jss168 { box-shadow: 0px 11px 15px -7px rgba(0,0,0,0.2),0px 24px 38px 3px rgba(0,0,0,0.14),0px 9px 46px 8px rgba(0,0,0,0.12); } .jss175 { color: inherit; cursor: pointer; margin: 0; border: 0; display: inline-flex; padding: 0; outline: none; position: relative; user-select: none; align-items: center; border-radius: 0; vertical-align: middle; justify-content: center; -moz-appearance: none; text-decoration: none; background-color: transparent; -webkit-appearance: none; -webkit-tap-highlight-color: transparent; } .jss175::-moz-focus-inner { border-style: none; } .jss175.jss176 { cursor: default; pointer-events: none; } .jss178 { flex: 0 0 auto; color: rgba(0, 0, 0, 0.54); padding: 12px; overflow: visible; font-size: 1.5rem; text-align: center; transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; border-radius: 50%; } .jss178:hover { background-color: rgba(0, 0, 0, 0.08); } .jss178.jss182 { color: rgba(0, 0, 0, 0.26); } @media (hover: none) { .jss178:hover { background-color: transparent; } } .jss178:hover.jss182 { background-color: transparent; } .jss179 { color: inherit; } .jss180 { color: #9c27b0; } .jss180:hover { background-color: rgba(156, 39, 176, 0.08); } @media (hover: none) { .jss180:hover { background-color: transparent; } } .jss181 { color: #f44336; } .jss181:hover { background-color: rgba(244, 67, 54, 0.08); } @media (hover: none) { .jss181:hover { background-color: transparent; } } .jss183 { width: 100%; display: flex; align-items: inherit; justify-content: inherit; } .jss184 { fill: currentColor; width: 1em; height: 1em; display: inline-block; font-size: 24px; transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; user-select: none; flex-shrink: 0; } .jss185 { color: #9c27b0; } .jss186 { color: #f44336; } .jss187 { color: rgba(0, 0, 0, 0.54); } .jss188 { color: #f44336; } .jss189 { color: rgba(0, 0, 0, 0.26); } .jss190 { font-size: inherit; } .jss191 { font-size: 20px; } .jss192 { font-size: 35px; } .jss193 { height: 0; overflow: hidden; transition: height 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; } .jss194 { height: auto; overflow: visible; } .jss195 { display: flex; } .jss196 { width: 100%; } html { box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } *, *::before, *::after { box-sizing: inherit; } body { margin: 0; background-color: #fafafa; } @media print { body { background-color: #fff; } } .jss138 { position: relative; transition: margin 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; } .jss138:before { top: -1px; left: 0; right: 0; height: 1px; content: ""; opacity: 1; position: absolute; transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; background-color: rgba(0, 0, 0, 0.12); } .jss138.jss140 + .jss138:before { display: none; } .jss138:first-child:before { display: none; } .jss139 { border-radius: 0; } .jss139:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; } .jss139:last-child { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } @supports (-ms-ime-align: auto) { .jss139:last-child { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } } .jss140 { margin: 16px 0; } .jss140:first-child { margin-top: 0; } .jss140:last-child { margin-bottom: 0; } .jss140:before { opacity: 0; } .jss141 { background-color: rgba(0, 0, 0, 0.12); } .jss197 { display: flex; padding: 8px 24px 24px; } .jss169 { display: flex; padding: 0 24px 0 24px; min-height: 48px; transition: min-height 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; } .jss169:hover:not(.jss172) { cursor: pointer; } .jss169.jss170 { min-height: 64px; } .jss169.jss171 { background-color: #e0e0e0; } .jss169.jss172 { opacity: 0.38; } .jss173 { margin: 12px 0; display: flex; flex-grow: 1; transition: margin 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; } .jss173 > :last-child { padding-right: 32px; } .jss173.jss170 { margin: 20px 0; } .jss174 { top: 50%; right: 8px; position: absolute; transform: translateY(-50%) rotate(0deg); transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; } .jss174:hover { background-color: transparent; } .jss174.jss170 { transform: translateY(-50%) rotate(180deg); } .jss41 { width: 100%; display: flex; flex-wrap: wrap; box-sizing: border-box; } .jss42 { margin: 0; box-sizing: border-box; } .jss43 { min-width: 0; } .jss44 { flex-direction: column; } .jss45 { flex-direction: column-reverse; } .jss46 { flex-direction: row-reverse; } .jss47 { flex-wrap: nowrap; } .jss48 { flex-wrap: wrap-reverse; } .jss49 { align-items: center; } .jss50 { align-items: flex-start; } .jss51 { align-items: flex-end; } .jss52 { align-items: baseline; } .jss53 { align-content: center; } .jss54 { align-content: flex-start; } .jss55 { align-content: flex-end; } .jss56 { align-content: space-between; } .jss57 { align-content: space-around; } .jss58 { justify-content: center; } .jss59 { justify-content: flex-end; } .jss60 { justify-content: space-between; } .jss61 { justify-content: space-around; } .jss62 { justify-content: space-evenly; } .jss63 { width: calc(100% + 8px); margin: -4px; } .jss63 > .jss42 { padding: 4px; } .jss64 { width: calc(100% + 16px); margin: -8px; } .jss64 > .jss42 { padding: 8px; } .jss65 { width: calc(100% + 24px); margin: -12px; } .jss65 > .jss42 { padding: 12px; } .jss66 { width: calc(100% + 32px); margin: -16px; } .jss66 > .jss42 { padding: 16px; } .jss67 { width: calc(100% + 40px); margin: -20px; } .jss67 > .jss42 { padding: 20px; } .jss68 { flex-grow: 0; max-width: none; flex-basis: auto; } .jss69 { flex-grow: 1; max-width: 100%; flex-basis: 0; } .jss70 { flex-grow: 0; max-width: 8.333333%; flex-basis: 8.333333%; } .jss71 { flex-grow: 0; max-width: 16.666667%; flex-basis: 16.666667%; } .jss72 { flex-grow: 0; max-width: 25%; flex-basis: 25%; } .jss73 { flex-grow: 0; max-width: 33.333333%; flex-basis: 33.333333%; } .jss74 { flex-grow: 0; max-width: 41.666667%; flex-basis: 41.666667%; } .jss75 { flex-grow: 0; max-width: 50%; flex-basis: 50%; } .jss76 { flex-grow: 0; max-width: 58.333333%; flex-basis: 58.333333%; } .jss77 { flex-grow: 0; max-width: 66.666667%; flex-basis: 66.666667%; } .jss78 { flex-grow: 0; max-width: 75%; flex-basis: 75%; } .jss79 { flex-grow: 0; max-width: 83.333333%; flex-basis: 83.333333%; } .jss80 { flex-grow: 0; max-width: 91.666667%; flex-basis: 91.666667%; } .jss81 { flex-grow: 0; max-width: 100%; flex-basis: 100%; } @media (min-width:600px) { .jss82 { flex-grow: 0; max-width: none; flex-basis: auto; } .jss83 { flex-grow: 1; max-width: 100%; flex-basis: 0; } .jss84 { flex-grow: 0; max-width: 8.333333%; flex-basis: 8.333333%; } .jss85 { flex-grow: 0; max-width: 16.666667%; flex-basis: 16.666667%; } .jss86 { flex-grow: 0; max-width: 25%; flex-basis: 25%; } .jss87 { flex-grow: 0; max-width: 33.333333%; flex-basis: 33.333333%; } .jss88 { flex-grow: 0; max-width: 41.666667%; flex-basis: 41.666667%; } .jss89 { flex-grow: 0; max-width: 50%; flex-basis: 50%; } .jss90 { flex-grow: 0; max-width: 58.333333%; flex-basis: 58.333333%; } .jss91 { flex-grow: 0; max-width: 66.666667%; flex-basis: 66.666667%; } .jss92 { flex-grow: 0; max-width: 75%; flex-basis: 75%; } .jss93 { flex-grow: 0; max-width: 83.333333%; flex-basis: 83.333333%; } .jss94 { flex-grow: 0; max-width: 91.666667%; flex-basis: 91.666667%; } .jss95 { flex-grow: 0; max-width: 100%; flex-basis: 100%; } } @media (min-width:960px) { .jss96 { flex-grow: 0; max-width: none; flex-basis: auto; } .jss97 { flex-grow: 1; max-width: 100%; flex-basis: 0; } .jss98 { flex-grow: 0; max-width: 8.333333%; flex-basis: 8.333333%; } .jss99 { flex-grow: 0; max-width: 16.666667%; flex-basis: 16.666667%; } .jss100 { flex-grow: 0; max-width: 25%; flex-basis: 25%; } .jss101 { flex-grow: 0; max-width: 33.333333%; flex-basis: 33.333333%; } .jss102 { flex-grow: 0; max-width: 41.666667%; flex-basis: 41.666667%; } .jss103 { flex-grow: 0; max-width: 50%; flex-basis: 50%; } .jss104 { flex-grow: 0; max-width: 58.333333%; flex-basis: 58.333333%; } .jss105 { flex-grow: 0; max-width: 66.666667%; flex-basis: 66.666667%; } .jss106 { flex-grow: 0; max-width: 75%; flex-basis: 75%; } .jss107 { flex-grow: 0; max-width: 83.333333%; flex-basis: 83.333333%; } .jss108 { flex-grow: 0; max-width: 91.666667%; flex-basis: 91.666667%; } .jss109 { flex-grow: 0; max-width: 100%; flex-basis: 100%; } } @media (min-width:1280px) { .jss110 { flex-grow: 0; max-width: none; flex-basis: auto; } .jss111 { flex-grow: 1; max-width: 100%; flex-basis: 0; } .jss112 { flex-grow: 0; max-width: 8.333333%; flex-basis: 8.333333%; } .jss113 { flex-grow: 0; max-width: 16.666667%; flex-basis: 16.666667%; } .jss114 { flex-grow: 0; max-width: 25%; flex-basis: 25%; } .jss115 { flex-grow: 0; max-width: 33.333333%; flex-basis: 33.333333%; } .jss116 { flex-grow: 0; max-width: 41.666667%; flex-basis: 41.666667%; } .jss117 { flex-grow: 0; max-width: 50%; flex-basis: 50%; } .jss118 { flex-grow: 0; max-width: 58.333333%; flex-basis: 58.333333%; } .jss119 { flex-grow: 0; max-width: 66.666667%; flex-basis: 66.666667%; } .jss120 { flex-grow: 0; max-width: 75%; flex-basis: 75%; } .jss121 { flex-grow: 0; max-width: 83.333333%; flex-basis: 83.333333%; } .jss122 { flex-grow: 0; max-width: 91.666667%; flex-basis: 91.666667%; } .jss123 { flex-grow: 0; max-width: 100%; flex-basis: 100%; } } @media (min-width:1920px) { .jss124 { flex-grow: 0; max-width: none; flex-basis: auto; } .jss125 { flex-grow: 1; max-width: 100%; flex-basis: 0; } .jss126 { flex-grow: 0; max-width: 8.333333%; flex-basis: 8.333333%; } .jss127 { flex-grow: 0; max-width: 16.666667%; flex-basis: 16.666667%; } .jss128 { flex-grow: 0; max-width: 25%; flex-basis: 25%; } .jss129 { flex-grow: 0; max-width: 33.333333%; flex-basis: 33.333333%; } .jss130 { flex-grow: 0; max-width: 41.666667%; flex-basis: 41.666667%; } .jss131 { flex-grow: 0; max-width: 50%; flex-basis: 50%; } .jss132 { flex-grow: 0; max-width: 58.333333%; flex-basis: 58.333333%; } .jss133 { flex-grow: 0; max-width: 66.666667%; flex-basis: 66.666667%; } .jss134 { flex-grow: 0; max-width: 75%; flex-basis: 75%; } .jss135 { flex-grow: 0; max-width: 83.333333%; flex-basis: 83.333333%; } .jss136 { flex-grow: 0; max-width: 91.666667%; flex-basis: 91.666667%; } .jss137 { flex-grow: 0; max-width: 100%; flex-basis: 100%; } } .jss21 { top: 0; left: 0; color: #fff; width: 100vw; z-index: 99998; position: fixed; background: rgba(0, 0, 0, .85); } .jss21.home { background: transparent; } .jss21.home.active { background: rgba(0, 0, 0, .85); } .jss22 { width: 1200px; margin: 0 auto; height: 64px; padding: 0 25px; display: flex; position: relative; max-width: 100vw; } @media (max-width:599.95px) { .jss22 { height: 48px; padding: 0; } } .jss23 { display: flex; align-items: center; } .jss24 { width: 31px; height: 33px; background: url(/static/images/join-logo@2x.png)no-repeat center; background-size: contain; } .jss25 { width: 116px; height: 32px; background: url(/static/images/logo.png)no-repeat center; background-size: contain; } .jss26 { width: 100%; display: flex; margin-left: 2.34rem; } @media (max-width:1279.95px) { .jss26 { margin-left: .8rem; } } @media (max-width:959.95px) { .jss26 { margin-left: .2rem; } } .jss27 { display: flex; align-items: center; } .jss28 { margin: 0 10px; display: flex; position: relative; flex-direction: column; } @media (max-width:959.95px) { .jss28 { margin: 0; } } .jss28 .subMenuWrap { height: 0; overflow: scroll; transition: all .25s cubic-bezier(0.4, 0, 0.2, 1) 0ms; padding-left: .25rem; } .jss28 .subMenuWrap.expanded { height: 120px; transition: all .5s cubic-bezier(0.4, 0, 0.2, 1) 0ms; } .jss28 .subMenuWrap .subNav { height: 35px; font-size: .2rem; line-height: 35px; } .jss29 { color: #fff; padding: 0 10px; font-size: 16px; transition: all .5s cubic-bezier(0.4, 0, 0.2, 1) 0ms; line-height: 64px; } .jss29 a { color: #fff; } @media (max-width:599.95px) { .jss29 { color: #6b747f; width: 100%; height: 45px; border: none; display: block; padding: 0 10px 0 40px; font-size: 18px; text-align: left; line-height: 45px; } } .jss29:hover { color: #187eff; transition: all .5s cubic-bezier(0.4, 0, 0.2, 1) 0ms; } .jss29.active { color: #187eff; transition: all .5s cubic-bezier(0.4, 0, 0.2, 1) 0ms; } @media (max-width:599.95px) { .jss29.active { color: #187eff; border: none; } } @media (max-width:599.95px) { .jss29:hover { border: none; } } .jss30 { padding: 1rem 0 .5rem; align-items: center; background-color: rgba(0, 0, 0, .85); } .jss30 .subNav { display: flex; margin-bottom: .3rem; flex-direction: column; } .jss30 .subNav .subLogo { width: 1.5rem; margin-right: .2rem; } .jss30 .subNav .main { display: flex; align-items: center; } .jss30 .subNav .desc { width: 5rem; margin: 0 auto .2rem; line-height: .35rem; } .jss30 .subNav .main .title { font-size: .24rem; line-height: .35rem; } .jss31 { top: 64px; left: 0; width: 260px; height: 0; display: flex; overflow: hidden; position: absolute; max-height: 100px; transition: all 2s cubic-bezier(0.4, 0, 0.2, 1) 0ms; box-shadow: 0 0 3px 0 rgba(0,0,0,.1); border-left: 3px solid #3081f2; flex-direction: column; background-color: rgba(0, 0, 0, .85); } .jss31 a { color: #fff; border-bottom: 1px solid #dcdcdc; } .jss31.expanded { height: auto; transition: all 2s cubic-bezier(0.4, 0, 0.2, 1) 0ms; max-height: 100vh; } .jss31 a:last-child { border-bottom: none; } .jss32 { top: 50%; right: 24px; border: solid 1px rgba(199, 210, 220, 0.5); z-index: 2; overflow: hidden; position: absolute; font-size: 12px; min-width: 118px; transition: all .25s cubic-bezier(0.4, 0, 0.2, 1) 0ms; margin-top: -17px; border-radius: 2px; background-color: rgba(246, 248, 250, 1); } .jss32.h5 { right: 10px; border: none; min-width: 90px; transition: all .25s cubic-bezier(0.4, 0, 0.2, 1) 0ms; background-color: #fff; } .jss32 i { transform: rotate(0); transition: all .25s cubic-bezier(0.4, 0, 0.2, 1) 0ms; } .jss32.active i { transform: rotate(180deg); transition: all .5s cubic-bezier(0.4, 0, 0.2, 1) 0ms; } .jss32.h5 i { transition: all .5s cubic-bezier(0.4, 0, 0.2, 1) 0ms; } .jss33 { width: 100%; height: 34px; display: flex; padding: 0 12px; font-size: 12px; align-items: center; } .jss33 i { font-size: 20px; margin-left: auto; } .jss34 { top: 34px; left: 0; padding: 0; overflow: hidden; max-height: 0; transition: all .25s cubic-bezier(0.4, 0, 0.2, 1) 0ms; } .jss34 a { color: #394551; width: 100%; height: 34px; cursor: pointer; display: block; padding: 0 10px; transition: all .5s cubic-bezier(0.4, 0, 0.2, 1) 0ms; line-height: 34px; } .jss34.active { max-height: 500px; transition: all .5s cubic-bezier(0.4, 0, 0.2, 1) 0ms; } .jss34 a:hover { color: #3081f2; transition: all .5s cubic-bezier(0.4, 0, 0.2, 1) 0ms; background-color: rgba(246, 248, 250, 1); } .jss35 { top: 48px; left: 0; width: 100vw; height: calc(100vh - 48px); display: none; opacity: 0; position: fixed; overflow: hidden; transition: all .25s cubic-bezier(0.4, 0, 0.2, 1) 0ms; background-color: rgba(0,0,0,0); } .jss35.open { opacity: 1; display: block; transition: all .5s cubic-bezier(0.4, 0, 0.2, 1) 0ms; background-color: rgba(0,0,0,.5); } .jss36 { top: 0; left: .2rem; width: 1.2rem; height: 48px; position: absolute; background: url(/static/images/logo.png)no-repeat center; background-size: contain; } .jss36.close { width: .28rem; } .jss36.gray { background: url(/static/images/logo_gray.png)no-repeat center; background-size: contain; } .jss37 { padding: 0 18px; display: flex; align-items: center; margin-left: auto; } .jss38 { font-size: 24px; } .jss39 { top: 48px; left: 0; width: 100vw; position: fixed; overflow: hidden; text-align: center; max-height: 0; transition: all .25s cubic-bezier(0.4, 0, 0.2, 1) 0ms; background-color: #fff; } .jss39.open { height: 100vh; transition: all .5s cubic-bezier(0.4, 0, 0.2, 1) 0ms; max-height: 100vh; } .jss40 { z-index: 99999; } .jss40 .menu { width: 85%; padding-top: 48px; } .jss198 { width: 100vw; height: 64px; } .jss199 { width: 100vw; color: #a8b4bf; font-size: 14px; text-align: center; font-family: CircularStd-Book; line-height: 64px; } .jss200 { width: 100%; height: auto; background: #040346; } .jss201 { width: 100%; height: auto; margin: 0px auto; display: flex; max-width: 12rem; padding-top: 0.4rem; border-bottom: 1px dashed #3a3a3a; flex-direction: row; justify-content: center; } .jss202 { width: calc(100% - 240px); color: #fff; margin: 0px 120px; height: 369px; display: flex; font-size: 18px; text-align: left; padding-top: 70px; border-bottom: 1px solid #353478;; flex-direction: row; justify-content: space-between; } @media (max-width:959.95px) { .jss202 { width: 100%; margin: 0; height: auto; padding: 0 25px; padding-top: 30px; flex-direction: column; } } .jss203 { width: 116px; height: 32px; background: url(/static/images/logo.png)no-repeat center; background-size: contain; } @media (max-width:959.95px) { .jss203 { display: none; margin-bottom: 20px; } } @media (max-width:959.95px) { .jss204 { display: flex; flex-direction: column; } } .jss205 { margin: 0 25px; display: inline-block; vertical-align: top; } @media (max-width:959.95px) { .jss205 { margin: 0 0 20px; border-bottom: 1px solid #353478; } } .jss206 .qrCodeWrap { display: flex; margin-top: 24px; } @media (max-width:959.95px) { .jss206 { margin-bottom: 20px; } } @media (max-width:959.95px) { .jss206 .qrCodeWrap { margin-top: 10px; justify-content: center; } } .jss206 .qrCodeWrap .text { color: #8584b2; font-size: 14px; text-align: center; margin-top: 11px; } .jss207 { color: #8584b2; font-size: 14px; margin-top: 17px; padding-left: 0px; } .jss207 li { margin: 7px 0; } @media (max-width:959.95px) { .jss207 { display: flex; flex-wrap: wrap; padding-bottom: 20px; } .jss207 li { width: 50%; line-height: 15px; } } .jss207 li.w100 { width: 100%; } .jss208:hover { opacity: 0.8; } .jss209 { width: 80px; height: 80px; } .jss210 { color: #8584b2; font-size: 14px; } .jss211 { color: #8584b2; font-size: 14px; margin-top: 20px; text-align: center; } .jss211 .copyright { line-height: 28px; } .jss211 .police { display: flex; align-items: center; justify-content: center; } @media (max-width:959.95px) { .jss211 { margin: 0; padding: 20px 0; } } .jss212 { width: 1.2rem; height: auto; } .jss213 { color: #d3d3d3; font-size: 0.14rem; text-align: center; line-height: 0.14rem; padding-bottom: 0.18rem; } .jss214 { color: #8a8a8a; font-size: 0.12rem; text-align: center; line-height: 120%; padding-bottom: 0.1rem; } .jss215 { color: #8a8a8a; outline: none; display: block; text-decoration: none; } .jss216 { width: 1.5rem; color: #8a8a8a; height: 0.76rem; font-size: 0.12rem; background: url(/static/images/footer/erweima.png) no-repeat top right; text-align: right; box-sizing: content-box; padding-right: 0.86rem; background-size: 0.76rem 0.76rem; } .jss217 { width: 12rem; color: #7f7f7f; height: 1.46rem; margin: 0px auto; font-size: 0.12rem; text-align: center; box-sizing: content-box; line-height: 0.22rem; padding-top: 0.15rem; padding-bottom: 0.4rem; } .jss218 { color: #7f7f7f; padding: 0.3rem; font-size: 0.14rem; text-align: center; line-height: 0.2rem; } .jss219 { height: 0.2rem; font-size: 0.14rem; text-align: center; font-family: 黑体; margin-bottom: 0.1rem; } .jss220 { display: flex; flex-wrap: wrap; margin-bottom: 0.05rem; justify-content: center; } .jss221 { display: flex; flex-wrap: wrap; margin-bottom: 0.05rem; justify-content: center; } .jss222 { width: 0.51rem; height: 0.26rem; } .jss223 { margin: 0 15px; } .jss224 { width: 80%; height: 80%; } .jss20 { width: 100vw; color: #0b1013; height: 100vh; overflow: hidden; font-size: .14rem; background: #fff; font-style: normal; margin-top: 64px; font-weight: normal; font-stretch: normal; letter-spacing: normal; } .jss20.loaded { height: auto; } @media (max-width:599.95px) { .jss20 { margin-top: 48px; } } .jss20.home { margin-top: 0; } .jss1 { width: 1200px; color: #0b1013; max-width: 100vw; margin-left: auto; margin-right: auto; } @media (max-width:1279.95px) { .jss1 { width: 87.5%; padding: 0; } } .jss2 { width: 100vw; height: 1.8rem; background: url(/static/images/about/abouus_bg.png) no-repeat center; padding-bottom: .36rem; background-size: cover; } .jss3 { width: 100%; height: auto; background: #fff; padding-top: .2rem; } .jss4 { color: #666; padding: .4rem 0 0 0; max-width: 1200px; text-align: left; line-height: .28rem; text-indent: .32rem; } .jss5 { width: 100%; margin: 0px auto; position: relative; max-width: 1200px; min-height: 632px; margin-top: .6rem; padding-top: .1rem; margin-bottom: .5rem; } .jss5 li { color: #666; display: flex; list-style: none; line-height: .44rem; align-items: center; } .jss5 li b { padding: 0 .05rem; } .jss5 li span { padding-right: .05rem; } .jss6 { height: auto; margin: .3rem 0 .5rem .6rem; padding-top: 0; border-left: 2px solid #28a1fd; flex-direction: column; justify-content: center; } @media (max-width:1279.95px) { .jss6 { width: 87.5%; padding: 0; } } .jss6 li { width: auto; position: relative; list-style: none; text-align: left; padding-left: 20px; } .jss6 li .step { margin-top: .1rem; } .jss6 li p .circle { top: 40px; left: -7px; width: 12px; height: 12px; border: 2px solid #28a1fd; display: inline-block; position: absolute; border-radius: 100px; background-color: #ffffff; } .jss6 li .stepTop { font-size: .18rem; padding-top: .48rem; font-weight: bold; } .jss6 li .stepTopTop { font-size: .18rem; padding-top: .48rem; font-weight: bold; } .jss6 li:first-child p:first-child { padding-top: 20px; } .jss6 li:first-child .circle:first-child { top: 20px; } .jss7 { left: 50%; height: 100%; position: absolute; border-left: 2px solid #28a1fd; } .jss8 { width: 50%; clear: both; text-align: right; justify-content: flex-end; } .jss8 .img { width: 54px; height: 14px; display: inline-block; background: url(/static/images/about/aboutline_pc2.png) no-repeat center; } .jss9 { width: 50%; clear: both; float: right; text-align: left; } .jss9 .img { width: 54px; height: 14px; display: inline-block; transform: scaleX(-1); background: url(/static/images/about/aboutline_pc2.png) no-repeat center; } .jss10 { width: 100%; height: auto; background: #fbfbfb; padding-bottom: .5rem; } .jss11 { width: 100%; height: auto; margin: 0px auto; max-width: 1200px; } .jss12 { color: #2e2e2e; padding: .6rem 0 .18rem 0; font-size: .26rem; text-align: center; } .jss13 { color: #666; margin: 0 auto; text-align: center; line-height: .24rem; } @media (max-width:1279.95px) { .jss13 { width: 87.5%; padding: 0; } } .jss14 { color: #666; height: auto; position: relative; font-size: .18rem; text-align: center; margin-top: .5rem; } .jss14 span { font-size: .14rem; } .jss15 { color: #28a1fd; margin: 0px auto; border: none; cursor: pointer; display: block; font-size: .26rem; background: none; } .jss16 { top: 60px; left: 50%; color: #fff; width: 100px; height: 40px; margin: 0px auto; display: block; z-index: 3; position: absolute; text-align: center; background: rgba(0,0,0,0.5); line-height: 40px; margin-left: -50px; border-radius: 5px 5px; } .jss17 { width: 100%; height: auto; margin: .5rem auto 0; display: flex; padding: 0 .2rem; max-width: 1200px; } .jss18 { box-shadow: 0px 1px 3px 0px rgb(40, 161, 253), 0px 1px 1px 0px rgb(40, 161, 253), 0px 2px 1px -1px rgb(40, 161, 253); } .jss19 { height: auto; } .jss19 .expansionPanelSummary { color: rgb(255, 255, 255); background-color: rgb(40, 161, 253); } .jss19 .workname { width: 100%; color: #2e2e2e; cursor: pointer; display: flex; font-size: .16rem; background: #fff; text-align: left; } .jss19 .workarticle { padding: .2rem 0; background: #fff; } .jss19 .workaddress { color: #2e2e2e; height: 38px; text-align: left; line-height: 38px; } .jss19 .workbutton { width: 96px; color: #fff; float: right; height: 38px; display: block; background: #feae24; text-align: center; } .jss19 .workDuty { color: #2e2e2e; height: .38rem; margin-top: 10px; line-height: .38rem; } .jss19 .worktext { color: #666; font-size: .12rem; text-align: left; line-height: .24rem; } .jss19 .workbutton:hover { background: rgba(254,174,36,0.85); } .jss19 .workaddress span { color: #666; margin-left: 5px; } .jss19 .workname.expanded { color: rgb(255, 255, 255); background-color: rgb(40, 161, 253); } .jss19 .workname span { color: #28a1fd; font-size: .14rem; } .jss19 .workname .right { margin-left: auto; }

热云数据成立于2013年11月,是一家专注于移动端数据监测和分析的第三方平台。公司总部位于北京,并于上海、广州、厦门、杭州、成都等地设立分公司和办事处。旗下产品覆盖移动广告效果监测、用户行为分析、广告素材洞察、广告防作弊等领域,为行业客户提供流畅、安全、高效、便捷的数据分析及决策服务,让数据创造出更高的价值。

热云数据在大数据系统采集技术、数据挖掘算法、用户行为分析建模及数据应用领域拥有非常丰富的行业经验。凭借强健、稳定、可靠和安全的系统和及时的服务,赢得了众多行业客户的信赖。截止目前,热云数据已为移动游戏、社交、金融、电商、教育、直播、生活服务、手机工具等领域的一万多家客户提供数据监测及分析服务,其中移动游戏企业的覆盖率超过85%,移动终端设备覆盖超过18亿台。

成立以来,热云数据陆续荣获36氪WISE2018新经济之王“企业服务最具创新力奖”、金陀螺奖最佳游戏服务商、创业邦100未来领袖峰会2018中国企业服务创新成长50强 、猎云网创投颁奖盛典最佳企业服务商、第七届中国财经峰会行业影响力品牌等奖项,还多次被《互联网周刊》和创业邦等媒体评选为大数据独角兽企业。

加入我们

福利:六险一金,带薪年假,带薪病假,餐补,加班打车实报实销,全勤奖,季度奖金,年度奖金,公司级团建/部门团建,丰富的体育活动,
生日会,家庭日,各年节礼物(婚育津贴),每季度文化践行奖金,总裁特别奖,期权,职业晋升,教育培训等。

简历投递通道(点击邮箱可复制)