@-webkit-keyframes spinAround-data-v-73a9f04e{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes spinAround-data-v-73a9f04e{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.button[data-v-73a9f04e]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 auto;color:#fff;background-color:var(--primary-color);width:272px;height:66px;font-size:18px;padding:21px 0;border-radius:4px}.button[data-v-73a9f04e]:hover{background-color:var(--primary-hover-color)}@media screen and (max-width:768px){.button[data-v-73a9f04e]{width:200px;height:55px;font-size:16px;border-radius:4px}}.button.light[data-v-73a9f04e]{background-color:#fff;color:var(--primary-color)}@-webkit-keyframes spinAround-data-v-52dce3de{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes spinAround-data-v-52dce3de{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}a[data-v-52dce3de]:hover{color:var(--primary-color)}.btn-wrapper[data-v-52dce3de]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:20px}.btn-wrapper span[data-v-52dce3de]{width:220px;height:50px}.btn-wrapper span .btn[data-v-52dce3de],.btn-wrapper span .btn[data-v-52dce3de]:hover{color:#fff}.title[data-v-52dce3de]{text-align:center;padding:75px 0 60px}@media screen and (max-width:768px){.title[data-v-52dce3de]{padding:75px 0 40px}}.title.down-title[data-v-52dce3de]{padding-bottom:0}.title h1[data-v-52dce3de]{font-size:40px;font-weight:700;letter-spacing:5px}@media screen and (max-width:768px){.title h1[data-v-52dce3de]{font-size:25px;letter-spacing:2px}}.title .subtitle[data-v-52dce3de]{font-size:14px;color:#888;letter-spacing:12px}@media screen and (max-width:768px){.title .subtitle[data-v-52dce3de]{letter-spacing:2px}}.title .line[data-v-52dce3de]{border-top:1px solid #e0e0e0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:30px}.title .line.down-line[data-v-52dce3de]{margin:30px 0}.title .line .triangle[data-v-52dce3de]{border-bottom:1px solid #e0e0e0;border-left:1px solid #e0e0e0;width:28px;height:28px;background-color:#f5f5f5;-webkit-transform:translateY(-14px) rotate(-45deg);transform:translateY(-14px) rotate(-45deg)}.title .line .triangle.triangle-down[data-v-52dce3de]{background-color:#fff}.tab[data-v-52dce3de]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-left:4px}.tab .wrapper[data-v-52dce3de]{margin:0 auto;display:inline-block}.tab .wrapper .word[data-v-52dce3de]{padding:0 4px;cursor:pointer;-webkit-transition:all .3s linear;transition:all .3s linear}.tab .wrapper .word.active[data-v-52dce3de]{color:var(--primary-color)}.tab .wrapper .word[data-v-52dce3de]:hover{color:rgba(var(--primary-rgb-color),.7)}.tab .wrapper .middle-line[data-v-52dce3de]{display:inline-block;width:1px;height:12px;background-color:#000}.up[data-v-52dce3de]{background:url(https://static.geekbang.org/infoq/5a7fcb58cbf38.png?imageView2%2F0%2F=) no-repeat top;background-size:cover;height:965px}@media screen and (max-width:768px){.up[data-v-52dce3de]{height:auto;padding-bottom:50px}}.up .content[data-v-52dce3de]{-webkit-box-shadow:0 4px 20px 0 rgba(7,17,27,.1);box-shadow:0 4px 20px 0 rgba(7,17,27,.1);margin-top:-15px}@media screen and (max-width:768px){.up .content[data-v-52dce3de]{-webkit-box-shadow:none;box-shadow:none}}.up .content .wrapper[data-v-52dce3de]{background:url(https://static.geekbang.org/infoq/5a7fdc764b28e.png?imageView2%2F0%2F=);background-size:cover;height:621px;width:100%;margin:0 auto;padding:50px 70px;font-size:14px}@media screen and (max-width:768px){.up .content .wrapper[data-v-52dce3de]{background:none;padding:1rem;padding-top:0;height:auto}}.up .content .wrapper span[data-v-52dce3de]{display:block}.up .content .wrapper .font-weight[data-v-52dce3de]{font-weight:700;font-size:16px}.down[data-v-52dce3de]{background-size:contain;height:1474px}@media screen and (max-width:768px){.down[data-v-52dce3de]{height:auto;padding-bottom:50px}}.down .content[data-v-52dce3de]{background:url(https://static.geekbang.org/infoq/5a8009786feee.png?imageView2%2F0%2F=) no-repeat top;background-size:contain;height:1220px}@media screen and (max-width:768px){.down .content[data-v-52dce3de]{background:none;height:auto}}.down .content .wrapper[data-v-52dce3de]{width:800px;margin:0 auto;padding-top:100px;font-size:14px}@media screen and (max-width:768px){.down .content .wrapper[data-v-52dce3de]{width:auto;padding:1rem;padding-top:50px}}.down .content .wrapper span[data-v-52dce3de]{display:block}@media screen and (max-width:1326px){.down .content[data-v-52dce3de]{background-size:cover}}