/* @font-face {
    font-family: "Open Sans";
    font-weight: 600;
    src: url(../font/OpenSans-Semibold-34f5f07700ff23aff5b4ab0c97694040.eot);
    src: url(../font/OpenSans-Semibold-012c16b6d112ed8bc8447b937942e054.woff) format("woff"), url(../font/OpenSans-Semibold-76ff80b4e11006cf6cb13f019d5b73e7.ttf) format("truetype"), url(../font/OpenSans-Semibold-bb100c995f1d20b8a96462fe5f528bd4.svg) format("svg");
    font-display: swap
}

@font-face {
    font-family: "Open Sans";
    font-weight: 500;
    src: url(../font/OpenSans-Semibold-34f5f07700ff23aff5b4ab0c97694040.eot);
    src: url(../font/OpenSans-Semibold-012c16b6d112ed8bc8447b937942e054.woff) format("woff"), url(../font/OpenSans-Semibold-76ff80b4e11006cf6cb13f019d5b73e7.ttf) format("truetype"), url(../font/OpenSans-Semibold-bb100c995f1d20b8a96462fe5f528bd4.svg) format("svg");
    font-display: swap
}

@font-face {
    font-family: "Open Sans";
    font-weight: 400;
    src: url(../font/OpenSans-Regular-bf267baabdc6d63ff0417cba9fae03f1.eot);
    src: url(../font/OpenSans-Regular-ec45559568d311d618a83a74f89b64a2.woff) format("woff"), url(../font/OpenSans-Regular-f29dbb0301e04da3e97b9f789b665ea5.ttf) format("truetype"), url(../font/OpenSans-Regular-f641a7d4e80fd6321135b1a2b4ce8bb1.svg) format("svg");
    font-display: swap
}

@font-face {
    font-family: "Open Sans";
    font-weight: 300;
    src: url(../font/OpenSans-Light-3e7acbcad9bcc9e58947a6d97376f426.eot);
    src: url(../font/OpenSans-Light-de684f5e300c628f9a361bb89ace613e.woff) format("woff"), url(../font/OpenSans-Light-0efaaea939f7b7d44ce46be533be6871.ttf) format("truetype"), url(../font/OpenSans-Light-d79f021974b1f6bc5c21f31689cde94f.svg) format("svg");
    font-display: swap
} */

.breadcrumb {
    -webkit-font-smoothing: antialiased;
    height: 168px;
    background-color: #232526
}

.breadcrumb .wrapper {
    width: 1200px;
    margin: 0 auto
}

.breadcrumb .breadcrumb-title {
    padding-top: 48px;
    line-height: 48px;
    font-family: 'Open Sans';
    font-weight: 500;
    font-size: 32px;
    color: #fff
}

.breadcrumb .breadcrumb-location,
.breadcrumb a {
    display: inline-block;
    font-family: 'Open Sans';
    line-height: 24px;
    font-size: 14px
}

.breadcrumb a {
    color: #6c7073
}

.breadcrumb a:after {
    display: inline-block;
    margin-left: 8px;
    margin-right: 8px;
    content: '/'
}

.breadcrumb a:last-child {
    color: #9fa3a6
}

.breadcrumb a:last-child:after {
    display: none
}

.main {
    -webkit-font-smoothing: antialiased;
    background-color: #f0f1f2;
    padding: 48px 0 72px;
    font-size: 14px
}

.main * {
    font-family: 'Open Sans'
}

.main .wrapper {
    width: 1200px;
    margin: 0 auto;
    display: flex
}

.main .main-left-nav {
    background-color: #fff;
    width: 288px;
    margin-right: 16px;
    padding-bottom: 24px;
    position: relative
}

