.el-dropdown-menu {
    background-color: #222835
}

.el-dropdown-menu__item {
    color: #fff
}

#header {
    position: fixed;
    width: 100%;
    top: 0
}

#header .PC {
    background-color: #000;
    height: 60px;
    justify-content: space-between;
    font-weight: 400;
    font-size: 20px;
    color: #fff;
    padding: 0 24px 0 29px;
    font-family: Times New Roman, 楷体
}

#header .PC .left {
    align-items: center
}

#header .PC .left .header_Ai {
    margin-left: 16px
}

#header .PC .left .img {
    width: 68px;
    height: 48px
}

#header .PC .right {
    align-items: center
}

#header .PC .right .list {
    margin-right: 20px;
    display: flex;
    align-items: center
}

#header .PC .right .list .buttonList {
    border: 1px solid hsla(0, 0%, 100%, .102);
    border-radius: 50px;
    padding: 12px 16px;
    margin-right: 20px
}

#header .PC .right .list .link {
    border-radius: 30px;
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    line-height: 20px;
    margin: 0 4px;
    padding: 8px 16px
}

#header .PC .right .list .link:last-child {
    margin-right: 0
}

#header .PC .right .list .point {
    width: 0;
    height: 0;
    content: "";
    color: #0e7ee0;
    border: 2px solid;
    border-radius: 2px;
    margin: 5px
}

#header .PC .right .list .link:hover,
#header .PC .right .list .reg {
    background-color: hsla(0, 0%, 100%, .102)
}

#header .PC .right .list .reg {
    border: 1px solid #541ace
}

#header .PC .right .list .reg:hover {
    background-color: #541ace
}

#header .PC .right .img {
    width: 24px;
    height: 24px
}

#header .Phone {
    background-color: #000;
    justify-content: space-between;
    padding: 6px 8px 6px 7px;
    font-family: Times New Roman, 楷体
}

#header .Phone .left {
    align-items: center
}

#header .Phone .left .header_Ai {
    margin-left: 16px
}

#header .Phone .left .img {
    width: 45px;
    height: 32px
}

#header .Phone .right {
    align-items: center
}

#header .Phone .right .list {
    display: flex;
    align-items: center
}

#header .Phone .right .list .link {
    border-radius: 30px;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    margin: 0 4px;
    padding: 4px 6px
}

#header .Phone .right .list .link:last-child {
    margin-right: 0
}

#header .Phone .right .list .point {
    width: 0;
    height: 0;
    content: "";
    color: #0e7ee0;
    border: 2px solid;
    border-radius: 2px;
    margin: 5px
}

#header .Phone .right .list .link:hover,
#header .Phone .right .list .reg {
    background-color: hsla(0, 0%, 100%, .102)
}

#header .Phone .right .list .reg {
    border: 1px solid #541ace
}

#header .Phone .right .list .reg:hover {
    background-color: #541ace
}

#header .Phone .right .img {
    width: 18px;
    height: 18px;
    margin: 0 10px
}

#header .Phone .right .img2 {
    width: 16px;
    height: 16px
}

#footer .PC {
    display: flex;
    justify-content: center;
    background-color: #000;
    border-top: 1px solid #762cee
}

#footer .PC .footer {
    width: 1200px;
    padding: 80px 0
}

#footer .PC .footer .top .left .img {
    width: 81px;
    height: 59px;
    margin-bottom: 20px
}

#footer .PC .footer .top .left .list .link {
    text-decoration: none;
    font-weight: 400;
    font-size: 16px;
    color: #fff;
    margin-right: 30px
}

#footer .PC .footer .top .left .list .link:last-child {
    margin-right: 0
}

#footer .PC .footer .top .right {
    font-weight: 400;
    font-size: 13px;
    color: #98a2b3;
    width: 400px
}

#footer .PC .footer .top .right .title {
    font-weight: 700;
    font-size: 13px;
    color: #fff;
    margin-bottom: 10px
}

#footer .PC .footer .xian {
    height: 0;
    border: 1px solid #fff;
    opacity: .2;
    margin: 32px 0
}

#footer .PC .footer .bottom .left,
#footer .PC .footer .bottom .list .link {
    font-weight: 400;
    font-size: 13px;
    color: #98a2b3
}

#footer .PC .footer .bottom .list .link {
    text-decoration: none;
    margin-right: 60px
}

#footer .PC .footer .shareImg {
    width: 50px;
    height: 50px
}

