* {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

ul {
    list-style: none
}

a {
    text-decoration: none
}

.tornado-container {
    background: #0a022b;
    -webkit-tap-highlight-color: transparent
}

.tornado-button {
    display: inline-block;
    width: 180px;
    height: 44px;
    line-height: 44px;
    background-image: linear-gradient(141deg,#0fa5ff,#2660fe);
    text-align: center;
    font-size: 16px;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

.tornado-icon {
    display: inline-block;
    vertical-align: top;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    margin-right: 4px
}

.tornado-icon.windows {
    width: 14px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTS4wMSAzLjI1N3YzLjlsNC4yNzItLjE2VjIuMzdMLjAxIDMuMjU3em02LjA3MS0xLjM4NHY1LjAzNWw3LjUzOS0uMjc4Vi4zMDhMNi4wOCAxLjg3M3ptLTYuMDcgNi45N3YzLjlsNC4yNzEuODg3VjkuMDAzTC4wMSA4Ljg0M3ptNi4wNy4yNDl2NS4wMzVsNy41MzkgMS41NjVWOS4zN0w2LjA4IDkuMDkyeiIgZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9zdmc+)
}

.tornado-icon.mac {
    width: 15px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEzLjE0MiAxMS43NzVjLjQ5Mi42OTYgMS4wNTYgMS4xNDYgMS42OTIgMS4zNS0uMjc2Ljg1Mi0uNzE0IDEuNzQtMS4zMTQgMi42NjQtLjkyNCAxLjM5Mi0xLjgzNiAyLjA4OC0yLjczNiAyLjA4OC0uMzM2IDAtLjgzNC0uMTE0LTEuNDk0LS4zNDItLjYxMi0uMjI4LTEuMTQ2LS4zNDItMS42MDItLjM0Mi0uNDU2IDAtLjk2LjEyLTEuNTEyLjM2LS41NzYuMjI4LTEuMDUuMzQyLTEuNDIyLjM0Mi0xLjA4IDAtMi4xNDItLjkxOC0zLjE4Ni0yLjc1NEMuNTI0IDEzLjMyOS4wMDIgMTEuNTQ3LjAwMiA5Ljc5NWMwLTEuNjIuMzk2LTIuOTQ2IDEuMTg4LTMuOTc4LjgxNi0xLjAzMiAxLjgyNC0xLjU0OCAzLjAyNC0xLjU0OC4yNjQgMCAuNTU4LjAzMy44ODIuMDk5LjMyNC4wNjYuNjYuMTg5IDEuMDA4LjM2OS4zNzIuMjA0LjY3OC4zNDUuOTE4LjQyMy4yNC4wNzguNDI2LjExNy41NTguMTE3LjE1NiAwIC4zOTYtLjAzNi43Mi0uMTA4LjMyNC0uMDcyLjY0OC0uMjA0Ljk3Mi0uMzk2LjM0OC0uMTkyLjY0OC0uMzM2LjktLjQzMi4yNTItLjA5Ni41MS0uMTQ0Ljc3NC0uMTQ0Ljg0IDAgMS41OTYuMjI4IDIuMjY4LjY4NC4zNi4yNC43MjYuNTk0IDEuMDk4IDEuMDYyLS41NTIuNDgtLjk1NC45LTEuMjA2IDEuMjZhMy43NjQgMy43NjQgMCAwMC0uNzAyIDIuMTk2YzAgLjg3Ni4yNDYgMS42NjguNzM4IDIuMzc2ek05LjUyNCAzLjM2OWMtLjQyLjM5Ni0uODA0LjY1NC0xLjE1Mi43NzQtLjEyLjAzNi0uMjczLjA2OS0uNDYuMDk5LS4xODUuMDMtLjM5OC4wNTctLjYzOC4wOC4wMTItMS4wNTUuMjg4LTEuOTY3LjgyOC0yLjczNUM4LjY0Mi44MTkgOS41My4yOSAxMC43NjYuMDAzYy4wMjQuMTIuMDQyLjIwNC4wNTQuMjUydi4xOThjMCAuNDMyLS4xMDIuOTE4LS4zMDYgMS40NThhNC40MzIgNC40MzIgMCAwMS0uOTkgMS40NTh6IiBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4=)
}

.tornado-icon.android {
    width: 15px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGZpbHRlciBpZD0iYSI+PGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUdyYXBoaWMiIHZhbHVlcz0iMCAwIDAgMCAxLjAwMDAwMCAwIDAgMCAwIDEuMDAwMDAwIDAgMCAwIDAgMS4wMDAwMDAgMCAwIDAgMS4wMDAwMDAgMCIvPjwvZmlsdGVyPjwvZGVmcz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMiAtLjUpIiBmaWx0ZXI9InVybCgjYSkiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHBhdGggZD0iTTAgMGgxOXYxOUgweiIvPjxwYXRoIGQ9Ik0xMS42NTUgNC4yMDR2LS43MjJoLS43MTl2LjcyMmguNzE5em0tMy41OTEgMHYtLjcyMmgtLjcxOXYuNzIyaC43MTl6bTMuOTEyLTEuOTYzYzEuMjIyLjg5NyAxLjgzMyAyLjExMyAxLjgzMyAzLjY0OEg0Ljk1MWMwLTEuNTU4LjYtMi43NzQgMS44LTMuNjQ4bC0uOTctLjk5MmMtLjE4NC0uMTg5LS4xODQtLjM2NiAwLS41MzEuMTg1LS4xNjYuMzU4LS4xNjYuNTIgMEw3LjQwOCAxLjg1YTQuMDIgNC4wMiAwIDAxMS45NzItLjQ5NmMuNjkyIDAgMS4zMzguMTY2IDEuOTM4LjQ5NkwxMi40MjUuNzE4Yy4xODUtLjE2Ni4zNTgtLjE2Ni41MiAwIC4xNi4xNjUuMTYuMzQyIDAgLjUzbC0uOTcuOTkzem0zLjg2OSA0LjM3Yy4yOTEgMCAuNTQ0LjExMS43NTcuMzMzLjIxNC4yMjIuMzIuNDg1LjMyLjc4OXY1LjIyYzAgLjMyNi0uMTA3LjU5NS0uMzIuODA1LS4yMTMuMjEtLjQ2NS4zMTUtLjc1Ny4zMTUtLjI5MyAwLS41NDUtLjEwNS0uNzU4LS4zMTVhMS4wODMgMS4wODMgMCAwMS0uMzItLjgwNnYtNS4yMmMwLS4zMDMuMTA3LS41NjYuMzItLjc4OC4yMTMtLjIyMi40NjUtLjMzMy43NTgtLjMzM3ptLTEyLjY5IDBjLjI5MiAwIC41NDUuMTExLjc1OC4zMzMuMjE0LjIyMi4zMi40ODUuMzIuNzg5djUuMjJjMCAuMzI2LS4xMDcuNTk1LS4zMi44MDUtLjIxMy4yMS0uNDY1LjMxNS0uNzU4LjMxNS0uMjkyIDAtLjU0NC0uMTA1LS43NTctLjMxNWExLjA4MyAxLjA4MyAwIDAxLS4zMi0uODA2di01LjIyYzAtLjMwMy4xMDctLjU2Ni4zMi0uNzg4LjIxMy0uMjIyLjQ2NS0uMzMzLjc1Ny0uMzMzem0xLjc5NiA3LjM2OFY2LjYxaDguODU4djcuMzY4YS43MDQuNzA0IDAgMDEtLjcyNi43MjZoLS43NjF2Mi41OTRjMCAuMzIzLS4xMS41ODgtLjMyOC43OTZhMS4wOTQgMS4wOTQgMCAwMS0uNzguMzExYy0uMyAwLS41Ni0uMTA0LS43NzgtLjMxMWExLjA0OCAxLjA0OCAwIDAxLS4zMjktLjc5NnYtMi41OTRIOC42NTR2Mi41OTRjMCAuMzIzLS4xMS41ODgtLjMyOS43OTZhMS4wOTQgMS4wOTQgMCAwMS0uNzc4LjMxMWMtLjMgMC0uNTYtLjEwNC0uNzgtLjMxMWExLjA0OCAxLjA0OCAwIDAxLS4zMjgtLjc5NnYtMi41OTRoLS43NmEuNzA0LjcwNCAwIDAxLS41Mi0uMjA3LjcwNC43MDQgMCAwMS0uMjA3LS41MnoiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0ibm9uemVybyIvPjwvZz48L3N2Zz4=)
}

.mac-text,.windows-text {
    display: inline-block;
    vertical-align: top
}

.tornado-checkbox {
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
    width: 16px;
    height: 16px;
    cursor: pointer;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEzLjgxOC41Yy40NjUgMCAuODg1LjE4OCAxLjE5LjQ5My4zMDQuMzA0LjQ5Mi43MjQuNDkyIDEuMTg5aDB2MTEuNjM2YzAgLjQ2NS0uMTg4Ljg4NS0uNDkzIDEuMTlhMS42NzcgMS42NzcgMCAwMS0xLjE4OS40OTJoMEgyLjE4MmMtLjQ2NSAwLS44ODUtLjE4OC0xLjE5LS40OTNBMS42NzcgMS42NzcgMCAwMS41IDEzLjgxOGgwVjIuMTgyYzAtLjQ2NS4xODgtLjg4NS40OTMtMS4xOUExLjY3NyAxLjY3NyAwIDAxMi4xODIuNWgweiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMyMzQ5REUiIGZpbGw9Im5vbmUiIG9wYWNpdHk9Ii44Ii8+PC9zdmc+);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.tornado-checkbox:hover {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEzLjgxOC41Yy40NjUgMCAuODg1LjE4OCAxLjE5LjQ5My4zMDQuMzA0LjQ5Mi43MjQuNDkyIDEuMTg5aDB2MTEuNjM2YzAgLjQ2NS0uMTg4Ljg4NS0uNDkzIDEuMTlhMS42NzcgMS42NzcgMCAwMS0xLjE4OS40OTJoMEgyLjE4MmMtLjQ2NSAwLS44ODUtLjE4OC0xLjE5LS40OTNBMS42NzcgMS42NzcgMCAwMS41IDEzLjgxOGgwVjIuMTgyYzAtLjQ2NS4xODgtLjg4NS40OTMtMS4xOUExLjY3NyAxLjY3NyAwIDAxMi4xODIuNWgweiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMyMzQ5REUiIGZpbGw9Im5vbmUiLz48L3N2Zz4=)
}

.tornado-checkbox.pressed {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTcuMjk5IDkuNThMNS42MTcgNy44ODZhLjg3Ljg3IDAgMTAtMS4yMzQgMS4yMjZsMi4zMTUgMi4zM2EuODY3Ljg2NyAwIDAwMS4yNi0uMDJsNC4zNDUtNC42NjRhLjg3Ljg3IDAgMTAtMS4yNzMtMS4xODVMNy4zIDkuNTc5ek0yLjE4Mi41aDExLjYzNkMxNS4wMjMuNSAxNiAxLjQ3NyAxNiAyLjY4MnYxMS42MzZhMi4xODIgMi4xODIgMCAwMS0yLjE4MiAyLjE4MkgyLjE4MkEyLjE4MiAyLjE4MiAwIDAxMCAxNC4zMThWMi42ODJDMCAxLjQ3Ny45NzcuNSAyLjE4Mi41eiIgZmlsbD0iIzI1NTVGRiIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9zdmc+)
}

.header-wrapper {
    position: fixed;
    z-index: 20;
    left: 0;
    top: 0;
    right: 0;
    height: 60px;
    line-height: 60px;
    color: #fff;
    text-align: center
}

.header-wrapper.scroll,.header-wrapper:hover {
    background: #030319
}

.header-wrapper a {
    text-decoration: none;
    color: #fff;
    font-size: 14px
}

.header-wrapper .tornado-nav {
    padding-right: 100px
}

.header-wrapper .tornado-logo-box {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-right: 80px
}

.header-wrapper .tornado-logo {
    width: 156px;
    height: 33px;
    background-image: url(./2396/logo.9b9cf606.png);
    margin-left: 12px
}

.header-wrapper .tornado-font,.header-wrapper .tornado-logo {
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    vertical-align: middle
}

