[v-cloak]{
    display: none;
}

.header{
    /* background-color: #000; */
    /* border-bottom: 3px solid #925BCA; */
}
.container {
    width: 1366px;
    /* padding: 0 40px; */
    margin: 0 auto;
}
/* banner */
.banner{
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 0px;
    /* margin-top: 100px; */
    height: 540px;
  }
  .index-module{
    /* display: flex;
    align-items: center;
    justify-content: space-between; */
    width: 808px;
}
.index-module_title {
    margin: 0 0 32px 0;
    font-size: 48px;
    font-family: DINPro-Bold,DINPro;
    font-weight: 600;
    color: #fff;
    line-height: 60px;
}
 .index-module_subTitle {
    margin: 0 0 64px 0;
    font-size: 24px;
    font-family: DINPro-Bold,DINPro;
    font-weight: 600;
    color: #B0BFDB;
    line-height: 31px
}
.register_btn{
    width:210px;
    height:54px;
    font-size: 20px !important;
    font-family: DINPro-Bold,DINPro !important;
    font-weight: 700 !important;
}
.banner_bg{
/*     background-image: url('../image/jb.png'); */
    background-repeat: round;
    position: relative;
    /* height: 600px; */
    /* padding: 60px 0 0 0; */
    /* margin: -60px 0 0 0; */
    overflow: hidden;
    background-position: 50%;
    background-size: 2684px 1512px;
    background-repeat: no-repeat;
    padding: 60px 0;
}
#swiperNotice  {
    height: 27px !important;
    line-height: 27px !important;
    
        font-size: 16px;
        color: #B0BFDB;
        cursor: pointer;
        font-weight: 550;
        font-family: DINPro-Medium;
        display: flex;
        align-items: center;
        padding-left: 12px;
    
}
#swiperNotice:hover{
    color: #884DFF;
}
#swiper1{
    height: 420px !important;
    padding-right: 5px;
}
.swiper-pagination-container {
    position: absolute;
    right: 10px;
    top: 40%;
  }
 
  #swiper1  .swiper-pagination{
      position: initial;
      margin-left: 2.5px;
  }
  .swiper-pagination span {
    height: 15px !important;
    width: 5px !important;
    background-color: #ccc !important;
    margin-bottom: 0px;
    display: block;
    border-radius: 0 !important;
  }
  
  #swiper1 .swiper-button-prev {
      position: initial;
    width: 10px !important;
    height: 16px !important;
    /* margin: 0 0 6px 0 !important; */
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAAXNSR0IArs4c6QAAAL1JREFUOE9jZCAAlm7ZrcT0l6EbpOwfM0NptI/rPXxaGPFJrli3R+0/8//9DAwMUlB1zxj/MjpGBLncwqUPp4FYDIOZgddQrAbiMYygoRgG4jDsGdQkmNdBXKwuRTEQl2GgcAOZgBaeWA2FG4jPMFgkEKMGbCAxCmGBR0gtIzSdHUZKGjjDh5Ch/5gZbBmXb9y9loGBIQgpXRFMa3h8tQ7dQKIMw+PSdYxLt+6VZ/rzr4/YrIWeQ1CyJgtTEQAnqJP5KqX4XAAAAABJRU5ErkJggg==) 50%/100% no-repeat;
    cursor: pointer;
}
  
#swiper1  .swiper-button-next {
    position: initial;
    margin-top: 10px;
    margin-top: 6px;
    margin-bottom: 0;
    width: 10px !important;
    height: 16px !important;
    margin: 0 0 6px 0 !important;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAAXNSR0IArs4c6QAAAL1JREFUOE9jZCAAlm7ZrcT0l6EbpOwfM0NptI/rPXxaGPFJrli3R+0/8//9DAwMUlB1zxj/MjpGBLncwqUPp4FYDIOZgddQrAbiMYygoRgG4jDsGdQkmNdBXKwuRTEQl2GgcAOZgBaeWA2FG4jPMFgkEKMGbCAxCmGBR0gtIzSdHUZKGjjDh5Ch/5gZbBmXb9y9loGBIQgpXRFMa3h8tQ7dQKIMw+PSdYxLt+6VZ/rzr4/YrIWeQ1CyJgtTEQAnqJP5KqX4XAAAAABJRU5ErkJggg==) 50%/100% no-repeat;
    cursor: pointer;
    transform: rotate(180deg);
  }
  


  .banner .swiper-pagination{
    bottom: 55px;
  }
  .banner .swiper-pagination-bullet{
    width: 33px;
    height: 4px;
    border-radius: 8px;
    opacity: 1;
    background-color: #D9D9D9;
    transition: all .5s;
  }
  .banner .swiper-pagination-bullet-active{
    background-color: #F0B90B;
  }
  .flex{
      display: flex;
      justify-content: space-between;
      align-items: center;
/*       height: 100%; */
      overflow: hidden;
  }
 .notice-box{
     display: flex;
     justify-content: space-between;
     width: 100%;
     align-items: center;
 }
 .notice_left{
     display: flex;
     align-items: center;
     height: 27px;
 }