#footer .Phone .footer {
    padding: 38px 0;
    background-color: #000;
    border-top: 1px solid #762cee
}

#footer .Phone .footer .top .left .img {
    width: 81px;
    height: 59px;
    margin-bottom: 20px
}

#footer .Phone .footer .top .left .list {
    text-align: center
}

#footer .Phone .footer .top .left .list .link {
    text-decoration: none;
    font-weight: 400;
    font-size: 15px;
    color: #fff;
    display: block;
    height: 24px;
    line-height: 24px
}

#footer .Phone .footer .top .right {
    font-weight: 400;
    font-size: 13px;
    color: #98a2b3
}

#footer .Phone .footer .top .right .title {
    font-weight: 700;
    font-size: 13px;
    color: #fff;
    margin-bottom: 10px
}

#footer .Phone .footer .xian {
    height: 0;
    border: 1px solid #fff;
    opacity: .2;
    margin: 32px 0
}

#footer .Phone .footer .bottom .left {
    font-weight: 400;
    font-size: 13px;
    color: #98a2b3;
    margin: 32px 0;
    text-align: center
}

#footer .Phone .footer .bottom .header_Ai {
    font-weight: 700;
    font-size: 14px;
    color: #fff
}

#footer .Phone .footer .bottom .img {
    width: 50px;
    height: 35px;
    margin-right: 32px
}

#footer .Phone .footer .bottom .list .link {
    text-decoration: none;
    font-weight: 400;
    font-size: 13px;
    color: #98a2b3;
    margin-right: 60px
}

#footer .Phone .footer .bottom .list .link:last-child {
    margin-right: 0
}

#footer .Phone .footer .shareImg {
    width: 50px;
    height: 50px
}

#index #particles-js {
    position: fixed;
    height: 100%;
    width: 100%;
    bottom: 0;
    pointer-events: none
}

#index .PC .main .div1 {
    background: #000;
    padding: 120px 0 0;
    color: #fff;
    flex-direction: column;
    align-items: center
}

#index .PC .main .div1 .btn {
    height: 60px;
    background: #0f14f7;
    font-weight: 700;
    font-size: 20px;
    color: #fff;
    border-radius: 36px;
    border: 1px solid #0f14f7;
    cursor: pointer;
    margin: 32px 0
}

#index .PC .main .div1 .img {
    width: 1000px;
    height: 600px
}

#index .PC .main .div2_5 {
    padding: 53px 0 0;
    flex-direction: column;
    background-color: #202020
}

#index .PC .main .div2_5 .title {
    font-weight: 700;
    font-size: 64px;
    color: #fff;
    text-align: center
}

#index .PC .main .div2_5 .row1 {
    margin: 78px 0 240px;
    width: 1200px
}

#index .PC .main .div2_5 .row1 .left {
    font-weight: 700;
    font-size: 30px;
    color: #fff;
    width: 550px
}

#index .PC .main .div2_5 .row1 .right {
    font-weight: 400;
    font-size: 16px;
    color: #fff;
    width: 600px
}

#index .PC .main .div2_5 .row2 {
    width: 1319px;
    align-items: unset
}

#index .PC .main .div2_5 .row2 .item {
    color: #fff;
    background-color: #343434;
    border: 1px solid hsla(0, 0%, 100%, .102);
    border-radius: 15px;
    padding: 8px 16px;
    --border-transition: 0.3s
}

#index .PC .main .div2_5 .row2 .item .top {
    font-weight: 400;
    font-size: 24px;
    width: 319px;
    margin-bottom: 40px
}

#index .PC .main .div2_5 .row2 .item .cen {
    font-weight: 400;
    font-size: 16px;
    width: 333px;
    height: 305px
}

#index .PC .main .div2_5 .row2 .item:hover {
    border: 1px solid #0e7ee0
}

#index .PC .main .div2_5 .row3 {
    width: 1303px;
    background: #151920;
    padding: 70px 120px;
    align-items: center
}

#index .PC .main .div2_5 .row3 .text1 {
    font-weight: 400;
    font-size: 24px;
    color: #fff;
    width: 260px
}

#index .PC .main .div2_5 .row3 .text2 {
    width: 578px;
    font-weight: 400;
    font-size: 16px;
    color: #fff
}

#index .PC .main .div2_5 .row4 {
    width: 1303px;
    padding: 0 102px
}