.header-wrapper .tornado-font {
    width: 80px;
    height: 23px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE8AAAATCAYAAADReFAKAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAT6ADAAQAAAABAAAAEwAAAAD/YMR+AAAFCklEQVRYCb2Ye4hVVRTGvWpalK9eIomhU2RklKZmRQkFJYQPRDO1lF4oQQj2R4ERkiRkTxAhTKgUNRVRkcRH2giKVkKTZcSYOupY4ji+qRkcvf2+e/e67HPmnHvPmTm24Lt7rbXXWnuftdfZe5+b6/A/Uj6fzzHcSDdkUy6X25t0eOc7w9lfxHe5+dJ3D/z9Tt5F30nrC7fYdkQntIsYo6UzwU4TpXO7IhWdBxPwiFhivk7TvagO/GrS7zvNWewWBHqDwqfEa8ZmCOopQImf7UwuoB8MfxVsBQvBQCBaQt/5Ihv4/YZ4+9CsAhMCPW0QGOMuPehlkAVV2RwIdjyDgD0UjzhTM4ilENNdvDUZxatSxa0AcWX8IH2DNKijatp6E0LtpZAsUba/ReiTqFqc0S+0vwK9lk3gc2DUB+ZZIL2qqhaoGqPod6dcTPtdhMGr6IY6/Ue0f0bY+KoGX2jFs0LLQ6tUqq5Wxp4CH6u8L+C7gJ9BPVgK+sZgOvoah3G0nSwk/EogOgN8/97IT4PtQL57wFwPtfAadxtQIcQS/TYGbP6xWEOvQ3teb+SvPZ3PPuwJefhF2HuqEruA/WRHSQoy2xFt4i/CC5VoHQY9QXjv6oXuuOesqt4MnvR0Izze2DtgHgA1psii1Wt7PXgmQTBt2HF2yxL4Z2FyhSBnwY3gBhfwe9qXwc3gIlgEjPQq3gp0quu1TkwUifLygnM4RHFonAApeT41I6z0FWV4rXa/Mv3WNRVGe8zdYDcYC6JoMkqdmqKhTDZcddIfRH8vDzYP/h0pkDchn4JV8rTfNQKjFsfUYHfAlEla7JuI+wG2irsfqHIDFE6e7k8vBSxiBAKvo6ti8oh3DFstiug+sLbAtf7p31qVWtMDjw9Te8U7/EjXKDCIZ+jJs5zzTcPJ8/uuBa99bGSFwH/Rn6pKvHgX4D/xZN03b/fktOwPOCh5uo08CjaBEoWT15UMTyj1lme0CSclXQ+SPIRevw16ZZIGjrDTvpgVKXlGj8OUTV43DNaYdRYtizGfOM+liDULnwYS+EgKHzPVV432w6xIr63RJOalLecSqNMChyvPDLNsbyNYVcqAOk3bQv/gtNpznARvp7KnTsaSoEYSdhBrHXbak39ynsNo94WTp6M+0YGB3VtAQSrRXAzWh4wOI58BQ4BOWD+5elW0VyUiHm48hlogkV7ZEwWu+KPTVzQcu74ko74opvpdhvV7UR7h5DUzQNxpGPBnMroDJUneSewGAE1AB4ZIp5YutxNBJyBSMt8GS5hD5E1cRhE0Gt0tTq9tZ06EjRZJe3RbkvcxfkeBnsFIh1q7/k3pYpHKtSRC1bCQZK+i1TViGlASnwdGulu+gW2jKVK0uvwqaeOAFuIy2OBkFYf2KC2UFic1MSdtBUujHMOV142H/CrKMKTrivyEp9MEC4S/TmurhOu8eDehj6vUp+hbjK22DdEVJv2KGHRjaHRdEOWQh9Pal04Ovg40AKvganwnYrcTneaouf4N7K4JmxExyJ2gPaSbuFa+QPD+Xz5jYwIfRT8P/BHTr+qxeDp9japh3jSBdjP40pPFviZH2tkhvf+dXgzu/WKb/o8B/P8FKuu0pH3pANjCSlvFKMa3oA6sALXgM2B0GkYn1k589Efnu/AjwENAXwdGV42h3QFmAum2Ar3ykkXbQD+wVwKkCttY4IrfuJK7O/mIa+OaXXTY55wquSL9BwpD0rsUG2LjAAAAAElFTkSuQmCC);
    margin-right: 12px;
    position: relative
}

.header-wrapper .tornado-font:after {
    position: absolute;
    content: "";
    width: 22px;
    height: 22px;
    border-right: 1px solid hsla(0,0%,100%,.3);
    right: -14px;
    top: 0
}

.header-wrapper .nav-container {
    display: inline-block
}

.header-wrapper .nav-container .nav-title {
    display: none
}

.header-wrapper .nav-item {
    display: inline-block;
    vertical-align: top
}

.header-wrapper .nav-item:hover a {
    color: #2660fe
}

.header-wrapper .nav-item+.nav-item {
    margin-left: 60px
}

.header-wrapper .user-info-box {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 50px
}

.header-wrapper .not-logged-in a:hover {
    color: #2660fe
}

.header-wrapper .not-logged-in .login-line {
    margin: 0 10px
}

.header-wrapper .not-logged-in.hide {
    display: none
}

.header-wrapper .is-logged-in {
    position: relative
}

.header-wrapper .is-logged-in.hide {
    display: none
}

.header-wrapper .is-logged-in #baidu-logout {
    position: absolute;
    top: 100%;
    right: 0;
    width: 100px;
    height: 50px;
    line-height: 50px;
    background: #030319;
    text-align: center;
    display: none
}

.header-wrapper .is-logged-in #baidu-logout:hover {
    color: #2660fe
}

.header-wrapper .is-logged-in:hover {
    cursor: pointer
}

.header-wrapper .is-logged-in:hover #baidu-logout {
    display: block
}

.fixed-tools {
    position: fixed;
    right: 10px;
    top: 150px;
    z-index: 2
}

.fixed-tools .tools-box {
    position: relative;
    width: 44px;
    text-align: right;
    margin-left: auto;
    margin-right: 0
}

.fixed-tools .tools {
    background: #18084b;
    margin-bottom: 10px
}

.fixed-tools .tool-item {
    padding: 10px
}

.fixed-tools .tool-item .tool-icon {
    display: block;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: 50%
}

.fixed-tools .back-top {
    display: none;
    margin-bottom: 10px;
    width: 44px;
    height: 44px;
    padding: 10px;
    background: #18084b
}

.fixed-tools .back-top.display {
    display: block
}

.fixed-tools .back-top .tool-icon {
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer
}

.fixed-tools .back-top .tool-icon.top-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMCAwaDI0djI0SDB6Ii8+PHBhdGggc3Ryb2tlPSIjRkZGIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik02IDEzbDYtNiA2IDZNMTIgN3YxNE00IDVoMTYiLz48L2c+PC9zdmc+)
}

.fixed-tools .qrcode-box {
    padding: 10px;
    text-align: center;
    background-image: linear-gradient(135deg,#152282,#3f0e5c);
    font-size: 12px;
    color: #fff
}

.fixed-tools .qrcode-box .qrcode {
    display: block;
    width: 110px;
    height: 110px;
    margin: 0 auto 10px;
    background-image: url(https://tornadohtml-v2.cdn.bcebos.com./2396/qrcode.3b48704f.png);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat
}

.footer-wrapper {
    background: #000;
    position: relative;
    text-align: center;
    min-width: 1280px;
    font-size: 16px
}

.footer-wrapper .concern-contents {
    display: inline-block;
    max-width: 770px;
    text-align: left;
    margin-left: 50px;
    line-height: 30px;
    vertical-align: top
}

.footer-wrapper .footer-font-common {
    opacity: .7;
    font-family: MicrosoftYaHei;
    color: #fff;
    letter-spacing: 0;
    line-height: 20px;
    font-weight: 400;
    text-align: left;
    display: inline-block
}

.footer-wrapper .footer-font-common.block {
    display: block
}

.footer-wrapper .footer-font-common.about {
    margin: 50px 0 10px;
    padding: 0 20px;
    border-right: 1px solid hsla(0,0%,100%,.3)
}

.footer-wrapper .footer-font-common.about:last-child {
    padding-right: 0;
    border-right: none
}

.footer-wrapper .footer-font-common.about:first-child {
    margin-left: 0
}

.footer-wrapper .footer-font-common.last {
    margin-right: 10px
}

.footer-wrapper .footer-four {
    margin: 10px auto 0;
    padding-bottom: 60px
}

.footer-wrapper a {
    text-decoration: none;
    color: #fff
}

.footer-wrapper .footer-first {
    padding-top: 60px
}

.footer-wrapper .footer-first.hide {
    display: none
}

.footer-wrapper .footer-first-left,.footer-wrapper .footer-first-mid {
    display: inline-block;
    border-right: 1px solid hsla(0,0%,100%,.3)
}

.footer-wrapper .footer-first-mid {
    margin-left: 30px
}

.footer-wrapper .footer-first-right {
    display: inline-block;
    margin-left: 60px;
    vertical-align: top
}

.footer-wrapper .concern-contents .coperate-sets {
    font-family: MicrosoftYaHei;
    font-size: 18px;
    color: #fff;
    letter-spacing: 0;
    line-height: 20px;
    font-weight: 400;
    display: inline-block;
    margin-right: 30px
}

.footer-wrapper .download-contents {
    margin-top: 15px
}

.footer-wrapper .download-contents .download-icon {
    width: 20px;
    height: 20px;
    background-size: cover;
    background-position: 50%;
    margin-right: 20px;
    display: inline-block
}

.footer-wrapper .download-contents .download-icon.windows {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAFKADAAQAAAABAAAAFAAAAACy3fD9AAAA0UlEQVQ4EWNkIBH8//+fEahFCIglgFgKSkvC+CBJDADUxAIUFANikMJbQOwHxEpADDIEhNmAGCtgAWq2BMqANMIwSIMoEDMBMQgUArE7EAuCOIQAyCVVhBSRIg9zBSl68KodNRBv8BAlCYrldQRUvgfKbwNiTgLqwNIgA98RUPgXKA8y9DsBdWBpkIEpBBReBcpHAzFRCXs02RAITSKkqR6GoFhuA2JQ0QUqtmBFGHLxBRQmHuAqYJmBRsAK2NtANtEFLFYD8bkHqQqA+QbZZ5IAU+oeoINDONwAAAAASUVORK5CYII=)
}

.footer-wrapper .download-contents .download-icon.android {
    width: 19px;
    height: 21px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAVCAYAAACkCdXRAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAE6ADAAQAAAABAAAAFQAAAACvL6UGAAABdklEQVQ4EeWUsUoDQRCGbzVoQLFR1CYQbYLYiu9gqSCIgi9g6QPkLVKIlaWCoBb6AqKgCAERKwnEwpBGgkk0qOc3lx00exu5AzsHvv1nZ3aGvb29CwKPhWE4BzOeVCBxmPfljC8oMQqWkTfIwzQ8QQVGjDEHaMwysQgBGq0g6zDsyXfI08/su7lYMxausWgDdmEUZK52inMH26zL0nBPE6I9j8mCSWI7MAhNq1lUrYPzCmPwCVs0fEQjc3eWJ/rQTf061mx2Fv1uxm7GCRTgGupwBkmtRv0Qixfg3jAp4eTgEF5gE5LaMQvfQV5YdYBBGompdmfJR63LSbM/s3/UrGwPTTXtGWpdWS5tESa4yXJnVtN2ou6Iukvq6hkmHzh6o9P2CqVANiLqvs0rYhV4BrUWjnwZ8q2qNXCqcKGBvsq2C3Biif4a+Es/You+YndnvjWJY/2ayTmqybcnpur6UVIG9xekCfkN3cAUnNugnmeb+a2N9cgXiIyE+Kxcw/0AAAAASUVORK5CYII=)
}

.footer-wrapper .download-contents .download-icon.ios {
    width: 17px;
    height: 21px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAVCAYAAACg/AXsAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAEaADAAQAAAABAAAAFQAAAAB7EzXBAAABYElEQVQ4EZ2UTytFQRjGz5zoiriKUiLZ2ikrStlY8QHud1CyRj6BDQsrxcJOd2knsrhKWVn4l2TlRJKyEOn4PWOO7tHV9Z63fnfemfM+z50zM2dc9M9I03SI0gokzrmtellc3/krx2CMZ6swAa+/65qaYNCOaB5K8Ab7kIumJlRPQjd8wgav8kybi5Zcr3GnleET2MXgvFGJywaZdif5DIxCB9zAIZzBIEyBnnXBIxzBHsYf3gSDYQZWoAcscUnxchwWbpGO1UB/prUqa2GnoQ+s8Y5giddJZDJuVYd6rUeiXCYDYdDa/OyUTLT/ReIlE8lEp7BIaEd9yOQp5NZmlp1tk0gmp1Z1qO+nXcCo5MJBWytoJNlVzDbdkujkFY1rvY5i+7sx/+rAVb0Js9FHdmy2iKIdtA/ZTKRfh3uDUQ2Dqur9V5wJWeRe8jkYgTs4gAvQnaJrQBdUGWqwiYk/Y1+7Y1DhK7KuqQAAAABJRU5ErkJggg==)
}

.footer-wrapper .download-contents .download-icon.macos {
    margin-right: 50px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAFKADAAQAAAABAAAAFAAAAACy3fD9AAAB90lEQVQ4EZ2VzStEURjGXd8SIrMQC8lnYuWjWCjb2Us2lMTKBkvKyoaVjbIQf4DdlESymUwkYYNZUBZiMaXGt8bvud2jM9ddmHnq5z3nPec8zucdJydAqVSqgHQf9EIjVIKUgDjEIOo4zicxTU5ajQpmA4RRCPnbfPUn6puYHtr5X0OM8miYgLDd4R/lCH3WMf5W31xrQDZmGq4JaKwr19BbZqYzMx6KYc8jx6FQSGIN/Hu2S+4DtJQeOIMWuIZq6AJb2tNJzVCn6TczHbWvTXAFJaDTVawDv+TRl88f/fcgtZFMQRmUwz30wyMkIUi9MtQ9C1IxyVeoAN1DMyvN8Bl0BwvAVqMMzaU1DTJZ8iqa3S3MQT1swCXUwg0sQA0YVcrQr20SDTDmNVwQV2EFdmALiuAI7sE2dO+hnpOtcyqDVqKDsvq8QTcswh5oj1W3ldAp623aCtobnfYXzMAw3ME0HIOtuAxjdoZyM5xYOS1L/XTiWnInjMMIaNm2YtrDKOhShryWIeI8PICuywFMQinsgi62TnwfZGwkj6j7cfCezaxpIb6DTvMF2qEKJC37FJLQCvaBLOvL4xrSoM/WFCGschaKYLamcdobo3UKEVPJIGqMxrr6naFJeMsfpW721DT5o/ZsU8u0G/4YqhFTPSl9NDL+CfgBpY97748ZpH4AAAAASUVORK5CYII=)
}

