.style2 {
   position: relative;
   text-align: center;
}

.style2.theme1 {
   --theme-color: #4287FF;
}

.style2 .logo-div {
   position: absolute;
   top: 20%;
   left: 50%;
   transform: translateX(-50%);
}

.style2 .logo {
   /* position: absolute; */
   display: block;
   /* top: 33%; */
   /* margin-top: -80px; */
   /* left: 50%; */
   /* margin-left: -55px; */
   width: 110px;
   height: 110px;
   margin: 20px auto;
   background-repeat: no-repeat;
   background-size: 100% 100%;
}

.style2 .logo-title {
   font-size: 24px;
   font-weight: bold;
}

.style2 .container {
   position: absolute;
   width: 100%;
   bottom: 0;
}

.container>div {
   margin-bottom: 20px;
}

.style2 .version {
   font-size: 20px;
   font-weight: 600;
   color: #333;
   text-align: center;
}

.style2 .tips {
   margin-top: 2px;
   font-size: 14px;
   color: #9E9E9E;
   text-align: center;
   font-weight: normal;
}

.style2 .btn {
   box-sizing: border-box;
   height: 48px;
   line-height: 48px;
   border-radius: 24px;
   background: var(--theme-color);
   text-align: center;
   width: 100%;
   font-size: 16px;
   font-weight: 600;
   color: #fff;
   vertical-align: -3px;
   display: none;
}

.style2 .btn-group {
   width: 76%;
   margin: 0 auto;
}

.style2 .btn.ios {
   display: flex
}

.style2 .btn svg {
   position: relative;
   left: auto;
   margin-right: 10px;
}

.style2 .copyright {
   margin-top: 10px;
   width: 100%;
   text-align: center;
   font-size: 12px;
   color: #8e8e8e;
}