#index .PC .main .div2_5 .row4 .btn {
    height: 60px;
    background: #0f14f7;
    font-weight: 700;
    font-size: 20px;
    color: #fff;
    border-radius: 36px;
    border: 1px solid #0f14f7;
    cursor: pointer;
    margin: 32px 0
}

#index .PC .main .div2_5 .row5 {
    width: 1303px;
    background: #151920;
    padding: 0 120px
}

#index .PC .main .div2_5 .row5 .btn {
    height: 60px;
    background: #0f14f7;
    font-weight: 700;
    font-size: 20px;
    color: #fff;
    border-radius: 36px;
    border: 1px solid #0f14f7;
    cursor: pointer;
    margin: 32px 0
}

#index .PC .main .div2 {
    background: #151920;
    padding: 50px 215px;
    font-weight: 700;
    font-size: 20px;
    color: #fff;
    align-items: center
}

#index .PC .main .div2 .row1 {
    width: 702px;
    margin-right: 139px
}

#index .PC .main .div2 .img {
    width: 1000px;
    height: 600px
}

#index .PC .main .div3 {
    font-weight: 400;
    font-size: 18px;
    color: #000;
    padding: 120px 0;
    flex-direction: column;
    align-items: center
}

#index .PC .main .div3 .list {
    margin-top: 64px;
    flex-wrap: wrap;
    width: 1000px
}

#index .PC .main .div3 .list .item .img {
    width: 24px;
    height: 24px;
    margin-right: 9px
}

#index .PC .main .div3 .list .item .text {
    width: 291px
}

#index .PC .main .div4 {
    background: #000;
    padding: 120px 115px;
    font-weight: 400;
    font-size: 18px;
    color: #98a2b3
}

#index .PC .main .div4 .left {
    margin-right: 32px;
    width: 568px
}

#index .PC .main .div4 .left .d1 {
    font-weight: 700;
    font-size: 20px;
    color: #0028fd
}

#index .PC .main .div4 .left .d2 {
    font-weight: 700;
    font-size: 56px;
    color: #fff;
    margin: 16px 0
}

#index .PC .main .div4 .left .list {
    margin-top: 54px;
    flex-wrap: wrap
}

#index .PC .main .div4 .left .list .row1,
#index .PC .main .div4 .left .list .row2 {
    justify-content: space-between
}

#index .PC .main .div4 .left .list .row2 {
    margin-top: 38px
}

#index .PC .main .div4 .left .list .item .img {
    width: 24px;
    height: 24px;
    margin-right: 9px
}

#index .PC .main .div4 .left .list .item .text {
    width: 236px
}

#index .PC .main .div4 .right .img {
    width: 600px;
    height: 400px
}

#index .PC .main .div5 {
    background: #fff;
    padding: 120px 115px;
    font-weight: 400;
    font-size: 18px;
    color: #000
}

#index .PC .main .div5 .left {
    margin-right: 32px;
    width: 568px
}

#index .PC .main .div5 .left .d1 {
    font-weight: 700;
    font-size: 20px;
    color: #0028fd
}

#index .PC .main .div5 .left .d2 {
    font-weight: 700;
    font-size: 56px;
    margin: 16px 0
}

#index .PC .main .div5 .left .list {
    margin-top: 32px;
    flex-wrap: wrap
}

#index .PC .main .div5 .left .list .item .img {
    width: 24px;
    height: 24px;
    margin-right: 9px
}

#index .PC .main .div5 .right .img {
    width: 600px;
    height: 400px
}

#index .PC .main .div6 {
    padding: 120px 102px;
    background: #000;
    font-weight: 400;
    font-size: 20px;
    color: #98a2b3
}

#index .PC .main .div6 .title {
    font-weight: 700;
    font-size: 56px;
    color: #fff;
    text-align: center;
    margin-bottom: 32px
}

#index .PC .main .div6 .center {
    padding: 113px 0
}

#index .PC .main .div6 .center .item {
    width: 348px;
    height: 322px;
    background: #151920;
    border-radius: 10px 10px 10px 10px;
    padding: 30px 25px;
    margin-right: 16px
}

#index .PC .main .div6 .center .item .text {
    font-weight: 700;
    font-size: 24px;
    color: #fff;
    margin-bottom: 10px
}

#index .PC .main .div6 .center .dv3 {
    margin-right: 0
}

#index .PC .main .div7 {
    padding: 120px 165px;
    background: #000;
    font-weight: 700;
    font-size: 24px;
    color: #fff
}