.main .main-left-nav .search-bar {
    padding: 24px 24px 15px;
    border-bottom: 1px solid #f0f1f2;
    display: flex;
    justify-content: space-between;
}
 .search-bar .search-submit {
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUxLjIgKDU3NTE5KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5pY29uPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+CiAgICAgICAgPHBhdGggZD0iTTE1Ljg1OTY0OTEsMTUuMDIwNjYyOCBMMTEuODM2MjU3MywxMC45OTcyNzEgQzExLjc2NDUyMjQsMTAuOTI1NTM2MSAxMS42NzA5NTUyLDEwLjg4ODEwOTIgMTEuNTcxMTUwMSwxMC44ODgxMDkyIEwxMS4yNDk5MDI1LDEwLjg4ODEwOTIgQzEyLjMxOTY4ODEsOS43MzA5OTQxNSAxMi45NzQ2NTg5LDguMTg3MTM0NSAxMi45NzQ2NTg5LDYuNDg3MzI5NDMgQzEyLjk3NDY1ODksMi45MDM3MDM3IDEwLjA3MDk1NTIsMCA2LjQ4NzMyOTQzLDAgQzIuOTAzNzAzNywwIDAsMi45MDM3MDM3IDAsNi40ODczMjk0MyBDMCwxMC4wNzA5NTUyIDIuOTAzNzAzNywxMi45NzQ2NTg5IDYuNDg3MzI5NDMsMTIuOTc0NjU4OSBDOC4xODcxMzQ1LDEyLjk3NDY1ODkgOS43MzA5OTQxNSwxMi4zMTk2ODgxIDEwLjg4ODEwOTIsMTEuMjUzMDIxNCBMMTAuODg4MTA5MiwxMS41NzExNTAxIEMxMC44ODgxMDkyLDExLjY3MDk1NTIgMTAuOTI4NjU1LDExLjc2NDUyMjQgMTAuOTk3MjcxLDExLjgzNjI1NzMgTDE1LjAyMDY2MjgsMTUuODU5NjQ5MSBDMTUuMTY3MjUxNSwxNi4wMDYyMzc4IDE1LjQwNDI4ODUsMTYuMDA2MjM3OCAxNS41NTA4NzcyLDE1Ljg1OTY0OTEgTDE1Ljg1OTY0OTEsMTUuNTUwODc3MiBDMTYuMDA2MjM3OCwxNS40MDQyODg1IDE2LjAwNjIzNzgsMTUuMTY3MjUxNSAxNS44NTk2NDkxLDE1LjAyMDY2MjggWiBNNi40ODczMjk0MywxMS45NzY2MDgyIEMzLjQ1MjYzMTU4LDExLjk3NjYwODIgMC45OTgwNTA2ODIsOS41MjIwMjcyOSAwLjk5ODA1MDY4Miw2LjQ4NzMyOTQzIEMwLjk5ODA1MDY4MiwzLjQ1MjYzMTU4IDMuNDUyNjMxNTgsMC45OTgwNTA2ODIgNi40ODczMjk0MywwLjk5ODA1MDY4MiBDOS41MjIwMjcyOSwwLjk5ODA1MDY4MiAxMS45NzY2MDgyLDMuNDUyNjMxNTggMTEuOTc2NjA4Miw2LjQ4NzMyOTQzIEMxMS45NzY2MDgyLDkuNTIyMDI3MjkgOS41MjIwMjcyOSwxMS45NzY2MDgyIDYuNDg3MzI5NDMsMTEuOTc2NjA4MiBaIiBpZD0icGF0aC0xIj48L3BhdGg+CiAgICA8L2RlZnM+CiAgICA8ZyBpZD0iRGVzaWduIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iMS4yIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzg0LjAwMDAwMCwgLTMwOC4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNjAuMDAwMDAwLCAyODAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0ic2VhcmNoLWJhciIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjQuMDAwMDAwLCAyNC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0ic2VhcmNoIj4KICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9ImxlZnQtdGV4dCI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iaWNvbiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDQuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPG1hc2sgaWQ9Im1hc2stMiIgZmlsbD0id2hpdGUiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvbWFzaz4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0ic2VhcmNoIiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvZz4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iZ3JleS83MDAoc2Vjb25kYXJ5KSIgbWFzaz0idXJsKCNtYXNrLTIpIiBmaWxsPSIjNkM3MDczIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHJlY3QgaWQ9ImJhc2UiIHg9IjAiIHk9IjAiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PC9yZWN0PgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat;
    border: none;
    padding: 0 10px;
    background-position: 2px 6px;
}
.main .main-left-nav .search {
    line-height: 24px;
    height: 24px;
    /* margin-left: 24px; */
    width: 216px;
    border: none;
    outline: none;
}

.main .main-left-nav .suggest-list-hidden {
    display: none
}

.main .main-left-nav .suggest-list {
    border-radius: 4px;
    position: absolute;
    display: none;
    width: 256px;
    max-height: 192px;
    top: 56px;
    left: 16px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .1);
    background-color: #fff;
    z-index: 10;
    overflow-x: hidden;
    overflow-y: scroll
}

.main .main-left-nav .suggest-list a,
.main .main-left-nav .suggest-list li {
    display: block
}

.main .main-left-nav .suggest-list a {
    height: 32px;
    font-size: 14px;
    line-height: 24px;
    color: #3b3e40;
    padding: 4px 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    transition: all .1s ease-in-out
}

.main .main-left-nav .active-anchor a,
.main .main-left-nav .suggest-list a:hover {
    background-color: #f7f9fa
}

.main .main-left-nav a.fixed-nav-link {
    display: block;
    position: relative
}

.main .main-left-nav .nav {
    margin-top: 16px
}