.footer-wrapper .download-contents .download-icon.sina {
    position: relative;
    width: 26px;
    height: 20px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAUCAYAAACTQC2+AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAGqADAAQAAAABAAAAFAAAAADz+QhrAAAC30lEQVRIDa2VbWiNYRjHPUPzsplDI3lrJSQT+4AUmlJekkhTUs4HH5TIyIcVUXzxaeXTmi9HSC0rRQwbLR+8RWreZ8nbIu1oXjqGPH7/Z/f17DmPc5LNVb9zvdzXfV/3fZ/rPscbNEDxfX8+SyRhAmTgCdyAFs/zfqED8czor6bQbuZW5pj/ktgRir3W2P8oVMI6U+E9DIW5sB5KIQ01FOvMW4idDiZpKSyDydADdUy6h84ScncQSMBNaIFhcBBmwn3m7M9ZiIllJOwB7TQqr5i0PRqQTf4qlE62HJrIaSA2CrseRkL1ED6yhITFBKpB1xAXTQ6EvBEY46CHhS8oSOwZaic0EPuEfwtbNzI9qxADCu6CnCclnnE5yptjecQaWTiFr+v9DibvnJEIFyS5nOAh0Hfzr5KhUBVraL0EdloL4G9DrYZUgQuMRddAviLa6Rfl5pGvilPAtyIub4bTD+zq1DXFLij1E65BK7yFLi2CqJvUtgtgBYwHSZqxInLim7nN2Ad4rtlLMPaCyWWMk0z6aAFycD3ffGliuo2tsEY+olOfgxPkhr8IGpDoRGpJkxRJjea4TWzAn4Ldjb4Lp8jRCbVYPfEidCUUgnIlx3tV36d2Nc25bbEi64jrpGWg724MaFOHWVxXaHLeDKd1pX+ICmknkuu9KrgWvZek+U43Oz0JPS8yFjRCxP8RsUNThTpDr88ox9TYMdgCj0AP1CRhBnp2xJbZFvMDV4tddQMLIwna1Te4yHXqTTyERWDyVIb7fjZaEK1uPRPxQ1OF1CmaWMHEzW5EJ9CV7COWRK8FkysU7yBeTOAAlLoBNcdRxl44P0t58pg0GqX/Fd19K5wFnWgTzAJ1lt5TM1wCvfYqUFzSDbUUUVfmlKCQRigmeyXoKtRhHfAG9OC6YDjo70Kb0cYk+l1rgtMUiT9WjYcSFrIIBdXK+sGsALX+RFAj6M19BhVth8dwhwKK/VV+A+nH8Fwc5a8VAAAAAElFTkSuQmCC);
    cursor: pointer
}

.footer-wrapper .download-contents .download-icon.sina .download-icon-hover {
    display: none
}

.footer-wrapper .download-contents .download-icon.sina:hover .download-icon-hover {
    display: block;
    position: absolute;
    width: 100px;
    height: 100px;
    top: 30px;
    left: -38px;
    background-image: url(./2396/sina-icon.f110b094.png);
    background-size: cover;
    background-position: 50%;
    z-index: 1
}

.footer-wrapper .download-contents .download-icon.wechat {
    position: relative;
    width: 25px;
    height: 20px;
    margin-right: 50px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAUCAYAAAB4d5a9AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAGaADAAQAAAABAAAAFAAAAACgY1PvAAACL0lEQVQ4EaWUz0tUURTHfTMagxViUosxzFa20H4RLWoxICLTwk2Y4iKRXChk/QOhrQI3bQRp149NgiAGRVirXEgFbooQCjQYohrEH+gs8ufr8x3eHa7P9+Y5deDDuefHveed+857TplPXNc9gqsZLsBpqIJtWIFv8M5xnFn0gcUxmRweZ30dOiBh/CH6O/7nFPsQEt/jzhehwCG89+Dinmi08ZhCk1FpMS/hLtou8BN7MWDzKr6M5b/FA7ZbduAyRpLuPmVF53i6PmwV3rX866x7id1G/7L8NznjlGXvW6qTtM+bZNMlfFfAdKqUw5Aidh59TA5PlHPNGEHaYdMzAvamoDy/T528gS2oBL3TLCzAPN3aN1BWjvMoHFQ0yhOwBppCjbdfsjz4EwrNmIA6eYRx0jiK6E1iI6AXXQ9R8oWEBxTL6T4/RWV78TF0F9R7dpRqJOE+TcRV5AXoGorJMkHde62VNMp6ANShkSEWg8ZAn4F0jHZ+s9CGYvKRoD3mym0ATZqKG2licc4Ynm7Jf/EyaEuj3A/6vfjlKY5usEfanxNmbxQ20dEUWW9DMivwa1z/RXIaYVv0EWo8X3rOOnQ17MBXOAulyudCEa4rye5X8Jqu/vhPIp7BV2oRdT9eeCf+Q4NsCt3B3xoUC/C5+B7ywNOlFtE71Md4AxIQJvqtDFPgvRJKKmJOpCO9p064DMeNH/0DNNInoIciS+j/FwomoAY0gfoUyqENrprT/wIVRJZOSUWTogAAAABJRU5ErkJggg==);
    cursor: pointer
}

.footer-wrapper .download-contents .download-icon.wechat .download-icon-hover {
    display: none
}

.footer-wrapper .download-contents .download-icon.wechat:hover .download-icon-hover {
    display: block;
    position: absolute;
    width: 100px;
    height: 100px;
    top: 30px;
    left: -38px;
    background-image: url(./2396/wechat-icon.d129d692.png);
    background-size: cover;
    background-position: 50%;
    z-index: 1
}

.tornado-fixed-modal {
    display: none;
    position: fixed;
    width: 300px;
    height: 300px;
    right: 10px;
    bottom: 0;
    background-image: url(./2396/bg_guanwangtanchuang.8ad3ece9.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    z-index: 1
}

.tornado-fixed-modal.hide {
    display: none!important
}

.tornado-fixed-modal.show {
    display: block!important
}

.tornado-fixed-modal .fixed-modal-link {
    display: inline-block;
    width: 100%;
    height: 100%
}

.tornado-fixed-modal .close-icon {
    position: absolute;
    top: 0;
    right: 0;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    cursor: pointer;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNNyA2LjM1TDQuNzIyIDQuMDdhLjQ1OC40NTggMCAwMC0uNjQ5LjAwMmMtLjE4LjE4MS0uMTguNDctLjAwMi42NDlMNi4zNSA3IDQuMDcgOS4yNzhhLjQ1OC40NTggMCAwMC4wMDIuNjQ5Yy4xODEuMTguNDcuMTguNjQ5LjAwMkw3IDcuNjUgOS4yNzggOS45M2EuNDU4LjQ1OCAwIDAwLjY0OS0uMDAyYy4xOC0uMTgxLjE4LS40Ny4wMDItLjY0OUw3LjY1IDcgOS45MyA0LjcyMmEuNDU4LjQ1OCAwIDAwLS4wMDItLjY0OS40NTcuNDU3IDAgMDAtLjY0OS0uMDAyTDcgNi4zNXoiIGZpbGw9IiNGRkYiLz48Y2lyY2xlIHN0cm9rZT0iI0ZGRiIgY3g9IjciIGN5PSI3IiByPSI2LjUiLz48L2c+PC9zdmc+);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

@media (max-width: 768px) {
    .tornado-fixed-modal {
        display:none
    }

    .header-wrapper {
        height: 1.4rem;
        line-height: 1.4rem;
        font-size: .36rem;
        padding: 0 .2rem
    }

    .header-wrapper .tornado-nav {
        padding-right: 3.2rem
    }

    .header-wrapper .tornado-logo-box {
        margin-right: .2rem;
        width: 3.6rem;
        height: 1.4rem
    }

    .header-wrapper .tornado-logo {
        width: 100%;
        height: 100%;
        margin: 0
    }

    .header-wrapper .nav-container {
        position: relative
    }

    .header-wrapper .nav-container .nav-title {
        display: block;
        width: 2.6rem;
        position: relative;
        text-align: center
    }

    .header-wrapper .nav-container .nav-title:after {
        content: "";
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 0;
        height: 0;
        margin-left: .2rem;
        border-left: .14rem solid transparent;
        border-right: .14rem solid transparent;
        border-top: .24rem solid #fff
    }

    .header-wrapper .nav-wrapper {
        display: none;
        position: absolute;
        background: #030319;
        top: 100%
    }

    .header-wrapper .nav-wrapper.display {
        display: block
    }

    .header-wrapper .nav-item {
        display: block;
        width: 3rem;
        text-align: center
    }

    .header-wrapper .nav-item:hover a {
        color: #2660fe
    }

    .header-wrapper .nav-item+.nav-item {
        margin-left: 0
    }

    .header-wrapper .user-info-box {
        right: .4rem
    }

    .fixed-tools {
        display: none
    }

    .footer-wrapper {
        min-width: 0;
        font-size: 12px
    }
}

[data-useraction] * {
    pointer-events: none
}

body,html {
    font-size: 14px;
    font-family: PingFangSC-Regular;
    position: relative;
    background: #000;
    color: #fff
}

.main-wrapper {
    min-width: 1280px
}

.swiper-container {
    position: relative;
    overflow: hidden
}

.swiper-container .swiper-pagination {
    bottom: 20px!important
}

.swiper-container .my-bullet {
    display: inline-block;
    width: 48px;
    height: 10px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAKCAYAAADy491MAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAMKADAAQAAAABAAAACgAAAAAwpswrAAAA/ElEQVQ4Ec2TvwsBYRjHvSQpGZRBWSwWg8mkDEwWKSX+QrpSspgkgz/AYLFYlEEZpCRxPq+6K7kf7w3eu6ee7nrfz93389T7iliAMk2zAd4M8Mk/0Rc/nwuVBMSTcF26osJrYG5kGEKIve8AyGeBh3RBg5hKxAlohPxZwp4DIF+EGdAZCUegdjhMkL9bLq4DIF8F6tAJCw75uSZ/gbw8+3b9DIB4nN0WXbepcF+exM8Q3zhpfA2AfAqoR5ed4BDWrmSOkT+4ZdsDIJ8Dkpc17wZrXj+SJy/rxSv3MwDyJaA+nfaCNe5tyZoi//DLFMjXgNq0PPtRqCXiK1WRN2PMOj20gAoaAAAAAElFTkSuQmCC);
    background-size: cover;
    background-position: 50%
}

.swiper-container .my-bullet:focus-visible {
    outline-style: none
}

.swiper-container .my-bullet-active {
    display: inline-block;
    width: 48px;
    height: 10px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAKCAYAAADy491MAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAMKADAAQAAAABAAAACgAAAAAwpswrAAABnUlEQVQ4EcVUTShEURT+zozIgpK/JJFSsqWsZSszC6VkM7KxUVJKajaUWJiyFhspWRixt1MWtrNDTMo0ZaPmNWXedY7xmvfu9X7Ggru55557vu983+l2CfWsh9wGFDahFEWCEZcpBcguy4ll/80SGoFW6T44WP5mDmHL55tRLB2xgFlPZZggb8Nacz/90Q2/sfgZjA1fhxu4yffCsi5Y/KhHvBz0hkZBSEIfQCQ+yjHrNCaH7oU92ED2cRy2fc7ie0Kk/M010RXirXNIdL47Df0NHD7NA/YBi2+K/Ib1CeoTdrr67UF4ol2kBtZZi+2GmwaUimHveZsf7FroE9EFBgmQrvq9W4nEOp/kCGUoWsRq/7Ec9eU1sFNsQal8wkRTeuG/nAmviCOJdN+tX/+agZXCICqVSx7DiF+xkdcn+tMEDZArEYinO8QbE8h0vLgQRlg1sFCcYPFnfNtuVLgTYQJ1QW6sxAZe2tc+9q8vRY4xnKKtO4UMWQILWoRkYQkqts9EDUahw+3821q/uut1A4ZhUiCVRrZry+D2SXwCkt21J1QxLmIAAAAASUVORK5CYII=);
    background-size: cover;
    background-position: 50%
}

.banner-wrapper {
    height: 580px;
    background-size: cover;
    background-position: 50%;
    margin: auto;
    text-align: center
}

.banner-wrapper .banner-download {
    margin-top: 424px;
    width: 261px;
    height: 70px;
    font-family: PingFangSC-Medium;
    font-size: 26px;
    color: #fff;
    letter-spacing: 2.5px;
    font-weight: 500;
    border-radius: 35px
}

.banner-wrapper.banner1 {
    background-image: url(./2396/bg_home_banner1.dbf4d5f7.png)
}

.banner-wrapper.banner2 {
    background-image: url(./2396/bg_xiaomi_banner.bd29afd9.png)
}

.download-games-wrapper {
    height: 126px;
    background-image: url(./2396/bg_pic_downloadandgames.ccbafbee.png);
    background-size: cover;
    background-position: 50%;
    position: relative;
    margin: auto;
    padding-top: 83px;
    text-align: center
}

.download-games-wrapper .download-title {
    display: block;
    width: 327.14px;
    height: 80px;
    background-size: cover;
    background-position: 50%;
    margin: 0 auto 47px
}

.download-games-wrapper .download-content-item {
    padding-top: 94px;
    width: 224px;
    height: 294px;
    border: 1px solid #fff;
    border-radius: 5px;
    margin-right: 20px;
    display: inline-block;
    vertical-align: middle
}

.download-games-wrapper .download-content-item:last-child {
    margin-right: 0
}

.download-games-wrapper .download-content-item .img-kind {
    visibility: hidden
}

.download-games-wrapper .download-content-item:hover {
    background-image: linear-gradient(135deg,hsla(0,0%,100%,.4),hsla(0,0%,100%,0));
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.3);
    padding-top: 50px
}

.download-games-wrapper .download-content-item:hover .btn-kind {
    display: block
}

.download-games-wrapper .download-content-item:hover .btn-kind.disabled {
    opacity: 1;
    background: hsla(0,0%,80%,.5);
    color: #fff;
    cursor: not-allowed;
    pointer-events: none
}

.download-games-wrapper .download-content-item:hover .btn-kind.android,.download-games-wrapper .download-content-item:hover .btn-kind.ios {
    margin-top: 28px;
    display: block
}

.download-games-wrapper .download-content-item:hover .text-link {
    display: block
}

.download-games-wrapper .download-content-item:hover .android,.download-games-wrapper .download-content-item:hover .ios,.download-games-wrapper .download-content-item:hover .text-link.hide {
    display: none
}

.download-games-wrapper .download-content-item:hover .img-kind {
    visibility: visible
}

.download-games-wrapper .download-content-item .title-item {
    font-family: PingFangSC-Medium;
    font-size: 20px;
    color: #fff;
    text-align: center;
    font-weight: 500;
    padding-bottom: 25.37px
}

.download-games-wrapper .download-content-item .img-kind {
    display: block
}

.download-games-wrapper .download-content-item .img-kind .img-qcord {
    margin: auto;
    background: #fff;
    width: 100px;
    height: 100px;
    padding: 5px
}