#index .PC .main .div7 .Logoslink {
    width: 1200px;
    margin-bottom: 300px
}

#index .PC .main .div7 .Logoslink .text {
    font-weight: 700;
    font-size: 64px;
    color: #fff;
    text-align: center;
    margin-bottom: 80px
}

#index .PC .main .div7 .Logoslink .list {
    margin-bottom: 40px
}

#index .PC .main .div7 .center {
    padding-top: 40px;
    width: 1200px;
    flex-direction: column;
    align-items: center;
    box-shadow: 0 2px 10px -2px rgba(0, 0, 0, .1);
    border-radius: 10px 10px 10px 10px
}

#index .PC .main .div7 .center .text {
    width: 500px;
    height: 180px;
    text-align: center;
    margin: 40px 0
}

#index .PC .main .div7 .center .text2 {
    font-weight: 700;
    font-size: 56px;
    margin-bottom: 32px
}

#index .PC .main .div7 .center .text3 {
    font-size: 20px;
    padding-top: 40px
}

#index .PC .main .div7 .center .img1 {
    width: 40px;
    height: 40px
}

#index .PC .main .div7 .center .img2 {
    width: 144px;
    height: 28px
}

#index .PC .main .div7 .center .img3 {
    width: 100%
}

#index .PC .main .div7 .btn {
    height: 60px;
    background: #0f14f7;
    font-weight: 700;
    font-size: 20px;
    color: #fff;
    border-radius: 36px;
    border: #0f14f7;
    cursor: pointer;
    margin-bottom: 32px
}

#index .PC .main .div8 {
    padding: 120px 165px;
    background: #fff
}

#index .PC .main .div8 .main {
    padding: 0 150px;
    flex-direction: column
}

#index .PC .main .div8 .main .title {
    width: 800px;
    font-weight: 400;
    font-size: 20px;
    color: #98a2b3;
    text-align: center;
    margin-bottom: 64px
}

#index .PC .main .div8 .main .title .ti {
    font-weight: 700;
    font-size: 36px;
    color: #000;
    margin-bottom: 16px
}

#index .PC .main .div8 .main .title .cen {
    padding: 0 30px
}

#index .PC .main .div8 .main .list {
    width: 800px
}

#index .PC .main .div8 .main .list .img2 {
    width: 24px;
    height: 24px;
    margin-right: 16px;
    cursor: pointer
}

#index .PC .main .div8 .main .list .item {
    display: flex;
    padding: 16px 30px
}

#index .PC .main .div8 .main .list .item .right {
    font-weight: 400;
    font-size: 20px;
    color: #000
}

#index .PC .main .div8 .main .list .item .right .color7D7E80 {
    font-weight: 400;
    font-size: 16px;
    color: #7d7e80;
    margin-top: 16px;
    white-space: pre-wrap
}

#index .PC .main .div8 .btn {
    height: 60px;
    background: #0f14f7;
    font-weight: 700;
    font-size: 20px;
    color: #fff;
    border-radius: 36px;
    border: #0f14f7;
    cursor: pointer;
    margin-bottom: 32px
}

#index .PC .main .div8_2 {
    padding: 0 165px;
    background: #fff
}

#index .PC .main .div8_2 .main {
    padding: 0 150px;
    flex-direction: column
}

#index .PC .main .div8_2 .main .title {
    width: 800px;
    font-weight: 400;
    font-size: 20px;
    color: #98a2b3;
    text-align: center;
    margin-bottom: 64px
}

#index .PC .main .div8_2 .main .title .ti {
    font-weight: 700;
    font-size: 36px;
    color: #000;
    margin-bottom: 16px
}

#index .PC .main .div8_2 .main .title .cen {
    padding: 0 30px
}

#index .PC .main .div8_2 .main .list {
    width: 800px
}

#index .PC .main .div8_2 .main .list .img2 {
    width: 200px;
    height: 100px;
    margin-right: 16px;
    cursor: pointer
}

#index .PC .main .div8_2 .main .list .item {
    display: flex;
    padding: 16px 30px
}

#index .PC .main .div8_2 .main .list .item .right {
    font-weight: 400;
    font-size: 20px;
    color: #000;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

#index .PC .main .div8_2 .main .list .item .right .color7D7E80 {
    font-weight: 400;
    font-size: 16px;
    color: #7d7e80;
    margin-top: 16px;
    white-space: pre-wrap
}