.main .main-left-nav .nav-item {
    position: relative;
    /*min-height: 48px;*/
    padding: 12px 24px;
    line-height: 24px;
    color: #3b3e40;
    transition: background-color .3s ease;
    cursor: pointer;
    display: block;
    border-right: 2px solid transparent;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.main .main-left-nav .nav-item,
.main .main-left-nav .nav-item * {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box
}

.main .main-left-nav .nav-item-indent-2 {
    padding-left: 48px !important
}

.main .main-left-nav .nav-item-indent-4 {
    padding-left: 72px !important
}

.main .main-left-nav .nav-active,
.main .main-left-nav .nav-item:active {
    background-color: #f7f9fa;
    border-right: 2px solid #3b3e40
}

.main .main-left-nav .nav-item:hover {
    background-color: #f7f9fa
}

.main .main-left-nav .nav-item.nav-arrow {
    padding: 12px 48px 12px 24px
}

.main .main-left-nav .nav-arrow:after {
    display: block;
    content: '';
    position: absolute;
    width: 16px;
    height: 6px;
    top: calc(50% - 3px);
    right: 23px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSI2cHgiIHZpZXdCb3g9IjAgMCAxMCA2IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA1MS4yICg1NzUxOSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+aWNvbi1yaWdodDwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPgogICAgICAgIDxwYXRoIGQ9Ik01LjI5NjUxMTYzLDAuNzg0Mzc1IEw5LjM0MzAyMzI2LDQuNDY1NjI1IEM5LjUwNjk3Njc0LDQuNjEyNSA5LjUwNjk3Njc0LDQuODUgOS4zNDMwMjMyNiw0Ljk5Njg3NSBMOS4wOTUzNDg4NCw1LjIxODc1IEM4LjkzMTM5NTM1LDUuMzY1NjI1IDguNjY2Mjc5MDcsNS4zNjU2MjUgOC41MDIzMjU1OCw1LjIxODc1IEw1LDIuMDIxODc1IEwxLjQ5NzY3NDQyLDUuMjE1NjI1IEMxLjMzMzcyMDkzLDUuMzYyNSAxLjA2ODYwNDY1LDUuMzYyNSAwLjkwNDY1MTE2Myw1LjIxNTYyNSBMMC42NTY5NzY3NDQsNC45OTM3NSBDMC40OTMwMjMyNTYsNC44NDY4NzUgMC40OTMwMjMyNTYsNC42MDkzNzUgMC42NTY5NzY3NDQsNC40NjI1IEw0LjcwMzQ4ODM3LDAuNzgxMjUgQzQuODY3NDQxODYsMC42Mzc1IDUuMTMyNTU4MTQsMC42Mzc1IDUuMjk2NTExNjMsMC43ODQzNzUgWiIgaWQ9InBhdGgtMSI+PC9wYXRoPgogICAgPC9kZWZzPgogICAgPGcgaWQ9IkRlc2lnbiIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IjEuNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTYxMS4wMDAwMDAsIC01MjUuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSJsZWZ0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNjAuMDAwMDAwLCAyODAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0ibWVudSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDgwLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSJpdGVtIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgMTQ0LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iY29udGVudCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDguMDAwMDAwLCAxMi4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJpY29uLXJpZ2h0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMDMuMDAwMDAwLCA5LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L21hc2s+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9ImFuZ2xlLXVwIiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvZz4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iZ3JleS85MDAoZGFyaykiIG1hc2s9InVybCgjbWFzay0yKSIgZmlsbD0iIzNCM0U0MCI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zLjAwMDAwMCwgLTUuMDAwMDAwKSIgaWQ9ImJhc2UiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ij48L3JlY3Q+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==);
    transform: rotate(180deg);
    background-repeat: no-repeat;
    background-size: 16px 6px;
    transition: all .3s ease-in-out
}

.main .main-left-nav .is-open>.nav-arrow:after,
.main .main-left-nav .is-open>a>.nav-arrow:after {
    transform: rotate(0deg)
}

.main .main-content {
    background-color: #fff;
    width: 896px;
    padding: 48px
}

.main .main-content .main-title {
    font-size: 28px;
    line-height: 40px;
    padding-bottom: 39px;
    border-bottom: 1px solid #f0f1f2;
    margin-bottom: 40px;
    font-weight: 500
}

.main .main-content .sub-main-title {
    font-size: 20px;
    line-height: 32px;
    font-weight: 400;
    margin-bottom: 32px
}

.main .main-content .app-card-container {
    border-bottom: 1px solid #f0f1f2;
    padding-bottom: 31px;
    margin-bottom: 32px;
    display: flex;
    flex-wrap: wrap
}

.main .main-content .app-card-container:nth-last-child(1) {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0
}