.download-games-wrapper .download-content-item .img-kind .img-qcord-ios {
    margin: auto;
    width: 100px;
    height: 100px;
    padding: 5px;
    background-image: url(data:image/png;base64,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);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%
}

.download-games-wrapper .download-content-item .img-kind img {
    margin: auto
}

.download-games-wrapper .download-content-item .text-link {
    display: none;
    text-decoration: underline;
    color: #999;
    font-size: 12px;
    margin-top: 15px
}

.download-games-wrapper .download-content-item .btn-kind {
    width: 120px;
    height: 36px;
    font-family: MicrosoftYaHei;
    font-size: 14px;
    color: #fff;
    letter-spacing: 1px;
    text-align: center;
    line-height: 36px;
    font-weight: 400;
    display: none;
    margin: 49px auto auto
}

.download-games-wrapper .download-content-item .icon {
    margin: auto;
    background-size: cover
}

.download-games-wrapper .download-content-item .icon.windows {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAMqADAAQAAAABAAAAMgAAAAB1y6+rAAAB7ElEQVRoBe2aPU7DQBCFYxJAiIqKH/EbIno4AS0chAtwDE7ABegR6bkB9FyAhoqCgiZ8D2WRCZ5Ysna9MZqRnrzeyc6+N7MbaW0XvY7YZDIpoLoNjmcw0r2cC2OQHUDmAIjsN8FpO5Bf477SWhcC2XWYDEEgVyYsEf1KpjWdyYRAeIO5L0AgrKtIb4Ho1kgIJJdgsgdmSer+riiKG35zTvsRtGJak5UGkVUcRyCQLS8B9a9UDuz17o3+pN0DCJ8yQyh7IK3rLlDmO2GqyFMnmNaQ7EzGa3R0Z+m4kLoMLJrf94hXJFEGfGklSmzjsF6RxqlLNNArkiixjcN6RRqnLtFAnUdeIsd+m8b7SBA7MlUPly4DBWf228jhH3iKMibuCXGvI8c2w2mPXJneZo5Xho3BDogd22Tkf79majI5vCKZEm9O6xUxU5PJ4RXJlHhzWq+ImZpMDq9IpsSb03pFzNRkcvybiug8cgZGYAjKL0P1+rkzQgec5p4hLPwyTnh6/XwIyuJCW6+nzc8p8LVuqkilIfATh56w/HnKgsiCfp0AgzBdQ0XfabduIpTEEKtPOC5BEKvlq/YmiG7JhFhMEaiPambFhft9fH1r7Lz+1oXMI4PIZfz6QihULwjUVUvX3JcLJQSiphn78kfwF9kmT0o7S8gSAAAAAElFTkSuQmCC);
    width: 50px;
    height: 50px
}

.download-games-wrapper .download-content-item .icon.android {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAA1CAYAAAAHz2g0AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAMKADAAQAAAABAAAANQAAAAAT1+N8AAADyklEQVRoBe2ay0tWQRjG/coui6y0UgmCkhaJUUGhEUVRmzZluAqComgTtYhaVQtx2z/QoiAyatUqiCAiamFFYJAlBEqSguW1G6kLL/0eOSPj8J2L53w37HvhYWbe+8ycM3PmnFNSEoNmZmaWgBsqY5jPM/F8XadcNk8QsRErgVQqNY3/enAtYpwgNfk4AiaDlDIuY8TKQTfYH9e5bEEfqIrrIxXXUHYE1iw8BPXMyihtXQYNoAZsAJVgBgyCAdAF2tGdQrdCdXCW9kvKWJSoA4pIIlcpToCf4BBYBYLoF8JXQB14QfLNQcpZlZH8SfAVxKV+DM+BWPdi7M4RsBa0gUzRexztjp3QQgwJtAcMW5mPUX8OBi1eWHXcsxmwFP9QP7yQXBasS4CD4DewSTet7oV1YMQWBNT3eTYV6AxZehPUGxecWBQDHCtBe+QVdxKsMPbUP4gZQlqBVlo27Y7+X9pbjDxjJU7vOIFMs5WK1vMWw4hQPkDnAGj20X2SscTliCANYNonWLbYWppDKerydR5PifeM0GzmK1yY30zfipQUQ9yL+ab0LrLGncJzGRvdeFCE0iChZCS/nOKjB7FySdUE68llwJzHmruEGOmdRNfy1cm06aFrlrwZiP3EafzELDvIZdjYkstW6tvBF/gds3yYa8AzYNNdGkulQFltC3JcP+7loAPUbSf2U9plStBvfb9SQB247CRvmre0jPpt3cfUgQIhvxyb1IH1Pkkavg4k+SaTi5tHZdSNzDUsmHaxA/meiuIMFGcg4QgUL6GEA5jYvDgDiYcwoYNFMQN+R7Yxb3DmzgwJByuJucnF9TGmGXjtcr32Gx9+Pth+ubTpPFAH7Ldjetb+DMqVKWUhHGj0Bk852aRXmdtKOZp1Uqkl19NgM+gE9+BPUBYEkYu+PewimTOgDuig3wp/JPT6xrAK5e8gH9RIko+DAi+KVSiogwUvizID+iKZL9LbuUAK7QDX4BAe+gK9ZEeo5PVGMJBCO+BZn6LsD/SUWaE214sMXm+Y29BVyDhgNVJna4D5ONFEvcXInfIm7fsOT8ugyzMqj6gYXxr5HpKPtIyHvtw1EXCoe6HbtOmQvhH70Tf0P9lC9Ffbbac+6uo7ct9m1EvI10G+BcUOFGcg4Qj815fQSMDgzX2UsHTS8Yw4SGZ0MluyLOrD9w/gkn4Z2OhGg5cC7jO9bPX5dq+rn5M2gY8C+zCkXw1mv6qkSwDZDtAFDE1QuZRONyov8k7s55AEtEE1AN1Pb9mQ9D+QL6GvXxO0Ca4F79DXj1Cx6R+Jg7z3P1tx3wAAAABJRU5ErkJggg==);
    width: 48px;
    height: 52px
}

.download-games-wrapper .download-content-item .icon.ios {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAA1CAYAAADYgRIrAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAK6ADAAQAAAABAAAANQAAAACxDG4bAAADxUlEQVRoBc2ZS2wNURjHe2m9ghJSjzTqUVKxqngHJY2FDSFRiQg74hFhJ1Y2rKqiCzbCihAiVcRCIx6pWAgLQaUNbUVVPRKPFEWv3/+6U53bOXPnXrkz50v+98x855z5fvPNuefcOTcvL0KLx+MjIgyfPjSA5egEakG/USx9r5BbADUdXUf9rTdkjPThoNuMuvtTJo870vcOsQVQu1GvB6hc50NE8Q8FzCpkAhXsVv8rhFQLyGjUKSKDdeAfkgnOoEwaZ9h2D+0n+PQ5HIvFenzqw6kiYwXogyGjcjcgO6YsQJaJyGBP8U/MJm25GgYrDDAP8Ffw+DsN9b7uXMGOSYnazfl+tBjQdyl1gU/zA7fMrOF7mt9HyuBVdBHIT5T/ZYEHOeNsOJFK0Sw0Er1EzUC8oQxkXEPx5qMFqATp/Ct6gW5zrTbK7IyL56Mq1IhMk/sj6g6gqV5R8MdQJTqJ/OZdquP68h1E472uZfTRQZDtKKjpZm6ivWgpWokOoVaUqX2mwy7k/+RpoGweQTbYOSCGemaUCk3mmrBtssvAJDKcOnVVcxeVnncSnXMNoatc4aHfYFM6kyw9lNsc0ER6cWhaeoXGORUWlD9hWMd0ds1hcYbBFhw2gYpvR39QOTQHKrtP0Gw5LLELgLrHKWCCXUippdEW0+MvA1armss0DLT02WSXvEAFKFit1TZZnQlGsHNNlRH575riCnasqTICfy8x35riCtZ77TX1yK3/C+P1lymEYIeZKiPwFzI7GXkEq6nCJptighGsllmbrNwEYyPsJj/YdlNlRP7VjNtir9jKrN7lbbICYI55AQn2jldFxL71ZHfADqPze1bv936baFGwa77V71ntOyRMmZXd+FtY9akNmDoyvA+53sHOWoX5D2YwhzXoFsDznGGgu3iNipCt1pQYBsn12NbsOsk7nciszkiz9p5aUK426xQmW/tOxxLnC5ZHdttwnMn2ajnudwq+rr7MKhjZLaN4jGzKrv53mAlse19mcSi7TRS1OrbIqgUqHldm5SC72nt9hjzXZ7UJ0bQHPAfYb4rpyqwcVGhzd7uOLbCdDqgvCxmuQVHa0VTAAcPAaQDlEI71phnFvsJD4i4hqz8cnrQlwEWoOeT0thJvshecMbNOYzpO47gRTXJ8aUqNeS0uKvVlnYFGoSDWRaPlZPR5kMaebQAuRveQybqoqEWLkCsBOk/6j1P6/UVaT73vbxPXhT1Jk04F5XAj0jtSKfqItIA0oHqykfYtmWtoj2ItqkB6YoVIT0H/k12h9LU/Sz6Gt51P0sAAAAAASUVORK5CYII=);
    width: 43px;
    height: 52px
}

.download-games-wrapper .download-content-item .icon.macos {
    background-image: url(data:image/png;base64,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);
    width: 51px;
    height: 51px
}

.download-games-wrapper .download-content-item .icon.console {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADkAAAAqCAYAAAAJWvOwAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAOaADAAQAAAABAAAAKgAAAACQ0WfyAAAEtUlEQVRoBeWabWhXVRzH+/vQnLkM83FziihpOFthBgYpIvhCETQtI8NA6k3R3kxfCFKkQSVBQ0WoN4EEoYKU+IAUuPlED4rimJWIlL2JrO3F8olN1+e77f69O/eee8990F3oB1/POb/n3875n3vuuZYeSkA9PT3VqK8DS8FsUAX+AT+DVnAANJdKpTu0qYk4T2K8AjwN6sBIcAP8C86Bg+Awce7S5kMEHQ7eBTdAHP2JwgYwIml0bMaCr4ALXUZpedIYofo4qgTfuUQ1dFoZaxacCN168Lvhw2X4CUolpyBhShgPAYddIll0NPNvgsgkkL8OroO0tD0sfyceET9MG9WwO8V4PZgKtDKqwBzQAH4EedB6W1HWvzBRF2LUbDMsIF8b0xw2oytmbkNMhsYUWEHzWZiswDztwNvC8gstEsUNYGaYQQivC153CH8wWKuYoOfNwIEiUdKzr9FUDBn/De9ZlsfDtJr5V0B+zy2cpaSNsXYUuQm40KemM4x+cDFMoXMHG+3yTaA5xl6608zcymOEI8G1GCeeeEvZsL+D4FtPmGN7G1+L/LEYvxbj/2O/vrlcX0Y41q9QgH4TP4lj/jwYf8l4n59n9Nf4x2aRb/iFBekft+TRYuGLPZWZfs6Tl4uEOQVmYGfyFAexHW+JbeN76i95nXJLkY0gjDpgLgfVYJIPo8rG/R1kY3xy6daCd0AW0oloqD8WY52Y4s65bX6b3j5Gtl1rwI84YOjAwPdxkIWOYjwXqLgF4AxwoQlKb5j+QftRGttS1fMwKyXx0U6wS+AJMKY/8BJaISnpaLrX+01qMNzi4XELPwnbdcd+H6fj2T3n02oWPkgSJET33qOHmfwoYu7bkS0DE8EEHx4xnSJ7zCeXbg14G9wFcbTf9KcxRl/HGUbIdVvRRyidiFC0ibZ49l6LYpbDwFrPj7/F5zpbAg78LnQq9FKsJfuM33HB+j0Z8tGeM1sFzgCBpZfBcVrTlRZDG9+iHmDXq8inAuzBYeg1aTPofSaqBe+RStYiZ2k6Xd8bzdL1SmZSGM/UiRpvRagrkV9oZ4FxUcqOslrN5HRHZVNtLcnUi0lbAqvpzjOVUoxV2AsgjwIVfrJmMm2RSuI8xd2k1RLTy3MRqUZF9h59MmRXmcH2QZhWabkWYWe9n8VW/m+KLPpyyzrL3ZrJjqxeCm5/XRvPVTDpPiTahs/NQDfaNSDwkg1Pn/h0Zyu5PtWleZ3CLJI69YzbA/Km0zhMfDDA5q28E8HfSS3X7yP/DsmFf2GygnfCzqSm2OzC5vOkdjH6V1TkoRilpOIGklWhaakBw9NpjUPsLvbymNILOS2TL0KCJGaRi744X8opp75rHZy9moPDn/CR+BO67S+Ar2ngasa8dKvRd61DR681OoempYsY5nWgLteNz+ngj7RJYbej7EwdGHVAn7+T0q8YVA9wluMA3zPAb0mTQr8T1AZSgakLq1vAlXTJNDrgKGcGMcaBFtek0LsN7C/bCOeBsyCKriHUy20p53qs7oil/2azE8Td/LWhoyvWMoUmiZIeLTqBCIuB7k11/LsAvgG70zwHsctM5KabjBfBXDAZaLPT5bVuE44I5DbgY/B/NyRJxeJvKRsAAAAASUVORK5CYII=);
    width: 57px;
    height: 42px
}

.download-games-wrapper .games-show-wrapper {
    padding-top: 80px;
    position: relative
}