#index .PC .main .div8_2 .btn {
    height: 60px;
    background: #0f14f7;
    font-weight: 700;
    font-size: 20px;
    color: #fff;
    border-radius: 36px;
    border: #0f14f7;
    cursor: pointer;
    margin-bottom: 32px
}

#index .PC .main .div9 {
    padding: 150px 215px;
    background-color: #000;
    text-align: center;
    flex-direction: column
}

#index .PC .main .div9 .img {
    width: 36px;
    height: 36px
}

#index .PC .main .div9 .title {
    font-weight: 700;
    font-size: 56px;
    color: #fff;
    padding: 0 16px;
    margin: 32px 0
}

#index .PC .main .div9 .btn {
    height: 60px;
    background: #0005fe;
    border-radius: 999px 999px 999px 999px;
    font-weight: 700;
    font-size: 20px;
    color: #fff;
    border: #0005fe;
    cursor: pointer
}

#index .Phone .main {
    padding-top: 80px
}

#index .Phone .main .div1 {
    background: #000;
    padding: 26px 12px;
    color: #fff;
    flex-direction: column;
    align-items: center
}

#index .Phone .main .div1 .btn {
    height: 60px;
    background: #0f14f7;
    font-weight: 700;
    font-size: 20px;
    color: #fff;
    border-radius: 36px;
    border: #0f14f7;
    cursor: pointer;
    margin-bottom: 32px
}

#index .Phone .main .div1 .img {
    width: 320px;
    height: 192px
}

#index .Phone .main .div2_5 {
    padding: 53px 0 0;
    flex-direction: column;
    align-items: center;
    background-color: #202020
}

#index .Phone .main .div2_5 .title {
    font-weight: 700;
    font-size: 32px;
    color: #fff;
    text-align: center
}

#index .Phone .main .div2_5 .row1 {
    padding: 0 20px;
    width: 291px
}

#index .Phone .main .div2_5 .row1 .left {
    font-weight: 700;
    font-size: 20px;
    color: #fff;
    text-align: center;
    margin: 37px 0 16px
}

#index .Phone .main .div2_5 .row1 .right {
    font-weight: 400;
    font-size: 16px;
    color: #fff;
    margin-bottom: 84px;
    text-align: center
}

#index .Phone .main .div2_5 .row2 {
    padding: 0 20px;
    width: 291px
}

#index .Phone .main .div2_5 .row2 .item {
    margin: 20px 0;
    color: #fff;
    background-color: #343434;
    border: 1px solid hsla(0, 0%, 100%, .102);
    border-radius: 15px;
    padding: 8px 16px;
    --border-transition: 0.3s
}

#index .Phone .main .div2_5 .row2 .item .top {
    font-weight: 400;
    font-size: 18px;
    color: #fff;
    margin-bottom: 16px
}

#index .Phone .main .div2_5 .row2 .item .cen {
    font-weight: 400;
    font-size: 16px;
    color: #fff
}

#index .Phone .main .div2_5 .row2 .item:hover {
    border: 1px solid #0e7ee0
}

#index .Phone .main .div2_5 .btn {
    height: 60px;
    background: #0f14f7;
    font-weight: 700;
    font-size: 20px;
    color: #fff;
    border-radius: 36px;
    border: #0f14f7;
    cursor: pointer;
    margin-bottom: 32px
}

#index .Phone .main .div2_5 .row3 {
    background: #151920;
    padding: 53px 20px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 81px
}

#index .Phone .main .div2_5 .row3 .img {
    width: 100%;
    height: 313px
}

#index .Phone .main .div2_5 .row3 .item {
    padding: 50px 0;
    width: 291px
}

#index .Phone .main .div2_5 .row3 .item .top {
    font-weight: 400;
    font-size: 18px;
    color: #fff;
    margin-bottom: 16px
}

#index .Phone .main .div2_5 .row3 .item .cen {
    font-weight: 400;
    font-size: 16px;
    color: #fff
}

#index .Phone .main .div2 {
    background: #151920;
    padding: 59px 32px;
    font-weight: 700;
    font-size: 16px;
    color: #fff
}

#index .Phone .main .div3 {
    font-weight: 400;
    font-size: 15px;
    color: #000;
    padding: 70px 0;
    flex-direction: column;
    align-items: center
}

#index .Phone .main .div3 .list {
    margin-top: 64px
}

#index .Phone .main .div3 .list .item .img {
    width: 24px;
    height: 24px;
    margin-right: 9px
}

