a{
    color: white;
    text-decoration-line: none;
  }
  body{
    margin: 0;
  }
.mod{
    width:1920px;
    height:5291px;
    }
    
    .group{
    display:flex;
    align-items:flex-start;
    flex-direction:column;
    background-color:#ffffff;
    }
    
    .header{
    display:flex;
    position:relative;
    align-items:flex-start;
    flex-direction:column;
    width:1920px;
    height:953px;
    }
    
    .main{
    display:flex;
    position:relative;
    align-items:center;
    flex-direction:column;
    margin-top:2px;
    width:1920px;
    }
    
    .empty-1{
      position:relative;
      margin-top:-2px;
      width:1200px;
      height:1px;
      background-color: #464D59;
      }
    
    .article-1{
    -webkit-box-orient:vertical;
    display:-webkit-inline-box;
    -webkit-line-clamp:2;
    position:relative;
    margin-top:22px;
    width:950px;
    min-height:62px;
    overflow:hidden;
    text-align:left;
    text-overflow:ellipsis;
    color:#212639;
    font-family:"PingFang SC";
    font-size:14px;
    font-weight:500;
    }
    
    .cover-wrapper{
    display:flex;
    position:relative;
    align-items:flex-start;
    flex-direction:row;
    justify-content:center;
    margin-top:362px;
    background-color:#3970f6;
    width:1920px;
    height:858px;
    }
    
    .container-4{
    display:flex;
    position:absolute;
    top:100px;
    align-items:flex-start;
    align-self:center;
    flex-direction:row;
    justify-content:center;
    background-size:contain;
    /* background-image:url(../html/piimages/f5316650e94611eb895025e126dc11a2.png); */
    width:1200px;
    height:450px;
    border-radius: 10px;
    background: #FFFFFF;
    border: 10px solid #E9F4FE;

    }
    
    .tag-wrapper-2{
    box-sizing:border-box;
    display:flex;
    align-items:center;
    flex-direction:row;
    margin-top:96px;
    margin-right:27px;
    border-width:1px;
    border-style:solid;
    border-radius:8px;
    border-color:rgba(44, 93, 161, 1);
    padding-right:8px;
    padding-left:9px;
    height:86px;
    }
    
    .tag-4{
    -webkit-box-orient:vertical;
    display:-webkit-inline-box;
    -webkit-line-clamp:4;
    width:15px;
    height:68px;
    overflow:hidden;
    text-align:left;
    text-overflow:ellipsis;
    color:#000000;
    font-family:"PingFang SC";
    font-size:12px;
    font-weight:400;
    }
    
    .entry-pic{
    margin-top:96px;
    margin-right:75px;
    width:489px;
    height:259px;
    }
    
    .container-inner-3{
    display:flex;
    position:relative;
    align-items:center;
    flex-direction:row;
    margin-top:96px;
    width:320px;
    height:100px;
    }
    
    .empty-2{
    position:absolute;
    top:0;
    left:0;
    width:259px;
    height:2px;
    }
    
    .tag-5{
    position:absolute;
    right:51px;
    bottom:0;
    text-align:left;
    white-space:nowrap;
    color:#000000;
    font-family:"PingFang SC";
    font-size:12px;
    font-weight:400;
    }
    
    .logo-3{
    position:absolute;
    top:28px;
    right:50px;
    width:119px;
    height:15px;
    }
    
    .action-bg{
    position:absolute;
    top:0;
    right:0;
    width:213px;
    height:75px;
    }
    
    .tag-wrapper-3{
    box-sizing:border-box;
    display:flex;
    position:absolute;
    top:0;
    left:46px;
    align-items:center;
    flex-direction:row;
    border-width:1px;
    border-style:solid;
    border-radius:8px;
    border-color:rgba(44, 93, 161, 1);
    padding-right:8px;
    padding-left:9px;
    height:86px;
    }
    
    .tag-6{
    -webkit-box-orient:vertical;
    display:-webkit-inline-box;
    -webkit-line-clamp:4;
    width:15px;
    height:68px;
    overflow:hidden;
    text-align:left;
    text-overflow:ellipsis;
    color:#000000;
    font-family:"PingFang SC";
    font-size:12px;
    font-weight:400;
    }
    
    .container-i0-1{
    display:flex;
    position:relative;
    align-items:flex-start;
    flex-direction:column;
    background-color:#f4f5f7;
    }
    
    .title-wrapper{
    display:flex;
    position:relative;
    align-items:center;
    flex-direction:column;
    width:1920px;
    height:137px;
    font-weight:500;
    white-space:nowrap;
    }
    
    .title-1{
    position:relative;
    margin-top:80px;
    max-width:1908px;
    height:45px;
    overflow:hidden;
    text-align:left;
    text-overflow:ellipsis;
    color:#333333;
    font-family:"PingFang SC";
    font-size:32px;
    }
    
    .container-inner-4{
    display:flex;
    position:relative;
    align-items:center;
    flex-direction:column;
    margin-top:4px;
    width:1920px;
    height:679px;
    }
    
    .horizontal-line-1{
    position:relative;
    margin-top:-4px;
    border-radius:30px;
    background-color:#3970f6;
    width:32px;
    height:4px;
    }
    
    .layer-wrapper{
    display:flex;
    position:relative;
    align-items:flex-start;
    flex-direction:row;
    justify-content:center;
    margin-top:60px;
    width:1200px;
    height:540px;
    }
    
    .layer{
    position:absolute;
    top:0;
    left:0;
    width:1200px;
    height:540px;
    }
    
    .banner-1{
    position:relative;
    margin-top:33px;
    width:1051px;
    height:455px;
    }
    
    .container-i1-1{
    display:flex;
    position:relative;
    align-items:flex-start;
    flex-direction:column;
    background-size:contain;
    background-image:url(../html/piimages/case_bg.jpeg);
    }
    
    .container-i2-1{
    display:flex;
    position:relative;
    align-items:flex-start;
    flex-direction:column;
    background-color:#464d59;
    }
    
    .title-wrapper-1{
    display:flex;
    position:relative;
    align-items:center;
    flex-direction:column;
    width:1920px;
    height:137px;
    font-weight:500;
    white-space:nowrap;
    }
    
    .title-2{
    position:relative;
    margin-top:80px;
    max-width:1908px;
    height:45px;
    overflow:hidden;
    text-align:left;
    text-overflow:ellipsis;
    color:#ffffff;
    font-family:"PingFang SC";
    font-size:32px;
    }
    
    .container-inner-6{
    display:flex;
    position:relative;
    align-items:center;
    flex-direction:column;
    margin-top:4px;
    width:1920px;
    height:798px;
    }
    
    .horizontal-line-3{
    position:relative;
    margin-top:-4px;
    border-radius:30px;
    background-color:#ffffff;
    width:32px;
    height:4px;
    }

    .cover-1,.cover-2,.cover-3{
        position:relative;
        margin-top:50px;
        width:1094px;
        height:664px;
        display: none;
    }
    .cover-select{
        display: block;
    }
    
    .floor-bg-wrapper{
    display:flex;
    position:relative;
    align-items:center;
    flex-direction:row;
    justify-content:center;
    background-size:contain;
    background-image:url(./images/f5930e50e94611eb895025e126dc11a2.png);
    width:1920px;
    height:355px;
    }
    
    .floor-bg{
    width:1195px;
    height:291px;
    }
    
    .desc-wrapper{
    display:flex;
    position:relative;
    align-items:center;
    flex-direction:row;
    justify-content:center;
    background-color:#333333;
    width:1920px;
    height:60px;
    font-weight:500;
    line-height:14px;
    white-space:pre;
    }
    
    .desc-1{
    margin-top:2px;
    max-width:1908px;
    overflow:hidden;
    text-align:left;
    text-overflow:ellipsis;
    color:#f2f2f2;
    font-family:"PingFang SC";
    font-size:14px;
    }

.tweet_div{
  height: 32px;
  line-height: 32px;
}