.main .main-content .app-card-link {
    display: inline-block;
    margin-top: 24px;
    transition: all .3s ease
}

.main .main-content .app-card-link:nth-child(3n+1) {
    margin-right: 23px
}

.main .main-content .app-card-link:nth-child(3n+2) {
    margin-right: 24px
}

.main .main-content .app-card-link:nth-child(-n+3) {
    margin-top: 0
}

.main .main-content .app-card-link:hover {
    background-color: #f7f9fa
}

.main .main-content .app-card-link:active {
    background-color: #f0f1f2
}

.main .main-content .app-card {
    display: inline-block;
    vertical-align: top;
    width: 251px;
    transition: all .3s ease;
    border-radius: 4px;
    overflow: hidden;
    padding-bottom: 24px
}

.main .main-content .app-card .app-icon {
    overflow: hidden;
    width: 64px;
    height: 64px;
    margin: 32px auto 16px;
    border: 1px solid #f0f1f2;
    border-radius: 16px
}

.main .main-content .app-card .app-icon img {
    width: 64px;
    height: 64px
}

.main .main-content .app-card .product-icon {
    width: 96px;
    height: 96px;
    margin: 16px auto 0
}

.main .main-content .app-card .app-title {
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    width: 219px;
    margin: 0 auto 8px;
    color: #3b3e40;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 24px
}

.main .main-content .app-card .app-description {
    width: 219px;
    color: #6c7073;
    max-height: 144px;
    line-height: 24px;
    text-align: center;
    margin: 0 auto;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis
}

.main .main-content .item-head {
    display: flex;
    padding-bottom: 39px;
    border-bottom: 1px solid #f0f1f2;
    margin-bottom: 40px
}

.main .main-content .item-icon {
    width: 80px;
    height: 80px;
    margin-right: 24px
}

.main .main-content .item-icon img {
    width: 80px;
    height: 80px
}

.main .main-content .item-right {
    padding-top: 8px
}

.main .main-content .item-title {
    line-height: 40px;
    font-weight: 500;
    font-size: 28px;
    width: 696px;
    color: #3b3e40
}

.main .main-content .item-description {
    color: #6c7073;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    width: 696px;
    overflow: hidden
}

.main .main-content .download-methods {
    display: flex;
    margin-bottom: 32px
}

.main .main-content .method-card {
    width: 182px;
    margin-right: 24px;
    position: relative
}

.main .main-content .method-card:nth-last-child(1) {
    margin-right: 0
}

.main .main-content .method-icon {
    height: 40px;
    margin-bottom: 16px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain
}

.main .main-content .method-title {
    font-weight: 500;
    line-height: 24px;
    height: 24px;
    color: #3b3e40;
    font-size: 16px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 8px
}

.main .main-content .method-note {
    line-height: 16px;
    font-size: 12px;
    color: #6c7073;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis
}

.main .main-content .method-qrcode {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    width: 182px;
    height: 104px
}

.main .main-content .view-support {
    font-size: 14px;
    color: #1897f2;
    letter-spacing: 0;
    text-align: center;
    line-height: 24px;
    overflow: hidden;
    margin-top: 8px;
    display: flex;
    align-items: center;
    justify-content: center
}

.main .main-content .view-support .view-support-title {
    cursor: pointer
}

.main .main-content .download-section-box {
    display: flex
}

.main .main-content .download-section-box .download-section {
    flex: 1;
    margin-right: 16px;
    display: flex;
    flex-wrap: nowrap;
    height: auto;
    justify-content: flex-start
}

.main .main-content .download-list-name {
    margin: 24px 0 16px;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -.02em;
    color: rgba(0, 0, 0, .85);
    font-weight: 500
}

.main .main-content .download-icon {
    width: 64px;
    height: 64px;
    display: inline-block;
    vertical-align: top
}

.main .main-content .download-section {
    display: inline-block;
    width: 388px;
    height: 80px;
    margin-right: 24px
}

.main .main-content .download-section:nth-last-child(1) {
    margin-right: 0
}

.main .main-content .download-section-right {
    display: inline-block;
    vertical-align: top;
    margin-left: 16px
}

.main .main-content .download-section-right .download-links {
    display: flex;
    flex-wrap: wrap
}

.main .main-content .download-section-right .download-links .download-link-item {
    display: flex;
    align-items: center;
    margin-right: 16px
}

.main .main-content .download-section-right .download-icon {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-left: 4px
}

.main .main-content .software-title {
    font-size: 16px;
    font-weight: 500;
    color: #3b3e40;
    letter-spacing: 0;
    line-height: 24px
}

.main .main-content .software-update {
    font-size: 14px;
    color: #6c7073;
    letter-spacing: 0;
    line-height: 24px;
    margin-bottom: 8px
}