.notice img {
    width: 20px;
}

 .view_more {
    height: 21px;
    padding: 0 14px 0 0;
    font-size: 16px;
    font-family: DINPro-Medium,DINPro;
    font-weight: 550;
    color: #884DFF;
    cursor: pointer;
    line-height: 21px;
    background: url(../image/view-more.png) 100%/7px 12px no-repeat
}

.bcon1{

}

#swiper1{margin: 0;}
.swiper-slide {
    position: relative;
    transition: transform 0.3s ease;
  }
  
  .swiper-slide img {
    /*width: 100%;*/
    height: 100%;
  }
  
  #swiper2 .swiper-slide:hover {
    transform: translateY(-10px); /* 向上移动 10 像素 */
  }
  #swiper2{
      padding-top: 30px;
      width: 100%;overflow: hidden;height: 240px;
      padding-top: 40px;
  }
  #swiper2
.swiper-button-prev {
  /* display: none; */
  height: 30px;
    width: 30px;
  position: absolute;
  left: 8px;
  top: 50%!important;
  transform: translateY(-50%);
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAAuZJREFUaEPtm7uOEzEUhv9NuIg7C1R0iaJESsN7UPEMVNS8BK+wFc9ARcdDUE6KpKMDxGVBCztZ9A92ZLxzcWZsjyeHI40iJRPb37n52OM5Qjg5AnDFuMYA+N1IfbLnCwBb9ZkDODcu/uZdOACfQpjrAK4BuNqx4d8AfgE4U0rp2Nzfv/sCJtwNBeplYFYjBP8JgEroJF2BCXrTgzVdIQj8owt4W2C67i3lvq6D9Xkf3fy0jau3AWZ83vEYDm0VwaT2TcW5cxv7AjNOadmUhJZmfDuJKzDvu92jCzfB0MW/q+mt9l4XYMbrXTWfNnXc5++cw782xXUTMH+/NwBYrWhCf6mzdBMwkxMLiSEJ3ZvJrFTqgFNMUK6Kr0xkVcCcehi3QxbGMyu0f6QMmEnqOIF5tquyOU9/tpNYGfAQ47ZKOZfi2QZmbcysfEjCrL1bdNjAhO26rEtNWYQldCEm8CFaV3PurGwCMyszO0eVLMuezmazV+w0y7KXy+XyXYABMFsza+8szMz8IEBHtU2u1+tnk8nkBAC3f7Ddbj+Mx+MngcbxiV1oC0cvMmzYCMBFMaKBoyarMlgA+Wq1er5YLN4GsnCRvAjM62GgTi41WwW72WxeTKfTN4HH8ZGw0bJzz7DUZWHhKPGbACyBTwkcvJRMBJbAZwS+H3KBnxAsgc8JzJVRMQ/6lsRgiZfrDN2087G3LlhBzefz15Yy80jZuGq8FwR9tDeNwx/yPH8/Go0eG7f2DVsMRSQwiw5RLi0uaYmblsQVHuJKS3GLB3HLQ87HojYACBwljs0Cre8tHnGbeFS+qG1aAkfL1g5rD9+3lG7ER09evqkq2qt81HKoVq59mEbo4KVmJMsWe1j28Yf/D8SV9kUdedAeF70Y8ejqex9q0X0PMZ5bH1vSe16iDqYRWtTRQ+3aog6XmrkkxUQW5PiwCS3qgLgGF/UKgGltMS952DWCmNd4bHAxL2qVVYWcypJ7Fe8Pj2VZFL2xfUEAAAAASUVORK5CYII=);
  background-size: 100% 100%!important;
  margin-top: 0;
}
#swiper2 .swiper-button-next {
  /* display: none; */
  position: absolute;
  right: 8px;
  top: 50%!important;
  -webkit-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAAuZJREFUaEPtm7uOEzEUhv9NuIg7C1R0iaJESsN7UPEMVNS8BK+wFc9ARcdDUE6KpKMDxGVBCztZ9A92ZLxzcWZsjyeHI40iJRPb37n52OM5Qjg5AnDFuMYA+N1IfbLnCwBb9ZkDODcu/uZdOACfQpjrAK4BuNqx4d8AfgE4U0rp2Nzfv/sCJtwNBeplYFYjBP8JgEroJF2BCXrTgzVdIQj8owt4W2C67i3lvq6D9Xkf3fy0jau3AWZ83vEYDm0VwaT2TcW5cxv7AjNOadmUhJZmfDuJKzDvu92jCzfB0MW/q+mt9l4XYMbrXTWfNnXc5++cw782xXUTMH+/NwBYrWhCf6mzdBMwkxMLiSEJ3ZvJrFTqgFNMUK6Kr0xkVcCcehi3QxbGMyu0f6QMmEnqOIF5tquyOU9/tpNYGfAQ47ZKOZfi2QZmbcysfEjCrL1bdNjAhO26rEtNWYQldCEm8CFaV3PurGwCMyszO0eVLMuezmazV+w0y7KXy+XyXYABMFsza+8szMz8IEBHtU2u1+tnk8nkBAC3f7Ddbj+Mx+MngcbxiV1oC0cvMmzYCMBFMaKBoyarMlgA+Wq1er5YLN4GsnCRvAjM62GgTi41WwW72WxeTKfTN4HH8ZGw0bJzz7DUZWHhKPGbACyBTwkcvJRMBJbAZwS+H3KBnxAsgc8JzJVRMQ/6lsRgiZfrDN2087G3LlhBzefz15Yy80jZuGq8FwR9tDeNwx/yPH8/Go0eG7f2DVsMRSQwiw5RLi0uaYmblsQVHuJKS3GLB3HLQ87HojYACBwljs0Cre8tHnGbeFS+qG1aAkfL1g5rD9+3lG7ER09evqkq2qt81HKoVq59mEbo4KVmJMsWe1j28Yf/D8SV9kUdedAeF70Y8ejqex9q0X0PMZ5bH1vSe16iDqYRWtTRQ+3aog6XmrkkxUQW5PiwCS3qgLgGF/UKgGltMS952DWCmNd4bHAxL2qVVYWcypJ7Fe8Pj2VZFL2xfUEAAAAASUVORK5CYII=);
  background-size: 100% 100%!important;
  margin-top: 0;
  height: 30px;
    width: 30px;
}