#index .Phone .main .div3 .list .item .text {
    width: 291px
}

#index .Phone .main .div4 {
    background: #000;
    font-weight: 400;
    font-size: 18px;
    color: #98a2b3;
    display: flex;
    flex-direction: column;
    align-items: center
}

#index .Phone .main .div4 .left {
    width: 291px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 80px 22px 0
}

#index .Phone .main .div4 .left .d1 {
    font-weight: 700;
    font-size: 20px;
    color: #0028fd
}

#index .Phone .main .div4 .left .d2 {
    font-weight: 700;
    font-size: 36px;
    color: #fff;
    margin: 16px 0
}

#index .Phone .main .div4 .left .list {
    margin: 32px 0
}

#index .Phone .main .div4 .left .list .item {
    align-items: center
}

#index .Phone .main .div4 .left .list .item .img {
    width: 24px;
    height: 24px;
    margin-right: 9px
}

#index .Phone .main .div4 .left .list .item .text {
    width: 291px
}

#index .Phone .main .div4 .left .list .row1 {
    margin-bottom: 16px
}

#index .Phone .main .div4 .right {
    padding-bottom: 84px
}

#index .Phone .main .div4 .right .img {
    width: 100%;
    height: 313px
}

#index .Phone .main .div5 {
    background: #fff;
    padding: 80px 0 0;
    font-weight: 400;
    font-size: 16px;
    color: #000
}

#index .Phone .main .div5 .left {
    padding: 0 25px
}

#index .Phone .main .div5 .left .d1 {
    font-weight: 700;
    font-size: 20px;
    color: #0028fd
}

#index .Phone .main .div5 .left .d2 {
    font-weight: 700;
    font-size: 36px;
    margin: 16px 0
}

#index .Phone .main .div5 .left .d3 {
    font-size: 14px
}

#index .Phone .main .div5 .left .list {
    margin-top: 32px;
    flex-wrap: wrap
}

#index .Phone .main .div5 .left .list .item .img {
    width: 24px;
    height: 24px;
    margin-right: 9px
}

#index .Phone .main .div5 .right {
    margin-top: 32px
}

#index .Phone .main .div5 .right .img {
    width: 100%;
    height: 340px
}

#index .Phone .main .div6 {
    padding: 80px 19px 0;
    background: #000;
    font-weight: 400;
    font-size: 20px;
    color: #98a2b3
}

#index .Phone .main .div6 .title {
    font-weight: 700;
    font-size: 36px;
    color: #fff;
    text-align: center;
    margin-bottom: 32px
}

#index .Phone .main .div6 .center .item:last-child {
    margin-bottom: 0
}

#index .Phone .main .div6 .center .item {
    background: #151920;
    border-radius: 10px 10px 10px 10px;
    padding: 30px 25px;
    margin-bottom: 16px
}

#index .Phone .main .div6 .center .item .text {
    font-weight: 700;
    font-size: 24px;
    color: #fff;
    margin-bottom: 10px
}

#index .Phone .main .div6 .center .dv3 {
    margin-right: 0
}

#index .Phone .main .div7 {
    padding: 80px 19px;
    background: #000;
    font-weight: 700;
    font-size: 24px;
    color: #fff
}

#index .Phone .main .div7 .Logoslink {
    margin-bottom: 90px;
    padding: 0 10px
}

#index .Phone .main .div7 .Logoslink .text {
    font-weight: 700;
    font-size: 36px;
    color: #fff;
    text-align: center;
    margin-bottom: 80px
}

#index .Phone .main .div7 .Logoslink .list {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

#index .Phone .main .div7 .Logoslink .list .item {
    margin-bottom: 40px
}

#index .Phone .main .div7 .center {
    padding-top: 20px;
    flex-direction: column;
    align-items: center;
    box-shadow: 0 2px 10px -2px rgba(0, 0, 0, .1);
    border-radius: 10px 10px 10px 10px
}

#index .Phone .main .div7 .center .text {
    text-align: center;
    margin: 40px 0
}

#index .Phone .main .div7 .center .text2 {
    font-weight: 700;
    font-size: 36px;
    margin-bottom: 16px
}

#index .Phone .main .div7 .center .text3 {
    font-size: 16px;
    padding-top: 20px
}

#index .Phone .main .div7 .center .img1 {
    width: 40px;
    height: 40px
}

#index .Phone .main .div7 .center .img2 {
    width: 144px;
    height: 28px
}