.download-games-wrapper .games-show-wrapper .swiper-button-next {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAyCAYAAACpgnCWAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAGaADAAQAAAABAAAAMgAAAADu4olLAAACz0lEQVRYCb2Yz0sUYRyHHXMrfyD9ILIQpRA6FB6KyDKkECFhJZEIyoMe7GCQURBE/0GnuoUn65KeCoUunoTyIIUH89JBoUIzsh8qWJCwPR95R7Rddt539h2/8PCdmX3388w7Ozszu0WZTCYoSriKlY+oJGHPuiRAVLodohJEe7ZDVIrooG/R+mcShgZB8JvlNUTV4TYffYtEgYi+03TojvoQKCNLYoI/0isRHTPrBbWcEmaTIXUaDiM6UZAh6s0IyqAdTkaNzfd6zpmEb2BGqyy/gXpEZ8Ltrj2vRGGIFmmv4TSi89rmWpESBSKaob2DRkQXtc2lXK5ZEwRXwQVEKcSjtiKrmSiMUJ1xr+ALtCBK063KWqI0RH9pz2EFWhG10yPLSaI0RMu0AVgDnd5X6XnLWaI0RJ9pz0zyFUSdZjlniyVREqJJ2guTeh1Rt1nOarElSkI0QhsHnRRdiG7Qs6ogiUl7Qv8AEvUgumm2+20E74UhmIBpuO3XYNIIroMxeA+zcC8pURPhU0ayQH+QlOgW4TMgyQr0+fjgN3aWwHJWmkEPjDoRdIcdBj+FoBgegT4TzeQt1Cjd50x06p41uzxH7+B79EnrXiTs8SWFgg6TrtLXzKWHRQ8SBHrQ6IVQ0I1AM9mogmaCQDexu6Cb3wL0Ipinb6nYEgRlJOmbXQFf4Q4CHaqsiiVBsIOkHjgEi3AfgWaSs1zu8ZsDLrOip0sJHiL4tvnF/5edJcyigZBz8BMeI5AobzlJEBwhTafrD+hHoIfzyLKWINhHmg7TEjxFoJlYlZUEwW7S0vAHhhD8sko3gyIlCHQmhRe9QQSaiVNFSkg7Bbq6vkSw7JRuM5hZ6G7XBhU2453HEHwAmkGz8F8KhgbQpcN/EZyC45DMnwcE6+5WC7v8775JJHw/7ExSoB+hqSQF+nPA5jsTbx8I1z9Ese4r1kZJrAfHHPgPu6BfmQ10oiUAAAAASUVORK5CYII=);
    position: absolute;
    width: 24.75px;
    height: 49.5px;
    background-origin: center;
    background-size: cover;
    top: 390px;
    right: 50%;
    transform: translateX(600px)
}

.download-games-wrapper .games-show-wrapper .swiper-button-next:after {
    content: ""!important;
    font-size: 0
}

.download-games-wrapper .games-show-wrapper .swiper-button-prev {
    position: absolute;
    width: 24.75px;
    height: 49.5px;
    background-origin: center;
    background-size: cover;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAyCAYAAACpgnCWAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAGaADAAQAAAABAAAAMgAAAADu4olLAAACr0lEQVRYCbWYQUgUYRiGdzRLCUtLSRSSCukQKGERKB6kLgaBeMhTXYI6dQpBCDp4iC5BEEQGFQQFHbpEdAilThYJgpQIRh2COuhBT6EWbc+r32yszs7OzP7/B89+szvM++w//+yMv0HOY+Xz+cBjfC4nAVR7kxBeBXWhoCrccNUlIGsvrLrKLMqxEbTSdxTtcPWG4GrogMJpcpW9kWOCLnpjVHDFcyIBwSdgOQiCZecSBDr3vbCK4HuUQJ9lHokJ+i3jUylBZokJBgjYA+8ZxV+nEhMMEnoAJhGsxQm0L9XpQlDDMcPQDm8QrNDLVmKJCS6SeATexk30VmsiiQkuc3AHzCCY2RoU976sBMFOAq7CUfgKryFVxUpMcI3EY7AETxlF7JUUZS8pMcF1DuqEXzCOQD11RUoQ7CJpDI5DHu4hWKRnqm0SE9wiTfcj1UME85ub2V6LJCa4Q9Qp0PP5JYLJbNH/jypIENTy8X3osd0f6Y9tu/ImATyDLzBr27srT7YEAiV4AT9AknfQ6kygIAIlWIGfIInmw2lpTsZBd1Jdqqpzm83xK9/+NHyzkWhOdCN0XwT3wxxIMgV6rLovgvtg2iSv6IfdW0gkuAd0hU3AI2ioVFT4MYZB/MKn2B6F39AEI4j0RMxc2yRKQvSBdgPWQafsEmSuSInSEE3TboJGdJLRnKVnqpISpSHSY/Y2/IEBRF301BUrURqiWdpdkOg8ojZ6qiorURqiz7QHoLvCMKJ6euJKJFEaIj24noCWBkOIEl9xiSUES7RAew5aIpxB5G/hSfghuALdyPwVgoNwAdr9WUhG0AaDsM+3qAWJHhV+1orht0fQDN3g758DkiHYD1r9+rviTNSApCUcobeOpF54E4TBSOpASw6/haQGNu4oXifJJOGfWv5GhSj4B22fhfasxFWaAAAAAElFTkSuQmCC);
    top: 390px;
    left: 50%;
    transform: translateX(-600px)
}

.download-games-wrapper .games-show-wrapper .swiper-button-prev:after {
    content: ""!important;
    font-size: 0
}

.download-games-wrapper .games-show-title {
    display: block;
    width: 327.14px;
    height: 80px;
    background-size: cover;
    background-position: 50%;
    margin: 0 auto 50px
}

.download-games-wrapper .swiper-container-games {
    width: 1063px;
    height: 400px;
    margin: auto
}

.download-games-wrapper .swiper-container-games #swiper2 {
    height: 410px;
    overflow: hidden
}

.download-games-wrapper .swiper-container-games .swiper-wrapper {
    width: 100%;
    height: 100%
}

.download-games-wrapper .swiper-container-games .popuar-games-content {
    width: 410px!important;
    height: 410px;
    background-size: cover;
    background-position: 50%
}

.download-games-wrapper .swiper-container-games .popuar-games-content.game1 {
    background-image: url(./2396/Apex-legends.0f7ab878.png)
}

.download-games-wrapper .swiper-container-games .popuar-games-content.game2 {
    background-image: url(./2396/caihongliuhaoweigong.bea2eca2.png)
}

.download-games-wrapper .swiper-container-games .popuar-games-content.game3 {
    background-image: url(./2396/chuanqi4.ad76b973.png)
}

.download-games-wrapper .swiper-container-games .popuar-games-content.game4 {
    background-image: url(./2396/epic.fc4fa78f.png)
}

.download-games-wrapper .swiper-container-games .popuar-games-content.game5 {
    background-image: url(./2396/CSGO.50c2bb83.png)
}

.download-games-wrapper .swiper-container-games .popuar-games-content.game7 {
    background-image: url(./2396/gta-v.f8c33ab2.png)
}

.download-games-wrapper .swiper-container-games .popuar-games-content.game8 {
    background-image: url(./2396/origin.71016342.png)
}

.download-games-wrapper .swiper-container-games .popuar-games-content.game9 {
    background-image: url(./2396/PS5.d0c0be5d.png)
}

.download-games-wrapper .swiper-container-games .popuar-games-content.game10 {
    background-image: url(./2396/PUBG.392e8ee2.png)
}

.download-games-wrapper .swiper-container-games .popuar-games-content.game11 {
    background-image: url(./2396/shenyoushifang.92e6a4af.png)
}

.download-games-wrapper .swiper-container-games .popuar-games-content.game12 {
    background-image: url(./2396/steam.d16f566a.png)
}

.download-games-wrapper .swiper-container-games .popuar-games-content.game13 {
    background-image: url(./2396/Switch.ce8f80df.png)
}

.download-games-wrapper .swiper-container-games .popuar-games-content.game14 {
    background-image: url(./2396/tangdouren.c8710345.png)
}

.download-games-wrapper .swiper-container-games .popuar-games-content.game15 {
    background-image: url(./2396/taolitakefu.e9e1aa93.png)
}

.download-games-wrapper .swiper-container-games .popuar-games-content.game16 {
    background-image: url(./2396/ubisoft.a3321b79.png)
}

.download-games-wrapper .swiper-container-games .popuar-games-content.game17 {
    background-image: url(./2396/Xbox.96a6a7dc.png)
}

.download-games-wrapper .swiper-container-games .popuar-games-content.game18 {
    background-image: url(./2396/steam.d16f566a.png)
}

.download-games-wrapper .swiper-container-games .popuar-games-content.game19 {
    background-image: url(./2396/Switch.ce8f80df.png)
}

.download-games-wrapper .swiper-container-games .popuar-games-content.game20 {
    background-image: url(./2396/xingjizhanjia.9db43d62.png)
}

.download-games-wrapper .swiper-container-games .popuar-games-content.game21 {
    background-image: url(./2396/yingxionglianmeng.771f9b51.png)
}

.download-games-wrapper .swiper-container-games .popuar-games-content.game22 {
    background-image: url(./2396/yongjiewujian.15054918.png)
}

.download-games-wrapper .swiper-container-games .popuar-games-content.game23 {
    background-image: url(./2396/zhandifengyun5.8df4fed7.png)
}

.download-games-wrapper .popuar-games-wrapper {
    width: 1200px
}