.main .main-content .download-link {
    display: inline-block;
    font-size: 14px;
    color: #1897f2;
    letter-spacing: 0;
    line-height: 24px;
    max-width: 120px;
    overflow: hidden;
    white-space: nowrap
}

.main .main-content .support-product-pills {
    display: flex;
    margin: 0 -4px -8px;
    flex-direction: row;
    flex-wrap: wrap
}

.main .main-content .support-product-pill {
    display: inline-block;
    border: 1px solid #9fa3a6;
    border-radius: 4px;
    background-color: #f7f9fa;
    font-size: 14px;
    color: #6c7073;
    letter-spacing: 0;
    text-align: center;
    line-height: 22px;
    padding: 0 7px;
    margin: 0 4px 8px
}

.main .main-content .product-lite.item-head {
    margin-bottom: 32px;
    border: none;
    padding-bottom: 0
}

.main .main-content .product-lite.download-methods {
    margin-bottom: 0
}

.main .main-content .method-card .quark-popover,
.main .main-content .product-lite .quark-popover {
    cursor: default;
    text-align: left;
    position: absolute;
    width: 320px;
    z-index: 10;
    transform-origin: 50% -3px 0;
    padding-top: .5rem;
    left: 50%;
    transform: translate(-50%);
    transition: all .3s ease-in-out;
    display: none
}

.main .main-content .method-card .quark-popover-arrow,
.main .main-content .product-lite .quark-popover-arrow {
    background: #fff;
    width: .5rem;
    height: .5rem;
    position: absolute;
    display: block;
    border-color: transparent;
    border-style: solid;
    left: 50%;
    top: .25rem;
    transform: translateX(-50%) rotate(45deg);
    box-shadow: -1px -1px 4px rgba(0, 0, 0, .06)
}

.main .main-content .method-card .quark-popover-inner,
.main .main-content .product-lite .quark-popover-inner {
    background-color: #fff;
    background-clip: padding-box;
    border-radius: .25rem;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .1)
}

.main .main-content .method-card .quark-popover-title,
.main .main-content .product-lite .quark-popover-title {
    min-width: 10rem;
    margin: 0;
    padding: 0 1rem;
    height: 2.5rem;
    line-height: 2.5rem;
    border-bottom: .0625rem solid #d4d7d9;
    color: #3b3e40;
    font-weight: 500
}

.main .main-content .method-card .quark-popover-inner-content,
.main .main-content .product-lite .quark-popover-inner-content {
    padding: 12px 16px
}

.main .main-content .method-card .quark-popover-inner-content p,
.main .main-content .product-lite .quark-popover-inner-content p {
    font-size: 12px;
    color: #3b3e40;
    letter-spacing: -.02em;
    line-height: 16px;
    margin-bottom: 8px
}

.main .main-content .method-card .support-detail-sub-title,
.main .main-content .product-lite .support-detail-sub-title {
    margin-top: 12px
}

.main .main-content .method-card .quark-out,
.main .main-content .product-lite .quark-out {
    opacity: 0
}

.main .main-content .product-lite.download-sections {
    margin-left: 104px;
    padding-bottom: 0;
    border-bottom: none;
    margin-bottom: 40px
}

.main .main-content .product-lite.download-sections .section-title {
    font-weight: 500;
    font-size: 16px;
    color: #3b3e40;
    letter-spacing: 0;
    line-height: 24px
}

.main .main-content .product-lite.download-sections .download-section {
    width: calc(50% - 12px);
    margin-top: 32px;
    display: inline-flex;
    flex-wrap: nowrap;
    height: auto
}

.main .main-content .product-lite.download-sections .download-section:nth-of-type(2n) {
    margin-right: 0
}

.main .main-content .product-lite.download-sections .download-section:nth-of-type(1),
.main .main-content .product-lite.download-sections .download-section:nth-of-type(2) {
    margin-top: 0
}

.main .main-content .product-lite.download-sections .download-section .download-link {
    margin-right: 16px
}

.main .main-content .product-lite.download-sections .download-section .download-section-right {
    flex: 1
}

.main .main-content .item-divider {
    height: 64px;
    position: relative;
    overflow: hidden
}

.main .main-content .item-divider:after {
    content: " ";
    position: absolute;
    left: 0;
    top: 50%;
    right: 0;
    height: 0;
    border-top: 1px solid #f0f1f2;
    transform: translateY(-50%)
}

.main .main-content .product-lite.download-sections .section-title {
    margin-bottom: 16px
}

.main .main-content .product-lite.download-sections .product-lite-document {
    margin-bottom: 24px
}

.main .main-content .product-lite-title {
    font-size: 24px;
    color: #3b3e40;
    letter-spacing: 0;
    line-height: 32px !important
}

