.download-gg {
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, .6);
   position: fixed;
   top: 0;
   left: 0;
   z-index: 9999;
   display: none;
 }

 .download-gg-content {
   width: 760px;
   height: 500px;
   background: #fff;
   background: url("https://resource.mydown.com/TLimages2023/common/images/tencentIMA/download-gg-bg.jpg");
   background-size: cover;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
 }

 .download-gg-content .logo {
   padding: 20px;
 }

 .download-gg-content .logo img {
   display: inline-block;
   vertical-align: middle;
 }

 .download-gg-content .logo span {
   font-size: 20px;
   color: #292929;
   display: inline-block;
   vertical-align: middle;
   margin-left: 10px;
 }

 .download-gg-content .content {
   width: 720px;
   height: 410px;
   background: #fff;
   border-radius: 15px;
   margin: 0 auto;
   box-shadow: 0 4px 8px rgba(0, 0, 0, .2);
   padding: 20px;
   box-sizing: border-box;
   position: relative;
 }

 .download-gg-content .content .question {
   font-size: 16px;
   color: #363636;
   line-height: 28px;
   padding: 10px 15px;
   max-width: 248px;
   background: #f2f2f1;
   border-radius: 10px;
   box-sizing: border-box;
 }

 .download-gg-content .content .question span {
   font-weight: bold;
 }

 .download-gg-content .content ul li {
   font-size: 14px;
   color: #000;
   margin-top: 15px;
 }

 .download-gg-content .content ul li::before {
   content: "";
   width: 4px;
   height: 4px;
   background: #d2dcd8;
   border-radius: 50%;
   display: inline-block;
   vertical-align: middle;
   margin-right: 10px;
 }

 .download-gg-content .content .submit-box {
   width: 680px;
   height: 59px;
   font-size: 16px;
   color: #b9b9b9;
   border: 1px solid #b0b0b0;
   border-radius: 10px;
   padding-left: 15px;
   line-height: 59px;
   position: absolute;
   bottom: 20px;
   left: 20px;
   box-sizing: border-box;
 }

 .download-gg-content .right {
   width: 412px;
   height: 386px;
   border: 3px solid #06b154;
   border-radius: 10px;
   background: #fff;
   position: absolute;
   right: 40px;
   bottom: 57px;
   box-sizing: border-box;
 }

 .download-gg-content .right::before {
   content: url("https://resource.mydown.com/TLimages2023/common/images/tencentIMA/download-gg-icon.png");
   width: 100px;
   height: 105px;
   display: block;
   position: absolute;
   top: -54px;
   left: 20px;
 }

 .download-gg-content .right::after {
   content: url("https://resource.mydown.com/TLimages2023/common/images/tencentIMA/download-gg-jt.png");
   width: 35px;
   height: 43px;
   display: block;
   position: absolute;
   bottom: -22px;
   right: 2px;
 }

 .download-gg-content .right .description {
   font-size: 16px;
   color: #313131;
   line-height: 30px;
   margin-top: 63px;
   padding: 0 20px;
   text-align: justify;
   height: 240px;
   overflow-y: auto;
 }

 .download-gg-content .right .description::-webkit-scrollbar {
   width: 4px;
   height: 4px;
 }

 .download-gg-content .right .description::-webkit-scrollbar-thumb {
   border-radius: 10px;
   background: #d2dcd8;
 }

 .download-gg-content .right .button {
   width: 386px;
   height: 78px;
   background: url("https://resource.mydown.com/TLimages2023/common/images/tencentIMA/download-gg-btn.png");
   background-size: cover;
   margin: 0 auto;
   font-size: 20px;
   color: #fff478;
   font-weight: bold;
   text-align: center;
   line-height: 74px;
   cursor: pointer;
 }

 .download-gg-content .right .button span {
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    margin-left: 5px;
    max-width: 300px;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
    text-overflow: ellipsis;
 }

 .download-gg-content .close {
   width: 30px;
   height: 30px;
   background: #fff;
   border-radius: 50%;
   text-align: center;
   line-height: 30px;
   font-size: 14px;
   color: #999;
   position: absolute;
   top: -40px;
   right: -40px;
   cursor: pointer;
 }