.partner-wrapper {
    padding-top: 67px;
    padding-bottom: 10px;
    background-image: url(./2396/partner-bg.549e0826.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.partner-wrapper .partner-title {
    display: block;
    width: 454px;
    height: 80px;
    background-size: cover;
    background-position: 50%;
    margin: auto auto 25px
}

.partner-wrapper .partner-content {
    width: 1200px;
    margin: 30px auto 100px;
    text-align: center
}

.partner-wrapper .partner-content img {
    max-height: 60px;
    width: auto;
    margin: 23px;
    cursor: pointer;
    transition: all .3s
}

.partner-wrapper .partner-content img:hover {
    transform: scale(1.1)
}

.popular-news-wrapper {
    height: 582px;
    background-image: url(./2396/popular-news.a62bcfa0.png);
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    padding-top: 67px
}

.popular-news-wrapper .news-title {
    display: block;
    width: 454px;
    height: 80px;
    background-size: cover;
    background-position: 50%;
    margin: auto auto 25px
}

.popular-news-wrapper .news-content .news-content-row {
    text-align: center;
    margin-bottom: 10px
}

.popular-news-wrapper .news-content .news-content-item {
    display: inline-block;
    text-align: left;
    padding: 0 15px;
    width: 590px;
    height: 58px;
    line-height: 58px;
    background: #f9f9f9
}

.popular-news-wrapper .news-content .news-content-item+.news-content-item {
    margin-left: 20px
}

.popular-news-wrapper .news-content .news-content-title {
    font-size: 18px;
    color: #000;
    display: inline-block;
    max-width: 420px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.popular-news-wrapper .news-content .news-content-time {
    float: right;
    font-size: 18px;
    color: #666
}

.introduce-highlight-wrapper {
    height: 582px;
    background-image: linear-gradient(90deg,#1f0840,#222426);
    background-size: cover;
    background-position: 50%
}

.introduce-highlight-wrapper .intro-content {
    width: 1080px;
    height: 528px;
    margin: auto
}

.introduce-highlight-wrapper .intro-left {
    width: 690px;
    height: 528px;
    float: left;
    text-align: center
}

.introduce-highlight-wrapper .intro-left .service-title {
    margin-top: 60px;
    width: 480px;
    height: 148px;
    margin-bottom: 40px;
    text-align: center
}

.introduce-highlight-wrapper .intro-left .intro-imgs {
    width: 100%;
    height: 100px;
    position: relative
}

.introduce-highlight-wrapper .intro-left .img-title {
    position: absolute;
    font-family: MicrosoftYaHei;
    font-size: 16px;
    color: #fff;
    letter-spacing: 0;
    text-align: center;
    font-weight: 400
}

.introduce-highlight-wrapper .intro-left .img-title.title1 {
    top: 200px;
    left: 0
}

.introduce-highlight-wrapper .intro-left .img-title.title2 {
    top: 150px;
    left: 140px
}

.introduce-highlight-wrapper .intro-left .img-title.title3 {
    top: 200px;
    left: 255px
}

.introduce-highlight-wrapper .intro-left .img-title.title4 {
    top: 150px;
    left: 396px
}

.introduce-highlight-wrapper .intro-left .img-title.title5 {
    top: 200px;
    left: 510px
}

.introduce-highlight-wrapper .intro-left .intro-img {
    width: 147px;
    height: 140px;
    position: absolute
}

.introduce-highlight-wrapper .intro-left .intro-img.img1 {
    top: 50px;
    left: 0
}

.introduce-highlight-wrapper .intro-left .intro-img.img2 {
    top: 0;
    left: 140px
}

.introduce-highlight-wrapper .intro-left .intro-img.img3 {
    top: 50px;
    left: 255px
}

.introduce-highlight-wrapper .intro-left .intro-img.img4 {
    top: 0;
    left: 396px
}

.introduce-highlight-wrapper .intro-left .intro-img.img5 {
    top: 50px;
    left: 510px
}

.introduce-highlight-wrapper .intro-right {
    width: 390px;
    height: 528px;
    float: right;
    text-align: center
}

.introduce-highlight-wrapper .intro-right .ybb-logo {
    width: 290px;
    height: 240px;
    margin-top: 117px
}

.introduce-highlight-wrapper .intro-right .service-down-btn {
    display: block;
    width: 196px;
    height: 66px;
    line-height: 66px;
    margin: 45px auto auto;
    font-family: MicrosoftYaHei;
    font-size: 22px;
    color: #fff;
    letter-spacing: 2px;
    text-align: center;
    font-weight: 400;
    background-image: url(./2396/service_btn_normal.bb5dd251.png);
    background-size: cover;
    background-position: 50%
}

.content-wrapper {
    background-image: url(./2396/bg_ditu.d4b36bd8.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.common-wrapper {
    position: relative;
    margin: 0 auto;
    padding-top: 90px;
    max-width: 1200px
}

.common-wrapper .common-title {
    margin-bottom: 40px;
    font-size: 32px;
    line-height: 45px;
    font-weight: 400
}

.common-wrapper .common-title:after {
    content: "";
    display: inline-block;
    vertical-align: top;
    width: 189px;
    height: 45px;
    background-position: 50%;
    background-image: url(./2396/bg_tittle_icon.1e627de9.svg);
    background-repeat: no-repeat;
    margin-left: 12px
}

.common-wrapper .common-box {
    overflow: hidden
}

.activity-wrapper .common-wrapper,.zhuanban-wrapper .common-wrapper {
    padding-bottom: 40px
}

.activity-wrapper .common-box,.zhuanban-wrapper .common-box {
    display: flex
}

.activity-wrapper .zhuanban-img,.zhuanban-wrapper .zhuanban-img {
    width: 600px;
    height: 232px
}

.activity-wrapper .zhuanban-content,.zhuanban-wrapper .zhuanban-content {
    display: inline-block;
    padding-left: 144px;
    padding-right: 83px
}

.activity-wrapper .zhuanban-title,.zhuanban-wrapper .zhuanban-title {
    font-size: 24px;
    color: #fff;
    margin-bottom: 20px
}

.activity-wrapper .zhuanban-desc,.zhuanban-wrapper .zhuanban-desc {
    font-size: 14px;
    color: #fff;
    margin-bottom: 42px
}

.activity-wrapper .zhuanban-center-content,.zhuanban-wrapper .zhuanban-center-content {
    flex: 1;
    position: relative;
    padding-top: 103px;
    height: 370px;
    text-align: center;
    background-image: url(./2396/bg_ac_banner.57bb390c.png);
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat
}

.activity-wrapper .zhuanban-center-content:after,.zhuanban-wrapper .zhuanban-center-content:after {
    content: "";
    position: absolute;
    top: 0;
    right: 26px;
    width: 69px;
    height: 81px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjkiIGhlaWdodD0iODIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjRDAxQzJBIiBkPSJNMCAuNWg2OXY4MUwzNC41IDY3LjE2NCAwIDgxLjV6Ii8+PHBhdGggZD0iTTM0LjMzOCA0OS41aC03LjA2MkE4LjI2OSA4LjI2OSAwIDAxMTkgNDEuMjI0VjI1Ljc3NmE4LjI2OSA4LjI2OSAwIDAxOC4yNzYtOC4yNzZoNy4wNjJ2MzJ6bS0xMi45MS0yMy4zOTN2MTQuNzg2YTUuNTIzIDUuNTIzIDAgMDA1LjUxNyA1LjUxN0gzMS44VjIwLjU5aC00Ljg1NWE1LjUyNCA1LjUyNCAwIDAwLTUuNTE3IDUuNTE3ek0zNy41MzggNDkuNXYtMzJoNS4xODZBOC4yNjkgOC4yNjkgMCAwMTUxIDI1Ljc3NnYxNS40NDhhOC4yNyA4LjI3IDAgMDEtOC4yNzYgOC4yNzZoLTUuMTg2em0yLjk4LTE0LjUxYTMuMjU1IDMuMjU1IDAgMTA2LjUxIDAgMy4yNTUgMy4yNTUgMCAwMC02LjUxIDB6TTIzLjc0NCAyNy4xYTMuMDkgMy4wOSAwIDExNi4xOCAwIDMuMDkgMy4wOSAwIDAxLTYuMTggMHoiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0ibm9uemVybyIvPjwvZz48L3N2Zz4=)
}

.activity-wrapper .zhuanban-btn,.zhuanban-wrapper .zhuanban-btn {
    display: inline-block;
    width: 1200px;
    height: 370px;
    position: absolute;
    left: 0;
    top: 0
}

.activity-wrapper .zhuanban-center-content {
    padding-top: 278px;
    background-image: url(./2396/bg_banner_916.7c85676e.png)
}

.activity-wrapper .zhuanban-center-content:after {
    display: none
}

.game-wrapper {
    margin-bottom: 99px
}

.game-wrapper .game-box {
    width: 2400px;
    height: 300px
}

.game-wrapper .game-item {
    position: relative;
    width: 200px;
    height: 300px;
    float: left
}

.game-wrapper .game-img {
    width: 100%;
    height: 100%
}

.guide-wrapper {
    margin-bottom: 139px
}

.guide-wrapper .common-box {
    font-size: 0
}

.guide-wrapper .step-box {
    display: inline-block;
    vertical-align: top;
    width: 480px;
    height: 456px;
    background: rgba(50,22,123,.8);
    border-radius: 4px;
    margin-right: 20px;
    padding: 60px 30px;
    font-size: 14px
}

.guide-wrapper .step-item {
    margin-bottom: 54px
}

.guide-wrapper .step-item .step-number {
    display: table-cell;
    width: 69px;
    height: 69px;
    background-position: 50%;
    background-repeat: no-repeat
}

.guide-wrapper .step-item .step-number.step-1 {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAiIGhlaWdodD0iODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjNDczNEI1IiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik0zOS44MiA2bDI5Ljg3OCAxNy4yNXYzNC41TDM5LjgyIDc1IDkuOTQyIDU3Ljc1di0zNC41eiIvPjxwYXRoIGZpbGw9IiMzNzI1OUMiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTM5LjgyIDE1bDIyLjA4NCAxMi43NXYyNS41TDM5LjgyIDY2IDE3LjczNyA1My4yNXYtMjUuNXoiLz48cGF0aCBmaWxsPSIjNDczNEI1IiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik02LjI5OSA0Ni4wMTFsMS4zLjc1djEuNWwtMS4zLjc1TDUgNDguMjYxdi0xLjV6TTI4LjU5OCA3LjU4OGwuMTMgMS40OTQtMS4yMjguODYtMS4zNi0uNjMzLS4xMy0xLjQ5NSAxLjIyOC0uODZ6Ii8+PHBhdGggc3Ryb2tlPSIjNDczNEI1IiBzdHJva2Utd2lkdGg9Ii41IiBkPSJNNi4zMiA0Ni4zNzh2LTI1LjQ5TDI2LjQ1MyA5Ii8+PHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNNDMuNjk1IDUxLjc1VjI5SDM1LjMydjQuMzc1aDMuNVY1MS43NXoiLz48cGF0aCBkPSJNMCAwaDgwdjgwSDB6Ii8+PC9nPjwvc3ZnPg==)
}

.guide-wrapper .step-item .step-number.step-2 {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAiIGhlaWdodD0iODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjNDczNEI1IiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik0zOS44NzggNS4zOTNsMjkuODc4IDE3LjI1djM0LjVsLTI5Ljg3OCAxNy4yNUwxMCA1Ny4xNDN2LTM0LjV6Ii8+PHBhdGggZmlsbD0iIzM3MjU5QyIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMzkuODc4IDE0LjM5M2wyMi4wODQgMTIuNzV2MjUuNWwtMjIuMDg0IDEyLjc1LTIyLjA4NC0xMi43NXYtMjUuNXoiLz48cGF0aCBmaWxsPSIjNDczNEI1IiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik0xNC42ODMgMTUuMTNsLjEzMSAxLjQ5NS0xLjIyOS44Ni0xLjM2LS42MzQtLjEzLTEuNDk0IDEuMjI5LS44NnpNNTUuNzgzIDkuNzc3bDEuMzYtLjYzNCAxLjIyOC44Ni0uMTMgMS40OTUtMS4zNi42MzQtMS4yMjktLjg2eiIvPjxwYXRoIHN0cm9rZT0iIzQ3MzRCNSIgc3Ryb2tlLXdpZHRoPSIuNSIgZD0iTTE0LjM3OCAxNS4zNEwzOS44NzggMWwxNS45NzkgOC45MyIvPjxwYXRoIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTQ5LjM3OCA1MS4xNDNWNDYuODNIMzUuMTl2LTQuOTM3aDE0LjE4OHYtMTMuNWgtMTguNzV2NC4zNzVoMTMuOTM3djQuNzVIMzAuMzc4djEzLjYyNXoiLz48cGF0aCBkPSJNMCAwaDgwdjgwSDB6Ii8+PC9nPjwvc3ZnPg==)
}

.guide-wrapper .step-item .step-number.step-3 {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAiIGhlaWdodD0iODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjNDczNEI1IiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik0zOS44NzggNWwyOS44NzggMTcuMjV2MzQuNUwzOS44NzggNzQgMTAgNTYuNzV2LTM0LjV6Ii8+PHBhdGggZmlsbD0iIzM3MjU5QyIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMzkuODc4IDE0bDIyLjA4NCAxMi43NXYyNS41TDM5Ljg3OCA2NSAxNy43OTQgNTIuMjV2LTI1LjV6Ii8+PHBhdGggZmlsbD0iIzQ3MzRCNSIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNNzQuMzc4IDQ5LjM3NWwxLjI5OS43NXYxLjVsLTEuMy43NS0xLjI5OC0uNzV2LTEuNXpNNTUuNzgzIDkuMzg1bDEuMzYtLjYzNCAxLjIyOC44Ni0uMTMgMS40OTQtMS4zNi42MzQtMS4yMjktLjg2eiIvPjxwYXRoIHN0cm9rZT0iIzQ3MzRCNSIgc3Ryb2tlLXdpZHRoPSIuNSIgZD0iTTU4LjI0IDExLjEwNWwxNi4xMzggOS44NDN2MjkuOTI3Ii8+PHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNNDkuMzc4IDUwLjg3NXYtMjIuNzVoLTE5djQuNDM4aDE0LjE4N3Y0LjYyNEgzMi42OXY0LjM3NmgxMS44NzVWNDYuNUgzMC4zNzh2NC4zNzV6Ii8+PHBhdGggZD0iTTAgMGg4MHY4MEgweiIvPjwvZz48L3N2Zz4=)
}

.guide-wrapper .step-item .step-text {
    display: table-cell;
    padding-left: 20px;
    vertical-align: middle
}

.guide-wrapper .demo-box {
    display: inline-block;
    vertical-align: top;
    width: 700px;
    height: 456px
}

.guide-wrapper .demo-img {
    width: 100%;
    height: 100%
}

.plan-wrapper .tabs-box {
    display: flex;
    margin-bottom: 52px;
    justify-content: center
}

.plan-wrapper .tab-item {
    position: relative;
    font-family: PingFangSC-Semibold;
    font-size: 16px;
    color: hsla(0,0%,100%,.6);
    cursor: pointer
}

.plan-wrapper .tab-item.active {
    color: #50bcfd
}

.plan-wrapper .tab-item.active:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translateX(-50%);
    margin-top: 4px;
    width: 30px;
    height: 3px;
    background: #50bcfd;
    border-radius: 1.5px
}

.plan-wrapper .plan-box {
    display: flex;
    overflow-y: auto
}

.plan-wrapper .plan-item-card {
    position: relative;
    padding: 0 20px;
    width: 270px;
    height: 360px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjcwIiBoZWlnaHQ9IjM2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PGxpbmVhckdyYWRpZW50IHgxPSIzNi45MjglIiB5MT0iMTYuMzQzJSIgeDI9IjcwLjQzJSIgeTI9IjgyLjYxMSUiIGlkPSJiIj48c3RvcCBzdG9wLWNvbG9yPSIjNTU4M0ZEIiBvZmZzZXQ9IjAlIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzI4M0RGRiIgb2Zmc2V0PSI5OS45NDMlIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCBpZD0iYSIgeD0iMCIgeT0iMCIgd2lkdGg9IjI3MCIgaGVpZ2h0PSIzNjAiIHJ4PSI0Ii8+PC9kZWZzPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PG1hc2sgaWQ9ImMiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iI2EiLz48L21hc2s+PHVzZSBmaWxsPSJ1cmwoI2IpIiB4bGluazpocmVmPSIjYSIvPjxwYXRoIGQ9Ik0zMjkuMDk1LTQwYzUuNTggMCAxMC42OTggMy4xMDYgMTMuMjgzIDguMDZsNTYuOTE2IDEwOS4wODFhMTUuMDQ0IDE1LjA0NCAwIDAxLTIuMDI2IDE2Ljg3NWwtMTQ5LjAxIDE2OS45MmExNC45NzcgMTQuOTc3IDAgMDEtMTEuMjYgNS4xMDRjLTQuMzEgMC04LjQxMy0xLjg2LTExLjI2LTUuMTA1TDc2LjcyOSA5NC4wMTZhMTUuMDQ0IDE1LjA0NCAwIDAxLTIuMDItMTYuODc1bDU2LjkxNS0xMDkuMDhBMTQuOTg3IDE0Ljk4NyAwIDAxMTQ0LjkwNy00MHptLTc0LjYyNCAyNy4yNDZjLTEuNDc0LTEuMTctMi44MDEtLjg4NS0zLjk4MS44ODZMMTU4LjQ2IDEwOC40NzdjLTEuMTggMS40ODQtMS4zMjcgMi44MS0uNDQzIDMuOTgxLjU5IDEuMTggMS42MjMgMS43NyAzLjA5OCAxLjc3aDU5LjczbC0xMy43MTYgODAuOTY3Yy0uNTkgMS43Ny4xNDcgMi45NDEgMi4yMTIgMy41NC4yOTUuMjg2LjczOC40NDMgMS4zMjcuNDQzIDEuMTggMCAyLjIxMy0uNDQzIDMuMDk4LTEuMzI3bDg0Ljk1LTEyMC4zNDVjLjI5NC0xLjQ3Ni4yOTQtMi44MDMgMC0zLjk4My0uNTkxLTEuMTctMS42MjQtMS43NjktMy4wOTgtMS43NjloLTUyLjY1MmwxMy43MTctODAuOTY4YzAtMi4wNTYtLjczOC0zLjI0NS0yLjIxMy0zLjU0eiIgZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBvcGFjaXR5PSIuMSIgbWFzaz0idXJsKCNjKSIvPjwvZz48L3N2Zz4=);
    background-size: contain;
    background-repeat: no-repeat
}

.plan-wrapper .plan-item-card+.plan-item-card {
    margin-left: 40px
}