.main .main-content .product-lite-right {
    display: flex;
    flex-flow: column;
    justify-content: center
}

.main .main-content:not([class*=product-and-djiapp-download-page]) .download-sections {
    padding-bottom: 31px;
    border-bottom: 1px solid #f0f1f2;
    margin-bottom: 32px
}

.main .main-content:not([class*=product-and-djiapp-download-page]) .download-sections:nth-last-child(1) {
    margin-bottom: 0;
    border-bottom: 0;
    padding-bottom: 0;
    margin-right: 0
}

.main .main-content:not([class*=product-and-djiapp-download-page]) .manual-section {
    margin-bottom: 32px
}

.main .main-content:not([class*=product-and-djiapp-download-page]) .section-title {
    font-size: 20px;
    color: #3b3e40;
    line-height: 32px;
    font-weight: 500;
    margin-bottom: 32px
}

.main .main-content:not([class*=product-and-djiapp-download-page]) .download-list-items {
    padding: 12px 16px;
    position: relative;
	    list-style: none;
}

.main .main-content:not([class*=product-and-djiapp-download-page]) .download-list-items:nth-child(odd) {
    background-color: #f7f9fa
}

.main .main-content:not([class*=product-and-djiapp-download-page]) .download-formats {
    display: inline-block
}

.main .main-content:not([class*=product-and-djiapp-download-page]) .download-list-item-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    color: #3b3e40;
    letter-spacing: 0;
    line-height: 24px;
   max-width: 355px;
    display: block;
}

.main .main-content:not([class*=product-and-djiapp-download-page]) .download-list-item-date {
    font-size: 16px;
    color: #6c7073;
    letter-spacing: 0;
    line-height: 24px;
    position: absolute;
    left: 396px;
    top: 50%;
    transform: translate(0, -50%)
}

.main .main-content:not([class*=product-and-djiapp-download-page]) .download-formats {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translate(0, -50%)
}

.main .main-content:not([class*=product-and-djiapp-download-page]) .download-formats .download-icon {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../image/download-o-primary-old-aa7eaeb1e0cf9b3a18a9914e2f301eb0.svg);
    width: 16px;
    height: 16px;
    margin-left: 4px
}

.main .main-content:not([class*=product-and-djiapp-download-page]) .donwload-file-name {
    text-transform: uppercase
}

.main .main-content:not([class*=product-and-djiapp-download-page]) .download-format {
    font-size: 16px;
    color: #1897f2;
    letter-spacing: 0;
    line-height: 24px;
    display: flex;
    align-items: center
}

.main .main-content.product-and-djiapp-download-page .donwload-sections {
    padding-bottom: 31px;
    margin-bottom: 32px
}

.main .main-content.product-and-djiapp-download-page .donwload-sections:nth-last-child(1) {
    margin-bottom: 0;
    border-bottom: 0;
    padding-bottom: 0;
    margin-right: 0
}

.main .main-content.product-and-djiapp-download-page .manual-section {
    margin-bottom: 32px
}

.main .main-content.product-and-djiapp-download-page .section-title {
    margin-bottom: 16px !important;
    font-family: 'Open Sans';
    font-style: normal;
    color: #000;
    font-weight: 600;
    font-size: 20px !important;
    line-height: 24px !important
}

.main .main-content.product-and-djiapp-download-page .download-list-fold {
    max-height: 98px
}

.main .main-content.product-and-djiapp-download-page .download-list {
    overflow: hidden;
    transition: all .6s ease
}

.main .main-content.product-and-djiapp-download-page .download-list-items {
    padding: 14px 16px;
    position: relative;
    border-bottom: 1px solid rgba(0, 0, 0, .06)
}

.main .main-content.product-and-djiapp-download-page .download-list-items:nth-child(odd) {
    background-color: #f7f9fa
}

.main .main-content.product-and-djiapp-download-page .download-formats {
    display: inline-block
}

.main .main-content.product-and-djiapp-download-page .download-list-item-title {
    font-family: 'Open Sans';
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #000;
    letter-spacing: 0;
    max-width: 372px;
    display: inline-block
}

.main .main-content.product-and-djiapp-download-page .download-list-item-date {
    letter-spacing: 0;
    position: absolute;
    left: 396px;
    top: 50%;
    transform: translate(0, -50%);
    font-family: 'Open Sans';
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: rgba(0, 0, 0, .65)
}

.main .main-content.product-and-djiapp-download-page .download-formats {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translate(0, -50%)
}

