* {
   list-style: none;
   vertical-align: baseline;
   font-weight: inherit;
   font-family: inherit;
   font-style: inherit;
   font-size: 100%;
   border: 0 none;
   outline: 0;
   padding: 0;
   margin: 0;
 }

 a {
   text-decoration: none;
 }

 .bg {
   background-image: url('./static/images/bg.png');
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   width: 100%;
   height: 100vh;
 }

 .app {
   padding: 0 5%;
   font-family: PingFang SC;
 }

 .app-header {
   width: 100%;
   height: 36px;
 }

 .app-header {
   width: 100%;
   height: 57px;
 }

 .app-header--logo {
   margin-top: 20px;
   width: 160px;
 }

 .app-main {
   /*! width: 100%; */
 }

 .app-main--left {

   /* background: yellowgreen; */
 }

 .app-main--left h3 {
   padding-top: 28px;
   padding-bottom: 20px;
   font-size: 36px;
   font-weight: bold;
   color: #000000;
 }

 .app-main--left h5 {
   font-size: 22px;
   font-weight: 500;
   color: #666666;
 }

 .app-main--left .btn-container {
   margin-top: 2em;
 }

 .app-main--left .dowloadBtn {
   width: 100%;
   height: 80px;
   font-size: 28px;
   font-family: PingFang SC;
   font-weight: 500;
   margin-bottom: 26px;
   background: #DB197C;
   border-radius: 5px;
   border: none;
   color: #fff;
   display: block;
   cursor: pointer;
   position: relative;
 }

 .app-main--left .dowloadBtn .icon {
   position: absolute;
   top: 24px;
   bottom: 0px;
   left: 24px;
 }

 .app-main--right {}

 .app-main--right img {
   max-width: 100%;
   margin-top: 20px;
 }

 .app-footer {
   margin-top: 30px;
   padding: 15px;
   height: 140px;
   background: #FFF7EC;
   border-radius: 4px;
 }

 .app-footer .title {
   font-size: 14px;
   font-weight: 500;
   color: #4A5060;
 }

 .app-footer .content {
   margin: 0 40px;
 }

 .app-footer .content ul li {
   font-size: 18px;
   font-weight: 500;
   padding-top: 5px;
   padding-left: 25px;
   color: #FF9C21;
 }

 .app-footer .content ul li::before {
   content: "";
   width: 10px;
   height: 10px;
   background-color: red;
   border-radius: 50%;
   display: block;
   margin-right: 6px;
   background-color: #666666;
   display: inline-block;
 }

 .app-footer .content ul li .detail-button {
   width: 95px;
   height: 30px;
   background: #E5F2FF;
   border: 1px solid #41A1FB;
   border-radius: 4px;
   cursor: pointer;
   font-size: 18px;
   font-weight: 500;
   color: #1981F4;
 }

 .app-footer .title .app-icon {
   height: 20px;
   margin-right: 5px;
 }

 .app-footer .content .text {
   margin-top: 20px;
   font-size: 18px;
   font-weight: 500;
   color: #666666;
 }

 /* 弹框 */
 .app-dialog-mask {
   left: 0;
   top: 0;
   bottom: 0;
   right: 0;
   position: fixed;
   z-index: 99999;
   background: rgba(0, 0, 0, 0.6);
   display: none;
 }

 .app-dialog-bg {
   width: 360px;
   background-image: url('../images/dialog-bg.png');
   background-repeat: no-repeat;
   background-position: center;
   background-size: contain;
   z-index: 1111;
   position: absolute;
   left: 0px;
   top: 0;
   bottom: 0px;
   right: 0;
   margin: auto;
 }

 .app-dialog {
   position: absolute;
   display: flex;
   flex-direction: column;
   align-items: center;
   left: 0px;
   top: 0;
   bottom: 0px;
   right: 0;
   margin: auto;
   width: 360px;
   height: 436px;
   z-index: 1111;
 }

 .app-dialog .title {
   margin-top: 40px;
   margin-bottom: 20px;
   text-align: center;
 }

 .app-dialog p {
   color: #333333;
   font-size: 26px;
 }

 .app-dialog .sub-text {
   font-size: 18px;
   margin-top: 10px;
 }

 .app-dialog .confirm-btn {
   width: 100px;
   height: 40px;
   background: #2C8CF0;
   border-radius: 30px;
   color: #fff;
   position: absolute;
   bottom: 30px;
   cursor: pointer;
 }

 .app-dialog .img {
   width: 160px;
   height: 160px;
 }

 .app-dialog .tips {
   height: 27px;
   font-size: 15px;
   font-weight: 500;
   color: #909399;
   position: absolute;
   bottom: 100px;
 }


 @media only screen and (width: 1920px) {
   .app-main {
     width: 100%;
     margin-top: 68px;
   }

   .app-main--left {
     width: 750px;
   }

   .app-main--left h3 {
     font-size: 54px;
   }

   .app-main--left h5 {
     font-size: 36px;
     font-weight: 500;
   }

   .app-main--left .btn-container {
     top: 360px;
   }

   .app-main--left .btn-container a {
     text-decoration: none;
   }

   .app-main--right img {
     height: 558px;
     margin-top: 20px;
   }

   .app-footer .title {
     font-size: 22px;
     font-weight: 500;
   }

   .app-footer {
     margin-top: 203px;
     font-size: 22px;
     height: 196px;
   }

   .app-footer .content ul li {
     margin-top: 15px;
   }

   .app-footer .content ul li {
     font-size: 22px;
   }

   .app-footer .content .text {
     font-size: 22px;
   }
 }