#index .Phone .main .div7 .center .img3 {
    width: 100%
}

#index .Phone .main .div7 .btn {
    height: 60px;
    background: #0005fe;
    border-radius: 999px 999px 999px 999px;
    font-weight: 700;
    font-size: 20px;
    color: #fff;
    border: #0005fe;
    cursor: pointer
}

#index .Phone .main .div8 {
    padding: 80px 0 32px;
    background: #fff
}

#index .Phone .main .div8 .main {
    flex-direction: column
}

#index .Phone .main .div8 .main .title {
    font-weight: 400;
    font-size: 15px;
    color: #98a2b3;
    text-align: center;
    margin-bottom: 64px
}

#index .Phone .main .div8 .main .title .ti {
    font-weight: 700;
    font-size: 36px;
    color: #000;
    margin-bottom: 16px
}

#index .Phone .main .div8 .main .title .cen {
    padding: 0 30px
}

#index .Phone .main .div8 .main .list .img2 {
    width: 24px;
    height: 24px;
    margin-right: 16px
}

#index .Phone .main .div8 .main .list .item:last-child {
    margin-bottom: 0
}

#index .Phone .main .div8 .main .list .item {
    display: flex;
    padding: 16px 30px;
    margin-bottom: 16px
}

#index .Phone .main .div8 .main .list .item .right {
    font-weight: 400;
    font-size: 20px;
    color: #000
}

#index .Phone .main .div8 .main .list .item .right .color7D7E80 {
    font-weight: 400;
    font-size: 16px;
    color: #7d7e80;
    margin-top: 16px;
    white-space: pre-wrap
}

#index .Phone .main .div8 .btn {
    height: 60px;
    background: #0005fe;
    border-radius: 999px 999px 999px 999px;
    font-weight: 700;
    font-size: 20px;
    color: #fff;
    border: #0005fe;
    cursor: pointer
}

#index .Phone .main .div8_2 {
    padding: 0 0 32px;
    background: #fff
}

#index .Phone .main .div8_2 .main {
    padding-top: 0;
    flex-direction: column
}

#index .Phone .main .div8_2 .main .title {
    font-weight: 400;
    font-size: 15px;
    color: #98a2b3;
    text-align: center;
    margin-bottom: 64px
}

#index .Phone .main .div8_2 .main .title .ti {
    font-weight: 700;
    font-size: 36px;
    color: #000;
    margin-bottom: 16px
}

#index .Phone .main .div8_2 .main .title .cen {
    padding: 0 30px
}

#index .Phone .main .div8_2 .main .list {
    width: 100%
}

#index .Phone .main .div8_2 .main .list .img2 {
    width: 100px;
    height: 50px;
    margin-right: 16px
}

#index .Phone .main .div8_2 .main .list .item:last-child {
    margin-bottom: 0
}

#index .Phone .main .div8_2 .main .list .item {
    display: flex;
    padding: 16px 30px;
    margin-bottom: 16px
}

#index .Phone .main .div8_2 .main .list .item .right {
    font-weight: 400;
    font-size: 20px;
    color: #000;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: calc(100% - 100px)
}

#index .Phone .main .div8_2 .main .list .item .right .color7D7E80 {
    font-weight: 400;
    font-size: 16px;
    color: #7d7e80;
    margin-top: 16px;
    white-space: pre-wrap
}

#index .Phone .main .div8_2 .btn {
    height: 60px;
    background: #0005fe;
    border-radius: 999px 999px 999px 999px;
    font-weight: 700;
    font-size: 20px;
    color: #fff;
    border: #0005fe;
    cursor: pointer
}

#index .Phone .main .div9 {
    padding: 132px 25px;
    background-color: #000;
    text-align: center;
    flex-direction: column
}

#index .Phone .main .div9 .img {
    width: 81px;
    height: 81px
}

#index .Phone .main .div9 .title {
    font-weight: 700;
    font-size: 36px;
    color: #fff;
    margin: 32px 0
}

#index .Phone .main .div9 .btn {
    height: 60px;
    background: #0005fe;
    border-radius: 999px 999px 999px 999px;
    font-weight: 700;
    font-size: 20px;
    color: #fff;
    border: #0005fe;
    cursor: pointer
}