.swiper-button-prevhover {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA5ZJREFUaEPlm12ITVEUgL81RCkh+WtevGmUB3lAMT8P/mqkeBDlJymvNDOKklAeGJE3JRlq5gUlU3jxN1N4kAcPkydeJvITUoqYpXXb98515/6cs+899x6zT52ns9ba6zt7n733WnsdIaFLVWcAa4AVwBJ3LwRmutta/u7u98Brd78AhkXkRxKuSS2Nqup8YCewFVgJTPO0/wt4DtwC+kXkg6edCWo1AVbVVqAH2AhMrZVzzs5v4B5wVkSeVGu7KmBV7QBOuqFbrS9R9IeBYyLyKIpwMRkvYFVdBJwDdvg2XKXeANAlIu/i2okNrKqbAGtwVtzGaiz/zV64iNyNYzcWsKp2AWeApjiNJCg7BhwWERttka5IwKo6HbgE7Ilktf5CfcABEflZqemKwKo6D7gNrK5krMHPnwJbRORjOT/KArueffgfwGYZDbqjXE9XAr6a4mFcqiP7RGRvqYclgd0E1dvgYerbfHepiawosFt6BlM0G8cFt9m7s9iSNQHYbSpGUrDOxoUslLd1uqVwc1IMuL+BO6hqIQv1B0TEgpnc9Q+wqrYDNitPpstm7dzeuxB4qI6BQL1eqsXWa7ON5YBVtQ3wjkLq5b1nO+0i8th084Hv2MzmadBbbfCV0nNDM/oXtwvrllbc/Pm0NSgim3PALlMxmkDwXta5my+V/deUP7aIAM2zYeREInGJJRGaLXOSeZ2qehA47/PqfHUKYRMGNvOHRORCFthSJ7kP2xciql4x2ClNcH2f0LkskSFtrg2JSKu47OKXKhJuUTkzcqVgL+8Wti1PDNaatsTgHANeD9yP5bWncANhsx5vMOAjwGlPhshqKYA1X48acOIhYEpgDbjPgC1oXhW5q2IKpgjWPH9mwG+AxTE5IomnDNZ8fmvAn4C5kQhiCNkOateV8U2FqdrSU4fZuJyXnw3YMn2+Z0AljbccH2P06/jjFMBmlqYggYMb0sFNWsEtS8FtPILbWgYXPFjxSTjhoct4hJMAcMDBpXis3CicJJ7r5XDStA7Yaq0yyepJeLVla7zCPWpxvWyFZg8mWQ+XPkxz0OEclzpgq7IL50DcQVu1XRglD9nvN6iiljzoxEPHBCZIv7IlN7St5DCcwjQHHU7pYd7QDqe4NP8bC6Z8uAA6nALxvCEezi8ABb1thWyn6ljb1ZifPArXTlfj1Z3wbzy92VqratbumhZVqOoCV6c5uX/UKvbG0/or3l9rlQgTFagSiQAAAABJRU5ErkJggg==)!important;
    background-size: 100% 100%!important;
}
.swiper-button-nexthover {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA5ZJREFUaEPlm12ITVEUgL81RCkh+WtevGmUB3lAMT8P/mqkeBDlJymvNDOKklAeGJE3JRlq5gUlU3jxN1N4kAcPkydeJvITUoqYpXXb98515/6cs+899x6zT52ns9ba6zt7n733WnsdIaFLVWcAa4AVwBJ3LwRmutta/u7u98Brd78AhkXkRxKuSS2Nqup8YCewFVgJTPO0/wt4DtwC+kXkg6edCWo1AVbVVqAH2AhMrZVzzs5v4B5wVkSeVGu7KmBV7QBOuqFbrS9R9IeBYyLyKIpwMRkvYFVdBJwDdvg2XKXeANAlIu/i2okNrKqbAGtwVtzGaiz/zV64iNyNYzcWsKp2AWeApjiNJCg7BhwWERttka5IwKo6HbgE7Ilktf5CfcABEflZqemKwKo6D7gNrK5krMHPnwJbRORjOT/KArueffgfwGYZDbqjXE9XAr6a4mFcqiP7RGRvqYclgd0E1dvgYerbfHepiawosFt6BlM0G8cFt9m7s9iSNQHYbSpGUrDOxoUslLd1uqVwc1IMuL+BO6hqIQv1B0TEgpnc9Q+wqrYDNitPpstm7dzeuxB4qI6BQL1eqsXWa7ON5YBVtQ3wjkLq5b1nO+0i8th084Hv2MzmadBbbfCV0nNDM/oXtwvrllbc/Pm0NSgim3PALlMxmkDwXta5my+V/deUP7aIAM2zYeREInGJJRGaLXOSeZ2qehA47/PqfHUKYRMGNvOHRORCFthSJ7kP2xciql4x2ClNcH2f0LkskSFtrg2JSKu47OKXKhJuUTkzcqVgL+8Wti1PDNaatsTgHANeD9yP5bWncANhsx5vMOAjwGlPhshqKYA1X48acOIhYEpgDbjPgC1oXhW5q2IKpgjWPH9mwG+AxTE5IomnDNZ8fmvAn4C5kQhiCNkOateV8U2FqdrSU4fZuJyXnw3YMn2+Z0AljbccH2P06/jjFMBmlqYggYMb0sFNWsEtS8FtPILbWgYXPFjxSTjhoct4hJMAcMDBpXis3CicJJ7r5XDStA7Yaq0yyepJeLVla7zCPWpxvWyFZg8mWQ+XPkxz0OEclzpgq7IL50DcQVu1XRglD9nvN6iiljzoxEPHBCZIv7IlN7St5DCcwjQHHU7pYd7QDqe4NP8bC6Z8uAA6nALxvCEezi8ABb1thWyn6ljb1ZifPArXTlfj1Z3wbzy92VqratbumhZVqOoCV6c5uX/UKvbG0/or3l9rlQgTFagSiQAAAABJRU5ErkJggg==)!important;
    background-size: 100% 100%!important;
}
.tab_view{
    /* width: 1200px; */
    padding: 24px;
    border-radius: 8px;
    border: 1px solid rgba(9,30,66,.08);
    margin: 0 auto;
}
.tab_view_top{
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-weight: 700;
    color: #B0BFDB;
    justify-content: space-between;
}
.tab_view_top .tab {
    margin-right: 40px;
    height: 26px;
    font-size: 20px;
    font-family: DINPro-Bold,DINPro;
    font-weight: 700;
    line-height: 26px;
    cursor: pointer;
}
.tab_group{
    display: flex;
}
.view-more{
    height: 21px;
    padding: 0 14px 0 0;
    font-size: 16px;
    font-family: DINPro-Medium,DINPro;
    font-weight: 500;
    color: #884DFF;
    line-height: 21px;
    cursor: pointer;
    background: url(../image/view-more.png) 100%/7px 12px no-repeat;
}
.tabActive{
    color: #fff !important;
}
.tab_group .tab:active {
    color: #fff;
  }
  .el-tabs__item.is-active{
      color: #fff !important;
  }
  .el-tabs__item:hover {
    color: #fff !important;
    cursor: pointer;
}