.plan-wrapper .plan-item-card.hot {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjcwIiBoZWlnaHQ9IjM2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PGxpbmVhckdyYWRpZW50IHgxPSIzMS40MTElIiB5MT0iMTMuMjc1JSIgeDI9IjczLjIxOCUiIHkyPSI5Mi42OTglIiBpZD0iYiI+PHN0b3Agc3RvcC1jb2xvcj0iIzhGNUNGMSIgb2Zmc2V0PSIwJSIvPjxzdG9wIHN0b3AtY29sb3I9IiM0RTJERkMiIG9mZnNldD0iMTAwJSIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgaWQ9ImEiIHg9IjAiIHk9IjAiIHdpZHRoPSIyNzAiIGhlaWdodD0iMzYwIiByeD0iNCIvPjwvZGVmcz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxtYXNrIGlkPSJjIiBmaWxsPSIjZmZmIj48dXNlIHhsaW5rOmhyZWY9IiNhIi8+PC9tYXNrPjx1c2UgZmlsbD0idXJsKCNiKSIgeGxpbms6aHJlZj0iI2EiLz48ZyBtYXNrPSJ1cmwoI2MpIiBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iIG9wYWNpdHk9Ii4xIj48cGF0aCBkPSJNMzI5LjA5NS00MGM1LjU4IDAgMTAuNjk4IDMuMTA2IDEzLjI4MyA4LjA2bDU2LjkxNiAxMDkuMDY2YTE1LjA0IDE1LjA0IDAgMDEtMi4wMjYgMTYuODczbC0xNDkuMDEgMTY5Ljg5N2ExNC45NzcgMTQuOTc3IDAgMDEtMTEuMjYgNS4xMDRjLTQuMzEgMC04LjQxMy0xLjg2LTExLjI2LTUuMTA0TDc2LjcyOSA5My45OTlhMTUuMDQgMTUuMDQgMCAwMS0yLjAyLTE2Ljg3M0wxMzEuNjIzLTMxLjk0QTE0Ljk4NyAxNC45ODcgMCAwMTE0NC45MDctNDB6bS03NC40MDggMjYuNzA1Yy0xLjQ3LTEuMTcyLTIuNzkyLS44ODctMy45NjguODg3bC05MS43MTEgMTIwLjU1MWMtMS4xNzYgMS40ODctMS4zMjMgMi44MTYtLjQ0MiAzLjk4OC41ODkgMS4xODIgMS42MTggMS43NzQgMy4wODcgMS43NzRoNTkuNTI1bC0xMy42NyA4MS4xMDVjLS41ODYgMS43NzQuMTQ4IDIuOTQ2IDIuMjA2IDMuNTQ2LjI5My4yODcuNzM1LjQ0NCAxLjMyMi40NDQgMS4xNzYgMCAyLjIwNS0uNDQ0IDMuMDg3LTEuMzNMMjk4Ljc4IDc3LjEyYy4yOTMtMS40OC4yOTMtMi44MDkgMC0zLjk5LS41ODktMS4xNzMtMS42MTgtMS43NzItMy4wODctMS43NzJoLTUyLjQ3TDI1Ni44OTItOS43NWMwLTIuMDYtLjczNi0zLjI1MS0yLjIwNS0zLjU0NnoiLz48L2c+PC9nPjwvc3ZnPg==)
}

.plan-wrapper .plan-item-card.hot:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 63px;
    height: 63px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjMiIGhlaWdodD0iNjMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTAgMGgzMC45OTNMNjMgMzEuOTZWNjN6IiBmaWxsPSIjRjg0RDMxIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=);
    background-repeat: no-repeat;
    background-size: contain
}

.plan-wrapper .plan-item-card.hot:after {
    content: "推荐";
    position: absolute;
    top: 12px;
    right: 10px;
    transform: rotate(45deg);
    font-size: 14px
}

.plan-wrapper .plan-title {
    margin-top: 28px;
    height: 35px;
    line-height: 35px;
    font-size: 24px
}

.plan-wrapper .plan-unit-price {
    margin-top: 57px;
    height: 50px;
    font-size: 36px;
    color: #fff;
    text-align: center
}

.plan-wrapper .plan-sum-sale-price {
    margin-top: 32px;
    font-size: 24px;
    color: #fff;
    text-align: center;
    line-height: 22px
}

.plan-wrapper .plan-sum-price-wrapper {
    margin-top: 4px;
    height: 22px
}

.plan-wrapper .plan-sum-price {
    margin-top: 4px;
    font-size: 14px;
    color: hsla(0,0%,100%,.8);
    text-align: center;
    line-height: 22px
}

.plan-wrapper .plan-sum-price span {
    text-decoration: line-through
}

.plan-wrapper .plan-sum-price.hide span {
    display: none
}

.plan-wrapper .plan-sum-price.show {
    text-decoration: none
}

.plan-wrapper .plan-sum-price.show .go-buy-tip {
    color: red;
    text-decoration: none
}

.plan-wrapper .plan-buy-button {
    margin-top: 30px;
    outline: none;
    width: 230px;
    height: 48px;
    line-height: 48px;
    border: 1px solid #fff;
    border-radius: 24px;
    background-color: transparent;
    font-size: 16px;
    color: #fff;
    cursor: pointer
}

.plan-wrapper .plan-buy-button:hover {
    background-color: #fff;
    color: #08f
}

.plan-wrapper .plan-buy-button:active {
    opacity: .8
}

.plan-wrapper .agree-box {
    margin-top: 28px
}

.plan-wrapper .agree-box .agree-text {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #fff
}

.plan-wrapper .agree-box .agree-text:hover {
    color: #2555ff;
    text-decoration: underline
}

.callback-wrapper {
    text-align: center;
    padding-top: 160px
}

.callback-wrapper .callback-title {
    font-family: PingFangSC-Semibold;
    font-size: 42px;
    color: #fff
}

.callback-wrapper .back-btn {
    display: inline-block;
    width: 160px;
    height: 44px;
    margin-top: 32px;
    line-height: 44px;
    font-size: 18px;
    color: #fff;
    background-image: linear-gradient(141deg,#0fa5ff,#2660fe);
    border-radius: 30px
}

.ic-question {
    display: inline-block;
    vertical-align: top;
    width: 14px;
    height: 20px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTcuMDAxLjAxM2E3LjAwNyA3LjAwNyAwIDAwLTcgNi45OTkgNy4wMDcgNy4wMDcgMCAwMDcuMDAxIDcgNy4wMDcgNy4wMDcgMCAwMDctNy4wMDEgNy4wMDcgNy4wMDcgMCAwMC03LTYuOTk4em0uNjMgMTAuNjYyYS44OTQuODk0IDAgMDEtLjYzLjI1MmgtLjAxNWEuODk0Ljg5NCAwIDAxLS42MzctLjI2Ljg5NC44OTQgMCAwMS0uMjYtLjYzN2MwLS4yNi4wOTEtLjQ3LjI2OC0uNjM3YS44NDYuODQ2IDAgMDEuNjM3LS4yNTJoLjIxOHYuMDI1YS43ODcuNzg3IDAgMDEuNDI3LjIyNy44NjYuODY2IDAgMDEuMjYuNjM3YzAgLjI1LS4wOTEuNDY5LS4yNjguNjQ1em0xLjMxNi0zLjg3M2MtLjA2LjA3Ni0uMjEuMjI2LS44MjIuNzYzLS4xNDMuMTE3LS4yNi4yNjMtLjM0NC40MjctLjA4NS4xNjMtLjEyOS4zNDUtLjEyNi41Mjl2LjM3N0g2LjIxM1Y4LjUyYzAtLjQwMy4wNjgtLjczLjIxLS45OTguMTQyLS4yODQuNDk1LS42NzkgMS4xMDctMS4yMDdsLjE1LS4xNjhhLjg2Mi44NjIgMCAwMC4yMTgtLjU1M2MwLS4yNjktLjA3NS0uNDc4LS4yMTctLjYyOC0uMTQyLS4xNDMtLjM2LS4yMTktLjY0Ni0uMjE5LS4zNTIgMC0uNjA0LjEwMi0uNzQ2LjMxLS4xNDIuMTkzLS4yMTguNDctLjIxOC44Mzh2LjIxOUg0LjY0NnYtLjIyYzAtLjczNy4yMTgtMS4zNC42NTQtMS43NzcuNDM2LS40NDQgMS4wNDgtLjY3IDEuODAzLS42Ny42NjEgMCAxLjIwNy4xODUgMS42MTcuNTUzLjQyNy4zNy42MzcuODguNjMgMS41MTcgMCAuNTAzLS4xMzUuOTQtLjQwMyAxLjI4M3oiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0ibm9uemVybyIgb3BhY2l0eT0iLjMiLz48L3N2Zz4=);
    background-repeat: no-repeat;
    background-position: 50%;
    cursor: pointer
}

.tooltip-title-plan {
    display: block;
    text-align: left;
    font-size: 14px;
    line-height: 22px
}

.tooltip-title-plan.tooltip-detail-plan {
    font-size: 12px;
    line-height: 20px
}

.tornado-tooltip {
    position: relative;
    display: inline-block;
    vertical-align: top
}

.tornado-tooltip.tooltip-location {
    margin-left: 5px;
    margin-right: 67px
}

.tornado-tooltip .tooltip-content {
    display: none;
    position: absolute;
    min-width: 200px;
    margin-bottom: 8px;
    background: #333184;
    border-radius: 4px;
    padding: 7px 10px;
    font-size: 12px;
    color: #fff;
    line-height: 18px;
    text-align: center;
    z-index: 2
}

.tornado-tooltip .tooltip-content:after {
    content: "";
    position: absolute;
    z-index: 1;
    width: 0;
    height: 0;
    border-color: #333184 transparent transparent;
    border-style: solid;
    border-width: 8px 8px 0
}

.tornado-tooltip .tooltip-content.top-center {
    left: 50%;
    bottom: 100%;
    transform: translateX(-50%)
}

.tornado-tooltip .tooltip-content.top-center:after {
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%)
}

.tornado-tooltip .tooltip-content.top-right {
    right: -15px;
    bottom: 100%
}

.tornado-tooltip .tooltip-content.top-right:after {
    bottom: -8px;
    right: 15px
}

.tornado-tooltip .tooltip-content.bottom-left {
    left: -15px;
    top: 100%;
    margin-top: 4px
}

.tornado-tooltip .tooltip-content.bottom-left:after {
    top: -15px;
    left: 15px;
    margin-top: 8px;
    border-color: transparent transparent #333184;
    border-style: solid;
    border-width: 0 8px 8px
}

.tornado-tooltip:hover .tooltip-content {
    display: block
}

.buy-plan-modal .tornado-modal-body {
    text-align: center
}

.buy-plan-modal .tornado-modal-body .plan-download-btn {
    margin-top: 30px
}

.buy-plan-modal .tornado-modal-body .plan-download-btn a {
    display: inline-block;
    width: 100%;
    color: #fff
}

@media (max-width: 768px) {
    .banner-wrapper {
        padding-left:10px;
        padding-right: 10px;
        height: auto
    }

    .banner-wrapper .banner-download {
        margin-bottom: 40px
    }

    .tornado-fixed-modal {
        display: none
    }

    .plan-wrapper .plan-item-card+.plan-item-card {
        margin-left: 10px
    }

    .common-wrapper .common-title {
        font-size: 24px
    }

    #mac-button,#windows-button {
        display: none
    }

    .activity-wrapper,.content-wrapper {
        padding: 0 10px
    }

    .guide-wrapper .step-box {
        width: 100%;
        height: auto;
        margin-bottom: 20px;
        padding: 40px 10px
    }

    .guide-wrapper .step-item {
        margin-bottom: 34px
    }

    .guide-wrapper .demo-box {
        width: 100%;
        height: 250px
    }

    .callback-wrapper {
        padding-top: 40px
    }

    .callback-wrapper .callback-title {
        font-size: 32px
    }
}

.tornado-input,.tornado-textarea {
    cursor: text;
    resize: none
}

.tornado-button,.tornado-input,.tornado-textarea {
    outline: none;
    -webkit-appearance: none;
    border: none;
    font-size: 14px
}