.cs_img {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKQAAACkCAMAAAAua3VzAAAAhFBMVEUAAAAATP8ATP8ATP8ASP8ATP8ATP8ATP8ASv8ATP8ATP8AS/8ATP8AS/8ATP8ASv8AS/8ATP8ATP8ASv8AS/8ASv8ATf8AUP8ATP////+/0v+fvP/f6f8gYv/v9P+Apv9gj/9Aef8QV//P3f8wbv+vx/+Psf9xm/9QhP+Qsf9wmv/O3f95s1IIAAAAGHRSTlMA3yBAEO+/7mCfgHDPj38wXm+QUK+QrzAlrAY7AAAEiklEQVR42tTV63KiQBCG4e4ZDhJQJEr2I6LxkE1Suf8LXMElo1ETGBDa52cqVb7VPTNQJ5x4lKSBx8wouRx58zSZaYdEUKN0zrjK9dKZoiGpJHBRA8+nMQ1Cp4wGONDUM526aMztszOeuLDEgaI+aA+teFO6MSdhtMY3zXQOexadmZSJojM1Y090pvLQuSfV8WHETUwEb9pg1dUYxzgmcpgqwgmJw0xc3Jgfil51ZSx61ZVIkbWYcZWUg6ld9MafkZUpehWShQl6NrmDRmByB43A5A4aG1YmGMiUapthMJpqUi4G48c1GxkWev72RBhU5NDvxhjYWPDFNkLJl6biK/oZQ4DIkfilaXQsNYTQ0pddYEf6sgsPdIWCIIoue4IgHl00giha9q054DsYJBDKHyTgO/IHCTzIH2QxSvmDBEL5gwT4Dgb5/a308Lv1KutMvm7+2VGoIc86tEItMRkBasg61fwVYqmRvmnUkBoJbbYtN3JMFVdupG+2LTcSutq25MiUDlhyJFPpDyRHQlFhJDsypMJcdmRABZYd6dOeguzI8lDOpEeOiOhRemRKRJ70yDkRudIjmciB9Eg4pOVHxjSzj1wtFn9X2annxeL5wr/lbSJHFFpHvqPwkh3ZbbC3PEl622LvvUVkSI+AXeQa+F6Zb1Ha7szfXnDwYR85pjlgFblAxax3if82Zv2oLKwjA/IAq8gNKmsTdB6+hgm3jfQoQl3XfmRphns+tld8sY5k4taRrz9FLjuJdAHp62aC0fbimPBlpxcH1pHZx/kTtKueoPz8CVpnPUYan2XPW3YkX5aL/XomTeVn1mukkf/r5k6X24ShMAx/RwiJxS6bh56JIe4k7pLp/d9fp20mJA5x2CQOfn77xzsIAwOSvh+PQ26L3c9mRcp+wNhIJLH4SLuFSNpC5A5GfqRBLD/ygFJ+5B6p/MgCkfzICl/lRwbbeDkAkh5pARykR5otvPrbA4ikR1ZbeR2NkIf5vU4kjflqx+3deAtEHvBXyu6cm9mRuftpk20zNzLzMCeofVzkAyhKduppVmTsaU70aYmP8gjZrZ8LTG9AyY6dm6mRscc58G0ze8oNQnatfZwUSegk7N7TlMgYnYw9OE2IVHjFsAff7sdGmhWWj5ybkZH5GtNl22ZUJOGtlL14uBsTmeMtHbIfp+GRhEsJe3IaHJnjkrbsya/7YZGE91L2pW0GRebrLnVpmwGRtPZSu4fjD/5Mjl6GBam3vJANCYvxBR/RYtaS0BaWqSrRK9D/S3CN3rEAhOuU5dVZhU+kvLr0NjZGWP203N3OZh3ILHvX/6cRuvVAhR7Clnqn6CHsUSMBxFcmgPjKBBBf2dso7AYZYZLKsjc2wDvSNoqi7La3dvT1TLTXmCe17JhN8ULqidk71MKumBdDLXHbUQrwj+SDmWgsSdW8OKOwtIgEj/TrTFnXHceZYaLREZlJhYZjkeFZTAAfVEzTxzmDN0EcTigsA3gWjDue1BX6lUX1oNAwLhTWpKrSXBl6qstIQQQdVEVZmx095xKRicsiyjSW8Acz0cfiOIRIewAAAABJRU5ErkJggg==) no-repeat 50%/cover;
    width: 48px;
    height: 48px;
    border-radius: 48px;
    position: fixed;
    right: 20px;
    bottom: 20%;
    cursor: pointer;
    z-index: 99
}