.more-wrapper {
    display: inline-block;
    margin-left: 10px;
  }
  .more-dropdown {
    min-width: 160px;
  }
  .futureTags{
    width: 1200px;
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #fff;
    margin-top: 30px;
    margin-bottom: 25px;
    font-weight: 700;
  }
  .futureTags span{
    padding: 5px 16px;
    border-radius: 4px;
    font-size: 14px;
    color: #B0BFDB;
    line-height: 18px;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    margin-right: 15px;
    background-color: #f7f7f8;
  }
  .tagActive{
    color: #fff !important;
  }
  .showName-box{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 12px;
  }
  .leftShowName{
    font-weight: 500;
    font-size: 18px;
    color: #fff;
    font-weight: 700;
  }
  .rightShowName{
    font-size: 14px;
    margin-left: 5px;
    color: #B0BFDB;
    font-weight: 700;
  }
  .percent{
    color: #2ebd85 !important;
    font-weight: 500;
    font-size: 18px;
    color: #fff;
    -webkit-transition: all .3s;
    transition: all .3s;
    font-weight: 700;
  }
  .hovered{
      background-color:#884DFF!important;
      color: #fff !important;
  }
  
  .el-table th, .el-table tr {
  	 background-color: #000 !important;
  }
  
   .el-table td, .el-table th.is-leaf {
   	 border-bottom: 1px solid #333 !important;
   }
    /*调整阴影样式*/
  .el-table--enable-row-hover .el-table__body tr:hover {
    background-color: #000;
    transition: all .3s !important;
    transform: scale(1.01) !important; 
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.el-table--enable-row-hover .el-table__body tr:hover > td {
	background-color: rgba(0,0,0, 0.8) !important;
}

.tab_view .el-button--default{
    font-size: 15px ;
    color: #884DFF ;
    background-color: rgba(13,110,253,.06);
    border: 1px solid #333 !important;
}
.item_view{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 16px;
    border: 1px solid transparent;
    cursor: pointer;
    align-items: center;
    margin-bottom: 18px;

}
.item_view:hover{
    border-radius: 8px;
    border: 1px solid #884DFF;
}
.item_view:hover .item_right{
    display: block !important;
}
.item_view img{
    margin-right: 16px;
    width: 40px;
    height: 40px;
}
.item_view .item_title{
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    margin-top: 0;
    margin-bottom: 8px;
    line-height: 31px;
}
.item_view .item_subtitle{
    font-weight: 500;
    color: #B0BFDB;
    line-height: 18px;
}

.item_content{
    width: 350px;
    margin-right: 28px;
}
.item_right{
    width: 7px !important;
								height: 12px !important;display: none;
}

.container_title{
    font-size: 40px;
    font-weight: 700;
    color: #fff;
    line-height: 51px;
    margin: 54px 0;
}

.rounded-player {
    border-radius: 10px;
    overflow: hidden; /* 防止视频在圆角外溢出 */
  }
  .player{
      border-radius: 10px;
      width: 282px;
      height: 160px;
  }
  .plyr__video-embed{
      width: 282px;
      height: 160px;
  }
  .cont-item{
    width: 282px;
    padding: 0 16px;
    text-align: center;
  }
  .cont-item img{
    width: 100px;
    height: 100px;
  }
  .cont-item .title{
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    margin-top: 32px;
    margin-bottom: 16px;
    line-height: 26px;
  }
  .cont-item .subtit{
    font-weight: 500;
    color: #B0BFDB;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 8px;
  }
 .cont-item .link {
    font-size: 12px;
    font-weight: 500;
    color: #0e0e0e;
    cursor: pointer;
    line-height: 15px;
  }
  .flex1{
    display: flex;
    justify-content: space-between;
    /* align-items: center; */
/*     height: 100%; */
    overflow: hidden;
  }

  .index-module_list_1YZ7Q {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-column-gap: 24px;
    padding: 88px 0 0 0;
    background: url('../image/step1.png') center 40px/987px 28px no-repeat;
}
.index-module_item_TL9K_ {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: -webkit-min-content 1fr -webkit-min-content;
    grid-template-rows: min-content 1fr min-content;
}
dd, dl, dt, li, ol, ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.index-module_label_3wvVB {
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    line-height: 28px;
}

 .index-module_label_3wvVB {
    padding: 0px 80px ;
    text-align: center;
}

.index-module_tips_2QOCs {
    margin-top: 8px;
    font-size: 14px;
    font-weight: 500;
    color: #B0BFDB;
    line-height: 20px;
}

.index-module_tips_2QOCs {
    padding: 0px 85px ;
    text-align: center;
}
.index-module_button_SiSd8 {
    width: 104px;
    height: 32px;
    margin: 20px auto 0;
    background: #884DFF;
    border-radius: 4px;
    font-size: 15px;
    font-family: DINPro-Bold,DINPro;
    font-weight: 700;
    color: #fff;
    line-height: 32px;
}

.standard-click-element {
    padding: 0;
    border: none;
    /* background-color: transparent; */
    cursor: pointer;
    text-align: center;
}
.standard-click-element:hover{
    background-color: #884DFF;
    border: 1px solid #884DFF;
    color: #fff;
}
.centerbg{
    height: 467px;
    background-image: url('../image/mainbg.png');
    background-size: 100% 100%;
    background-repeat:no-repeat;
    margin-top: 40px;
}
.container .main{
    position: relative;
    width: 1200px;
    height: 547px;
    margin: 0 auto;
    border: 1px solid transparent;
}
.main .app-img {
    position: absolute;
    top: 0;
    left: 155px;
}
.app-img .imgPhone {
    width: 268px;
}
.main .right {
    position: absolute;
    top: 100px;
    left: 584px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
}
 .main .right .top1 {
    font-size: 40px;
    font-weight: 700;
    color: #fff;
    line-height: 51px;
}
.main .right .mid {
    width: 440px;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    margin-top: 16px;
    line-height: 24px;
}
.main .right .code-box {
    margin-top: 32px;
    display: flex;
    align-items: center;
}
.main .right .code-img img{
    width: 100px;
    border-radius: 8px;
}
.main .right .code-text {
    margin-left: 16px;
    font-weight: 600;
    color: #fff;
}
.main .right .code-text .tit {
    font-size: 14px;
    line-height: 18px;
}

.main .right .code-text .subtit {
    font-size: 18px;
    margin-top: 8px;
    line-height: 23px;
}
.main .right .btn-grounp {
    display: flex;
    margin-top: 32px;
}
.btn-grounp .down-btn{
    margin-right: 30px;
}
.el-collapse-item__arrow{
    display: none !important;
  }
  .downArrow1{
    display: inline-block;
    width: 28px;
    height: 28px;
    background-size: 28px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAYAAACohjseAAAAAXNSR0IArs4c6QAABZFJREFUaEPdW11sFFUU/s5sW1jSSmRmOgvsTx8gIIk+iIAxkmiiRnjgJ8Y3SDAgviIYE1EjRsTEiPIqP5GEPpJgeUAjJhoxRhR80KRCJLH7U9jpzIQ0JV1ou3PMne7UYdjdmf1DmfO499xz73fPnXO/c+9ZQvslJidSj5ON9SBaCcZKJqQkoI+BPjEcARM2MEGMPAhXwHyFJVywivnfAJTbOSVqj7HV3bI2thFM24jwPICFTdodZ8Z5EA9aev854PJ0k3bmurUEMJlMxkvT0h4J2MeA3OpkvP0JsGzgcLzbPlIoFErN2m4WYEzVMjsY/D6Apc0OHrLfKIHeM/TsyWa2b8MA1URmAzN/AmBVnQmKFT8P4Duy7SsArt3u4ZsTCxdOiD594+N986foYQDLWJJWAngWcLZ2vI7NYSJ6wyhmvwq5MI5aIwBJ1jIHCby/xgA3mTEE8NC8rvI3169fn2xkIkuWLFlwZyb2AkCbibAZgFiAe4RBhyw9+w4ADmM/FEBVVXtZig8CzsB+mWTwp1Re8LFpXnU81Kooyoo+jk2+SaC9ABZUsTdEdmmbYRi3gsYKBJhIDAxMs32WgEd9xkQ4P4EyHTDN7I2ggZppV5TMYsT4AICdAGJeGwz80U3SpmJxZKSe7boABbgZti8C6PcZGYXEW8wb+UvNTLzRPsri1BOw6csqAW2si6R19UDWBCi2pS3Ff7rXc3QRZWztlNdqgZ/1Js4AvM7vSckuPVVru9YCSIqWPlPlmxvsjUuvjoyM3G7UC+3QHxgYmH+rZB8DsM1nb8jUc1urBZ6qAGUt82GVaDlo6rnt7ZhoqzYULX3KD7ISXd/2274HYOWcO3e3Il3sjdMz/5Xn/JOe9SR/79+uRLTRf076AcYULf277xAfRZnW3O9vLsjLlQj7qy/wDJt67jEv47kLoKpldjL4uMd4GRI/2Y5oKXYGgKMV27sbZSTVAFei68/eI4RAuww9e8LVnwMoiPPtaekv34ocNfXca0GrGaZdTWTyAJIV3YJRzKbC9AvSUbT05wB2e/RG53fby12CPgdQ1tJvEXDIoziJMi1r19ZUE5m7qJVRzAaSjCBwor2yVa95GQ8D+y0995ForwyyulvVjBvelIfBBy09/26YQcLodAqgGFvWUh8QSPBTR0SqZejqYpFPOgBlLbWZ4DAFV26iHM+0i1sKo50EuGjRsoek7ilB2eYIOoO3WHp+aBZgIn2aGC+56Jhx0hrLvRLGM2F1OgnQwdCf/oIIOzwYTltjuZcFQHE0WN5rBmbeao3lvR4Ni6OmXucBprYQkWBfroybek4mOZFcSywJQu1KqSc2ozSazwWtQKcBinxyqtxlepNmJl5LSn9qL4gOeyZ41tRz1fK+IAx12zsNUAyuaOkhAJvmJsK8T5BqQV53eWb3uqnnjrSEpkrn+wRwD4DPPMMfJ6U//QMI690fybY3GEbh6wcRoKomX2RJ+vfOhnGBZC39NwEDHoDLDaMgDs62yv3woKomxSWWYGOOMDBCqpY2vQf8na6yMjE6KqJq0DflckuXfgV1aba9IKhYGO7at3SpPG8mJgKNI+LAF9/gHQA97o+m3DsPw8NTQbPxccsg9Vbbw3HXVat6FOuWwOPKVPQBRn6LRj7IRP6YiPhBfyz6VE1OpNYQ0y+e0Botsh35dEl4LuoJ7wN/ZSGe2xArZWteWQARv3Rytmm0rw2ByF/8Ci9G+uq+cg5G+/HF8eJsmUhkn88cR0b6AdTN9iP9hO1s1YgXITiOjHQZiZtdRLoQyAUZ6VIuT54Y3WI876VmlMspvTijWxDrRRnlkmbfVXylKJ1oOzGea6konfAtmE/9L4rSazw4xOREcjXZ9DSIHgFjRcDfCq6C+U+W+EerWLjcTF12vYePfwAdbqrxffHZaAAAAABJRU5ErkJggg==);
  }
  .downArrow2{
    display: inline-block;
    width: 28px;
    height: 28px;
    background-size: 28px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAYAAACohjseAAAAAXNSR0IArs4c6QAABWJJREFUaEPdW1tsFGUU/s5sW1jSSmRmOgvspQ8QahN9sALGSKKJGuGBS4xvkGBAfUUwJqJGjIiJEeVVLpGEPpJgeUAjJhoxRhR80KRCJLF7Ke10ZtI0JV162Tnmn+7UYbr31lL+87hz/vOfb84/5/afJSw8RdRY4nFysQVEnWB0MiGhAG0MtIntCBhzgTFiZEG4AeYbrOCKM5T9HUBhIVWihRHW3awaw9vAtJsIzwNY2aDcUWZcBnGPY7ZfAq5PNShndtm8AMbj8Wh+SjmgAIcYUOerTHA9AY4LHI82uydyuVy+UdmNAozoRmovgz8AsLbRzWtcN0Cg9y0zfbaR41s3QD2W2srMnwLoqqCgeOOXAXxPrnsDwK27LTwytnLlmFjTNjratnySHgawjhWlE8CzgHe0oxVk9hHRm9ZQ+usaX4zHVg9AUo3UUQIfLrPBCDN6Ae5d1lT49vbt2+P1KLJmzZoVE9ORFwDaQYQdAMQLmEMMOuaY6XcBcC3yawKo63orK9EewNs4TOMM/owKKz6x7ZueheZLmrahjSPjbxHoIIAVJeT1kpvfbVnWnWp7VQUYi3V0TLF7kYBHQ8KEOz+DAh2x7fRgtY0aea5pqdWI8BEA+wBEgjIY+LOZlO1DQ/39lWRXBCjATbN7FUB7SMgAFN5pD2avNaJ4vWu01Ykn4NJXJRzacBMpmyuBLAtQHEtXif4813J0FQXs+r+sVg78jDVxAeDNYUsqbv6pcse1HEDSjOSFEt9cT2tUebW/v/9uvVZYCP6Ojo7ld/LuKQC7Q/J6bTOzq5TjKQlQNVIflfCWPbaZ2bMQis5XhmYkz4VBFr3rO2HZcwAW49ylexnpamuUnrlflgsrPWNJ/iF8XIloWzhOhgFGNCP5RyiID6BAGxf7m6tm5aKH/S3kePpsM/NYMOO5B6BupPYx+HRAeAEKP7lY3rIaqPDzonf9JRhCCLTfMtNnfN5ZgCJxvjul/B16IydtM/N6vRsvJr9mJL8A8Fpgz4Hlze56P0GfBagaybcJOBZgHEeB1i21oznHijPJwK1gxsPAYcfMfCx4iwC7m3XDGgyWPAw+6pjZ9xbTGo3upRqJDwkk8lOPRKllmfpqUU96AFUjsYPgZQo+jaAQTS1Ubtmo4rWuW7Vq3UNK86RI2WYTdAbvdMxs7wzAWPI8MV7yBTLjrDOceaXWDZYCn9qe/JIIewMYzjvDmZcFQBEanGCbgZl3OcPZoEWXAoaKOqjtiZ1EJLIvn0ZtM6OSGotvIlZEQu1TviUyrdVbz93vNyDqyclCkx0smpl4E2ntiYMgOh5Q8KJtZkrVffcbQ9X9NSPZC2D7LCPzIZFUi+R1f2D1G7aZOVFV2hJk0IzkAQCfB1Q7TVp78kcQtvg/kututazcN0tQ/6oq6Xr8RVaU/3o2jCukGsl/COgIAFxvWTkROB840vW4aGKJbMwjBvpJN5J2MMBPNBW0sYEB4VUrkqg6AJwEEK/GO8/nOZGK1dJNa1u7Vl02HRGOxiMR8MU3OAGgxf/RVluXoa9vsppSeiyVXQRwvho5ayidqKYTurpaNOeOwOPTpPwApT+i0jsZ6cOE5IH+lPypmhpLbCSmXwOuVa5kW/pySVhO9oL3gW9ZiOs2RPLpsi0LQPKmk3dM5W4bAtI3foUVpW7dF+Og3JcvnhVnxkSkvT7zDCn1Bahf7Ut9he0dVcmHEDxDSj1G4lcXUg8C+SClHuUK1InyDuMF+5Eyj1MGcco7EBtEKfNIc6iLXhxKJ9pDjOfmNZRO+A7M55bEUHqZu4KIGot3k0tPg+gRMDZU+VvBTTD/xQr/5Azlrjcyl13pzuJfmapG8QPRWEEAAAAASUVORK5CYII=);
    transform: rotate(-180deg);
  }