.tornado-button {
    cursor: pointer;
    background: linear-gradient(141deg,#0fa5ff,#2660fe);
    color: #fff;
    border-radius: 30px
}

.tornado-button:hover {
    background: #08f;
    background-image: none
}

.tornado-button:active {
    background: #1067ee;
    background-image: none
}

.tornado-button.disabled {
    opacity: .5;
    background: hsla(0,0%,80%,.5);
    color: #ccc;
    cursor: not-allowed
}

.tornado-modal {
    position: relative;
    font-size: 14px;
    color: #fff;
    text-align: left
}

.tornado-modal.hide {
    display: none
}

.tornado-modal .tornado-modal-mask {
    background-color: rgba(0,0,0,.5)
}

.tornado-modal .tornado-modal-wrapper {
    box-shadow: 0 5px 30px 0 rgba(5,8,27,.5);
    background-color: #1b1a50
}

.tornado-modal .text-btn.ok-btn {
    color: #fff;
    background-image: linear-gradient(141deg,#0fa5ff,#2660fe)
}

.tornado-modal .text-btn.cancel-btn {
    color: #fff;
    background-color: #2f2e72;
    background-image: none
}

.tornado-modal.tornado-modal-activity1 .tornado-modal-wrapper {
    background-color: #fffbe8;
    color: #333
}

.tornado-modal.tornado-modal-activity1 .text-btn.ok-btn {
    color: #fff;
    background-image: linear-gradient(90deg,#fdb573,#eb555b)
}

.tornado-modal.tornado-modal-activity1 .text-btn.cancel-btn {
    background: none;
    border: .03rem solid #eb555b;
    border-radius: .54rem;
    color: #eb555b
}

.tornado-modal.tornado-modal-activity2 .tornado-modal-wrapper {
    background-color: #ce2f1b;
    color: #ffc95d
}

.tornado-modal.tornado-modal-activity2 .text-btn.ok-btn {
    color: #d15330;
    background-image: none;
    background: #f7dc6a
}

.tornado-modal.tornado-modal-activity2 .text-btn.cancel-btn {
    background: none;
    border: 1px solid #f7dc6a;
    border-radius: 20px;
    color: #f7dc6a
}

.tornado-modal.tornado-modal-activity2 .tornado-modal-header .close-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTguODU5IDguMTQybDQuNTMtNC41M2EuNTkzLjU5MyAwIDAwMC0uODM0bC0uMDI1LS4wMjVhLjU5My41OTMgMCAwMC0uODM0IDBMOCA3LjI5IDMuNDcgMi43NTNhLjU5My41OTMgMCAwMC0uODM0IDBsLS4wMjUuMDI1YS41ODIuNTgyIDAgMDAwIC44MzRsNC41MyA0LjUzLTQuNTMgNC41M2EuNTkzLjU5MyAwIDAwMCAuODM0bC4wMjUuMDI1YS41OTMuNTkzIDAgMDAuODM0IDBMOCA5bDQuNTMgNC41M2EuNTkzLjU5MyAwIDAwLjgzNCAwbC4wMjUtLjAyNWEuNTkzLjU5MyAwIDAwMC0uODM0bC00LjUzLTQuNTN6IiBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iIG9wYWNpdHk9Ii44Ii8+PC9zdmc+)
}

.tornado-modal-mask {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999
}

.tornado-modal-container {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000
}

.tornado-modal-container .tornado-modal-wrapper {
    position: absolute;
    width: 380px;
    min-height: 224px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border-radius: 4px;
    display: flex;
    flex-direction: column
}

.tornado-modal-container .tornado-modal-header {
    position: relative;
    height: 70px;
    line-height: 70px;
    font-size: 18px;
    padding: 0 30px
}

.tornado-modal-container .tornado-modal-header.with-line {
    border-bottom: 1px solid #2e3a6b
}

.tornado-modal-container .tornado-modal-header .close-icon {
    position: absolute;
    top: 50%;
    right: 25px;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    cursor: pointer;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTguODU5IDguMTQybDQuNTMtNC41M2EuNTkzLjU5MyAwIDAwMC0uODM0bC0uMDI1LS4wMjVhLjU5My41OTMgMCAwMC0uODM0IDBMOCA3LjI5IDMuNDcgMi43NTNhLjU5My41OTMgMCAwMC0uODM0IDBsLS4wMjUuMDI1YS41ODIuNTgyIDAgMDAwIC44MzRsNC41MyA0LjUzLTQuNTMgNC41M2EuNTkzLjU5MyAwIDAwMCAuODM0bC4wMjUuMDI1YS41OTMuNTkzIDAgMDAuODM0IDBMOCA5bDQuNTMgNC41M2EuNTkzLjU5MyAwIDAwLjgzNCAwbC4wMjUtLjAyNWEuNTkzLjU5MyAwIDAwMC0uODM0bC00LjUzLTQuNTN6IiBmaWxsPSIjNUM2MDdFIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4=);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.tornado-modal-container .tornado-modal-header .close-icon:hover {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTguODU5IDguMTQybDQuNTMtNC41M2EuNTkzLjU5MyAwIDAwMC0uODM0bC0uMDI1LS4wMjVhLjU5My41OTMgMCAwMC0uODM0IDBMOCA3LjI5IDMuNDcgMi43NTNhLjU5My41OTMgMCAwMC0uODM0IDBsLS4wMjUuMDI1YS41ODIuNTgyIDAgMDAwIC44MzRsNC41MyA0LjUzLTQuNTMgNC41M2EuNTkzLjU5MyAwIDAwMCAuODM0bC4wMjUuMDI1YS41OTMuNTkzIDAgMDAuODM0IDBMOCA5bDQuNTMgNC41M2EuNTkzLjU5MyAwIDAwLjgzNCAwbC4wMjUtLjAyNWEuNTkzLjU5MyAwIDAwMC0uODM0bC00LjUzLTQuNTN6IiBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iIG9wYWNpdHk9Ii44Ii8+PC9zdmc+)
}

.tornado-modal-container .tornado-modal-header .close-icon:active {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTguODU5IDguMTQybDQuNTMtNC41M2EuNTkzLjU5MyAwIDAwMC0uODM0bC0uMDI1LS4wMjVhLjU5My41OTMgMCAwMC0uODM0IDBMOCA3LjI5IDMuNDcgMi43NTNhLjU5My41OTMgMCAwMC0uODM0IDBsLS4wMjUuMDI1YS41ODIuNTgyIDAgMDAwIC44MzRsNC41MyA0LjUzLTQuNTMgNC41M2EuNTkzLjU5MyAwIDAwMCAuODM0bC4wMjUuMDI1YS41OTMuNTkzIDAgMDAuODM0IDBMOCA5bDQuNTMgNC41M2EuNTkzLjU5MyAwIDAwLjgzNCAwbC4wMjUtLjAyNWEuNTkzLjU5MyAwIDAwMC0uODM0bC00LjUzLTQuNTN6IiBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4=)
}

.tornado-modal-container .tornado-modal-body {
    flex: 1;
    max-height: 550px;
    overflow: auto;
    line-height: 1.5;
    padding: 20px 30px
}

.tornado-modal-container .tornado-icon-box {
    margin-bottom: 14px;
    font-size: 18px;
    color: #40c87f
}

.tornado-modal-container .tornado-icon-box .tornado-icon.success {
    width: 30px;
    height: 30px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAASKADAAQAAAABAAAASAAAAACQMUbvAAAJE0lEQVR4AeWcCWxURRiA/3m7PWkB2wpyCUhaCuEMpdRIggUkigp4gKAlGhMhYkTFKMGjPgISQZFgYhBCCIYIAROQmiBCoQ1B0xYQgshRkJtyFwMVSru7z/9/3Vle95x37O5bnKSZ9+b4Z/5vZ/43ZxnE0D31x4IHm5qbHlMY5CseyFMAcrH4jsAgExTIYABpGHYH3xvwvYExuILxx/GvFsOOpgH8vqVQvhTDKmOxUXSKorBRNXOLFQXGo+LFWFo/wDBzRbIjTIKdzANl2cP67viRTXKbkxc+t8nKBhc+cu+8Xorb/TrGliCkh4OnMh/KgNUh9B+SHLBqW4F81LzEQAmWAhqzR+7X7IGPsHtMUkBxBBYXpRDGFKbARodD+rx8aOl+K0uxBNCYmvndmhXXYuxGL5rvQubUw1ZVxpyOWTsLPv3bnKSW3KYATdu7POmE5+L7aGM+wa7UxooKWSODNUoMFj7cAb5Y3VNuNCPTMKDiPfN6g8e9HsEMNFOB6OZlR51OaVJ5QemfRsuRjGQcVSOXoBHea284pJmS73J5aoqr5GlG9KQ8uloQAmEja+Z+hf4sowXGKx9jbPmIQpghM9mjpw7CgMje1LoursJfpURPAbZKy9imtKysKb/kzrwrWi8hQATnuPviJmw5T4sKtm06xip6dICxosY7og2ibkUt576AQ7+aohSfvgLrJiobhMZpERPtGssWo9Tptm0RxiqWf+fCtU6nV1b+HCl72C5GXyu3R1kTSUiixkuSNGNn4WfLwtU/JCAa59CnHFtPRjgBiRyHX7a7TgZF2wvlA6H0CGqDyCjTIPB+hkNA0K6muBRY/+xeOV0XoJbpg51HyKHU0R+OkPIa3PBxqJwBXcw78TyCGW00twpVfWvCsas1YVfqv2OYXOsvMaCLqbPy/xEcAoKNIRlX3Zb6w6H3Vi2I1nOaPHAw3ksWwSoaizAnsEfLi+QqbVmtWlDLYpfZJVGt+MR6drFAW+RrQeoyqct9LKYrgVHiNzp7AAxq2x0aPc3w241jsP/mKeGSHEls4I4h8kGewckfaA050eG0caTAvNzJMLhdT64WvPBQEayr2w0rzpX7wsI9uF3wBsa/zdOoXQyNFC7pwlQemIg+wfkyf2orOFyPKZ2HQ/9M4b2Dyeo40JtZBURbM2iYu3GBieZzOH0yuoaselF72oITcIqSc9x1aSxP6W1BMJ4HJJovAod08uDCuahDUzOBp20BRJt6CehE4ZBq1f/QBq2Ywy+Xj4dE28HqjqdYXtuk0gNn8+U9cKjhnHDdsQV1H1M9T7X0Eu2VJ9rAkOAsQoMczuZwGluv7oelp7fwV2HfpXiGU2KJDhII57JBQg6nbxiDzKtJcBadLMONXnH7w/Pid13lItEpCx5odz9WcIgDIlW5kJE2DOiBpAzonJIFUuspXVQ4xxIOKYADQ5WLE0l10KtRF4Qyu9cE3+DretMt+PbMVqio/0uvKKH0sYbjrVRH8unHzxSqpTdRqpQEC/Nf8cGh4OzkTCjNnQjPdSzUI0oobbrXIEfb5gRUhoG61CxhZ9O15jwiqy90Sc0OkEcBM3uMtRQSwaHpQ8zhoC7Ys9JlRZbwEATgyTZxFwoOl2AVpHjCUXXB+em+fZBKXUzX8ZCzd65yFiF9s5DiDser2ZAh0ChhU7oVUtMgEZX1h+HUbTpbGd4ZhWQXOLhOfZsOOpANagivautYl+KG0uPr4VrTzdYRQd70QrILHFUVpaXhSN6jtkHUCx10vvE6vHfke0sh6YNzwPAIObRWrWNwhqHaEhooik9zNTKshKQfzmZs+GgcouhwoKhuARGggL0g0XKtgGRHOKQ/4vcCwhPsokCCpTMDSYXTu0RwnEPdKvoth+soSXCMniU63s8DjfpGIPngZEZe6d16NbZwiAMeTt9NPo4TAR6vkg9jo+pDz2ZcVxxhL+nzKuQkt40opq6xHjqnZkVMFw84wNj5ymGy+supS65IqSJiTQUS6GlJtoWDemp5qICQWJmA/kJJOCSa4ZtxcWk53grj6NnHQwWUU9inXL0YYkYjTV6C9O6R1WAUUjzhYPu5kZyd5TuapwJSrxThrRmNjqYfjUKKLxzEw2CD9phwSxdDHHSlCGMtHX3phRRvONQqcC9+pbZ1+ADRfSvEs1EbacWzKCQ7wMH2s337MBnPZd5zPkAURPet7kVZ9xQJkj3g4KBQgvn+WqvjIG0gXvzYjPOccdowq55pgf/DR8bBwLY9VJEujxvW1O2CNRd2RX1uFVkHVllZJBf7p/Mdf+ERdBlNcbnH4MAxlYdZ5dfdrVe/brToTzsiJ+9chttu4WsTVlUjiBzmSnbcO/KiTdCqi1EE3dTDddiF2kRWP19AUIcaztoEjvrl+mbbUPlQMD0DAFEiuqmH2UxNYoMVZs8wdjqzXZocqm5BAdFNGLqph5B0rVeHKsS24Yw1M6c0uSx/dshhf1BApBBdY0QL/o5tlbOiYozNqSgorQ4nKuAr5p+4uFr+Do/o3W+3fXBMzNbiRZYS9MMOjkO2IA4qp7DvWyhtE3+/H3yEsi3X0em1SHBI14iAaJ6GN/ReRkiWLInEHTBjVUmpbZ5fUTC9WaQuEQGREDLadI0RIf0kItSuaajlJKe2Gb1t4Af/itYxog3SCqJrjNeqDy/DkTadJU4oh3DWUrcSbTlcOV2AeCa8Gv4mGu4l+JfCw2zr46ccW/6ciqGlX4vYHH89DAEiIU/UyIPoMhpCMnwAy78yVr/jIuAZcEovRfqUhytXyAYFE0DXGDMcMBh/lQX41xQsTfzCmAvrtCSzfVp/M3Co/oZbkFb5UdVynpvuWynKk9rw+DyzSpp4hppb6a2TJYB4oaOr5CL1SpGiPMPDYuez7bSes7NQ3mVlmZYC4hUbtU8e4L01MxlbVQ4Pt95nN2gNmZZJ/VcCrSorKoB45dR/aYEXQ3BYMAELKka/O48z7OOmHsqqoK0Z2n3QLrAblhkmY1QB+ZdLx/vpBDsd0sYJUB7OgugLSP8FLwPf0/mJfzSwt3GJsQGPoFzBNLUYV0t75bQd/OsQ+YS/3Gi+xxRQOEXowCSdCaRjb3r/hU04uWbj/gOajrJG/a6LPAAAAABJRU5ErkJggg==);
    background-size: contain;
    background-repeat: no-repeat
}

.tornado-modal-container .tornado-modal-footer {
    text-align: right;
    padding-bottom: 30px
}

.tornado-modal-container .tornado-modal-footer .button-group {
    display: inline-block
}

.tornado-modal-container .tornado-modal-footer .text-btn {
    display: inline-block;
    vertical-align: top;
    width: 80px;
    height: 30px;
    line-height: 30px;
    padding: 0;
    border: none;
    box-sizing: border-box;
    outline: none;
    cursor: pointer;
    font-size: 12px
}

.tornado-modal-container .tornado-modal-footer .text-btn:last-child {
    margin-left: 12px;
    margin-right: 30px
}

@media (max-width: 540px) {
    .tornado-modal-container {
        font-size:.4rem
    }

    .tornado-modal-container .tornado-modal-wrapper {
        width: 9rem;
        min-height: 6.26rem
    }

    .tornado-modal-container .tornado-modal-header {
        height: 1.28rem;
        line-height: 1.28rem;
        font-size: .48rem;
        padding: 0 .4rem
    }

    .tornado-modal-container .tornado-modal-body {
        padding: .6rem .4rem
    }

    .tornado-modal-container .tornado-modal-body .modal-hint-box {
        text-align: center
    }

    .tornado-modal-container .tornado-icon-box {
        margin-bottom: .3rem;
        font-size: .42rem
    }

    .tornado-modal-container .tornado-icon-box .tornado-icon.success {
        width: .72rem;
        height: .72rem
    }

    .tornado-modal-container .tornado-modal-footer {
        padding-bottom: .6rem;
        text-align: center
    }

    .tornado-modal-container .tornado-modal-footer .text-btn {
        width: 8.2rem;
        height: 1.2rem;
        line-height: 1.2rem;
        font-size: .42rem;
        margin-bottom: .2rem
    }

    .tornado-modal-container .tornado-modal-footer .text-btn:last-child {
        margin: 0
    }
}