.main .main-content.product-and-djiapp-download-page .download-formats .download-icon {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxMiAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMC4zNzUgMTIuMjVDMTAuODIzNyAxMi4yNSAxMS4xOTM2IDEyLjU4NzggMTEuMjQ0MSAxMy4wMjNMMTEuMjUgMTMuMTI1SDAuNzVMMC43NTU4ODcgMTMuMDIzQzAuODAyNTQzIDEyLjYyMTMgMS4xMjEyNiAxMi4zMDI1IDEuNTIyOTYgMTIuMjU1OUwxLjYyNSAxMi4yNUgxMC4zNzVaTTcuMzEyNSAwLjg3NUM3Ljc2MTIzIDAuODc1IDguMTMxMDcgMS4yMTI3OSA4LjE4MTYxIDEuNjQ3OTZMOC4xODc1IDEuNzVWNS4yNTE3NUw5Ljg1MjQxIDUuMjU5MzhDMTAuMjY2NiA1LjI2MTIzIDEwLjYxMjMgNS41NTA1OSAxMC43MDEzIDUuOTM3NTVMMTAuNzE4MSA2LjAzNjIxTDEwLjcyMzUgNi4xMzgyOEMxMC43MjI3IDYuMzE0NDkgMTAuNjY4OCA2LjQ4NTQ5IDEwLjU3IDYuNjI5NDZMMTAuNTA1NCA2LjcxMjQyTDYuNjU2ODcgMTEuMDg1N0M2LjMzNzYzIDExLjQ0ODUgNS43ODQ3MyAxMS40ODM4IDUuNDIxOTUgMTEuMTY0NUw1LjM3MTIgMTEuMTE2TDEuNDk0NjIgNi43MTI0MkMxLjE3NTM3IDYuMzQ5NjQgMS4yMTA2NiA1Ljc5Njc1IDEuNTczNDUgNS40Nzc1QzEuNzA1NzMgNS4zNjEwOSAxLjg2OTQxIDUuMjg3ODggMi4wNDI2NiA1LjI2NjE3TDIuMTQ3NTkgNS4yNTkzOEwzLjgxMjUgNS4yNTE3NVYxLjc1QzMuODEyNSAxLjMzNTc5IDQuMTAwMzIgMC45ODg3OTYgNC40ODY4NyAwLjg5ODEwOUw0LjU4NTQ2IDAuODgwODg3TDQuNjg3NSAwLjg3NUg3LjMxMjVaTTcuMzEyNSAxLjc1SDQuNjg3NVY2LjEyMzA1TDIuMTUxNSA2LjEzNDM3TDYgMTAuNTA3N0w5Ljg0ODUgNi4xMzQzN0w3LjMxMjUgNi4xMjMwNVYxLjc1WiIgZmlsbD0iIzE4OTdGMiIvPgo8L3N2Zz4K);
    width: 14px;
    height: 14px;
    margin-left: 5px
}

.main .main-content.product-and-djiapp-download-page .donwload-file-name {
    text-transform: uppercase
}

.main .main-content.product-and-djiapp-download-page .download-format {
    color: #1897f2;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    display: flex;
    align-items: center;
    letter-spacing: -.02em
}

.main .main-content.product-and-djiapp-download-page .document-fold {
    display: flex;
    justify-content: center;
    margin-top: 16px
}

.main .main-content.product-and-djiapp-download-page .document-fold .document-fold-btn {
    padding: 6px 12px;
    display: flex;
    align-items: center;
    transition: all .3s ease;
    cursor: pointer
}

.main .main-content.product-and-djiapp-download-page .document-fold .document-fold-btn:hover {
    background: rgba(0, 0, 0, .04);
    border-radius: 4px
}

.main .main-content.product-and-djiapp-download-page .document-fold .document-fold-btn:active {
    background: rgba(0, 0, 0, .06);
    border-radius: 4px
}

.main .main-content.product-and-djiapp-download-page .document-fold .document-fold-btn .document-fold-text-expand,
.main .main-content.product-and-djiapp-download-page .document-fold .document-fold-btn .document-fold-text-fold {
    font-family: 'Open Sans';
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    align-items: center;
    text-align: center;
    letter-spacing: -.02em;
    color: rgba(0, 0, 0, .85)
}