.el-collapse-item__header {
          justify-content: space-between !important;
         
        }
 .collapse_title{
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    line-height: 26px;
 }
 .el-collapse{
     border: none !important;
 }
 .el-collapse-item{
     padding: 24px !important;
     background-color: #1f2328;
     margin-bottom: 24px !important;
    border-radius: 8px !important
 }
.el-collapse-item__header{
    border: none !important;
    background-color: #1f2328 !important;

}
.el-collapse-item__content{
    background-color: #1f2328 !important;
    /* width: 1000px; */
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #B0BFDB !important;
    line-height: 24px !important;
    cursor: pointer !important;
}
.el-collapse-item__wrap{
    border: none !important;
}
#swiper3 .swiper-wrapper .swiper-slide {
    padding: 15px !important;
    margin-right: 40px;
    line-height: 0;
    border-radius: 8px;
    border: 1px solid #884DFF;
    height: 80px;
    overflow: hidden;
    text-align: center;
    background-color: #fff !important;
}
#swiper4{
    margin-top: 20px;
}
#swiper4 .swiper-wrapper .swiper-slide {
    padding: 15px !important;
    margin-right: 40px;
    line-height: 0;
    border-radius: 8px;
    border: 1px solid #884DFF;
    height: 80px;
    overflow: hidden;
    text-align: center;
    background-color: #fff !important;
}
#swiper4 .swiper-wrapper .swiper-slide img {
    width: auto !important;
   
    height: auto;
}
#swiper3 .swiper-wrapper .swiper-slide img {
    width: auto !important;

    height: auto;
}

.geo-intro {
    color: #B0BFDB;
    font-size: 16px;
    line-height: 26px;
    margin: 0 0 12px 0;
}
.geo-rank-snapshot {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}