.main .main-content.product-and-djiapp-download-page .document-fold .document-fold-btn .document-fold-icon {
    margin-left: 8px;
    width: 14px;
    height: 14px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.main .main-content.product-and-djiapp-download-page .document-fold .button-expand .document-fold-text-expand {
    display: flex
}

.main .main-content.product-and-djiapp-download-page .document-fold .button-expand .document-fold-text-fold {
    display: none
}

.main .main-content.product-and-djiapp-download-page .document-fold .button-expand .icon-expand {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNSAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjEyNSA1LjM0MjE0QzMuNDY3MTIgNS4wMDA1NCA0LjAyMTgxIDUuMDAwNTQgNC4zNjM5NCA1LjM0MjE0TDcuNSA4LjQ3MzQxTDEwLjYzNjEgNS4zNDIxNEMxMC45NzgyIDUuMDAwNTQgMTEuNTMyOSA1LjAwMDU0IDExLjg3NSA1LjM0MjE0TDcuODA5NzMgOS40MDEyQzcuNjM4NjcgOS41NzIgNy4zNjEzMyA5LjU3MiA3LjE5MDI3IDkuNDAxMkwzLjEyNSA1LjM0MjE0WiIgZmlsbD0iYmxhY2siIGZpbGwtb3BhY2l0eT0iMC44NSIvPgo8L3N2Zz4K)
}

.main .main-content.product-and-djiapp-download-page .document-fold .button-fold .document-fold-text-expand {
    display: none
}

.main .main-content.product-and-djiapp-download-page .document-fold .button-fold .document-fold-text-fold {
    display: flex
}

.main .main-content.product-and-djiapp-download-page .document-fold .button-fold .icon-expand {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMS4zNzUgOC42NTc4NkMxMS4wMzI5IDguOTk5NDYgMTAuNDc4MiA4Ljk5OTQ2IDEwLjEzNjEgOC42NTc4Nkw3IDUuNTI2NTlMMy44NjM5NCA4LjY1Nzg2QzMuNTIxODEgOC45OTk0NiAyLjk2NzEyIDguOTk5NDYgMi42MjUgOC42NTc4Nkw2LjY5MDI3IDQuNTk4OEM2Ljg2MTMzIDQuNDI4IDcuMTM4NjcgNC40MjggNy4zMDk3MyA0LjU5ODhMMTEuMzc1IDguNjU3ODZaIiBmaWxsPSJibGFjayIgZmlsbC1vcGFjaXR5PSIwLjg1Ii8+Cjwvc3ZnPgo=)
}

.main .guide {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    margin-top: 8px;
    gap: 8px;
    width: 896px
}

.main .guide .guide-card {
    max-width: 444px;
    min-height: 176px;
    display: flex;
    flex: 0 0 444px;
    flex-direction: row;
    background-color: #fff;
    cursor: pointer
}

.main .guide .guide-card:hover .link {
    text-decoration: underline;
    -webkit-text-decoration-color: #0070d5;
    text-decoration-color: #0070d5
}

.main .guide .guide-card .guide-content {
    padding: 24px 0;
    max-width: 50%;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.main .guide .guide-card .guide-content .title {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    display: flex;
    align-items: center;
    letter-spacing: -.03em;
    color: rgba(0, 0, 0, .85);
    padding-left: 48px;
    overflow: hidden;
    word-break: break-word
}

.main .guide .guide-card .guide-content .description,
.main .guide .guide-card .guide-content .subtitle {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -.02em;
    color: rgba(0, 0, 0, .65);
    padding-left: 48px;
    word-break: break-word
}

.main .guide .guide-card .guide-content .subtitle {
    margin-top: 4px;
    font-weight: 600
}

.main .guide .guide-card .guide-content .description {
    font-weight: 400;
    display: flex;
    align-items: center;
    margin-top: 8px
}

.main .guide .guide-card .guide-content .link-box {
    margin-top: 16px;
    padding-left: 48px
}

.main .guide .guide-card .guide-content .link {
    word-break: break-word;
    padding: 0;
    width: fit-content;
    position: relative;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: -.02em;
    color: #0070d5
}

.main .guide .guide-card .guide-content .link .icon {
    width: 14px;
    right: -18px;
    display: inline-block;
    position: absolute;
    bottom: 2px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjM0MjE0IDExLjM3NUM1LjAwMDU0IDExLjAzMjkgNS4wMDA1NCAxMC40NzgyIDUuMzQyMTQgMTAuMTM2MUw4LjQ3MzQxIDdMNS4zNDIxNCAzLjg2Mzk0QzUuMDAwNTQgMy41MjE4MSA1LjAwMDU0IDIuOTY3MTIgNS4zNDIxNCAyLjYyNUw5LjQwMTIgNi42OTAyN0M5LjU3MiA2Ljg2MTMzIDkuNTcyIDcuMTM4NjcgOS40MDEyIDcuMzA5NzNMNS4zNDIxNCAxMS4zNzVaIiBmaWxsPSIjMDA3MEQ1Ii8+Cjwvc3ZnPgo=);
    height: 14px;
    background-position: center;
    background-size: 14px;
    background-repeat: no-repeat
}

.main .guide .guide-card .guide-img {
    max-height: 200px;
    margin: auto 0;
    max-width: 50%;
    object-fit: cover;
    flex: 1
}