/* fonts start */
@font-face {
    font-family: 'Arimo';
    src: url("../fonts/Arimo/Arimo-VariableFont_wght.ttf");
    font-display: swap;
    
}
/*.ProjectTitle{*/
/*    opacity: 1;*/
/*    transform: perspective(1200px);*/
/*}*/
.floderContent .contentDetailIntro{
    /*text-align: center;*/
    display: flex;
    justify-content: center;
}
.floder .hr{
    border: none;
    height:1px;
    background-color: black;
}
html{
    background: white;
}


.floder{
    width: 100%;
    
}
.floderSpecialNoteContent{
    /*padding*/
    padding: 0px 20px;
    width: 47%;
    font-size: 16px;
}
.floderContent{
    padding-bottom:60px;
}
.floderButton{
    padding:16px 20px 60px;display:flex;justify-content:space-between;align-items:center;cursor: pointer;
}
.floderButtonLeft{
    font-size:24px
}
.floderButtonRight{
    text-align:right;cursor:pointer;font-size:16px;color:rgb(159,159,159)
}
/*.floder{*/
/*    width:100%;*/
/*    position: sticky;*/
/*    top:0px;*/
/*}*/
.floderContent{
    /*display: none;*/
}
div{
    box-sizing: border-box;
}
.filter{
    /*width:50vw;*/
    margin-left:-20px;
    padding-left:20px;
    position: sticky;
    position: -webkit-sticky;
    top:-1px;
    margin-bottom:50px;
    background:white;
    z-index: 99;
    box-sizing: border;
}
a{
    cursor: url('../img/Click.svg') 18.68 17.55, auto;
}
.content.about{
    /*margin-top:63px !IMPORTANT;*/
    padding-top: 350px;
    font-size:14px;
}

.main{
    margin:0px 0px;
}
.indexTitle{
    margin-bottom:35px;
    position: relative;
    z-index:1;
}
.loading_gif{
    width: 40%;
}
.filterTitle{
    font-family: Arimo;
 font-size: 25px;
 font-style: normal;
 font-weight: 400;
 line-height: 35px; /* 140% */
}
.fliterNavItem{
    
    padding: 14px 16px;
    color: #000;
 font-family: Arimo;
 font-size: 14px;
 font-style: normal;
 font-weight: 400;
 line-height: 35px; 
 transition: all 0.5s;
 border: 1px solid rgba(0,0,0,0);
 box-sizing: box-sizing;
 cursor: url('../img/Circle.svg') 16.95 16.95, auto;
 background: white;
}
.fliterNavItem:hover{
    border: 1px solid rgb(0,0,0);
}
.fliterNavItem_active{
    background: black;
    color:white !IMPORTANT;
}

.leftBar::-webkit-scrollbar{

    display: none;
    
    }
    /*.iframe_center_div{*/
    /*    width: 120%;*/
    /*}*/
    .floderJourney .floderContent{
        /*display: flex;*/
        /*justify-content: center;*/
    }
    iframe{
        /*width: 80% !IMPORTANT;*/
/*         width: 144% !IMPORTANT;*/
/*        transform: scale(0.7);*/
/*transform-origin: 0 0 0;*/
/*-moz-transform: scale(0.7);*/
/*-moz-transform-origin: 0 0 0;*/
/*margin: 0 auto;*/
    }
body {
    /*font-size:60% !IMPORTANT;*/
/*zoom: 1;*/
width: 100%;
/*height:100%;*/
/*transform: scale(0.75);*/
/*transform-origin: 0 0;*/
/*-moz-transform: scale(0.75);*/
/*-moz-transform-origin: 0 0;*/
}
.list{
    margin-left:-20px;
    margin-right:-20px;
    /*height: 100vh !important;*/
}
.ProjectRow_selected{
    color:white !IMPORTANT;
    background: black !IMPORTANT;
   

    box-sizing: border-box;
}
.content{
    /*margin-top:342px;*/
    height: 100vh !important;
}
.contentDetail{
    height: 100vh !important;
}
.mask {
zoom: 1;
transform: scale(1);
transform-origin: 0 0;
-moz-transform: scale(1);
-moz-transform-origin: 0 0;
font-size:30px;z-index:99999999999999999;
display:flex;
align-items:center;
justify-content:center;
position:absolute;
width:100%;
height:100vh;
background:white;
}
@font-face {
    font-family: 'Inter';
    src: url("../fonts/Inter/Inter-Regular.otf");
    font-display: swap;
}
.popup{
    display: none;
}
.about{
    display: none;
}
.aboutIntroduction{
    line-height: 28px;
    margin-top:-12px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {

video{ -webkit-filter: brightness(100%); }

}
.Arimo {
    font-family: 'Arimo';
    font-style: normal;
    font-weight: 400;
}
body{
    overflow: hidden;
}
.en{

}
.cn{

}
.Inter {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
}
.aboutLink{
    color: black;
   text-decoration: underline; 
}

/*.minionPro {*/
/*    font-family: 'minion-pro, serif';*/
/*    font-weight: 400;*/
/*    font-style: italic;*/
/*}*/

* {
    font-family: 'Arimo';
    font-style: normal;
    font-weight: 400;
    margin: 0px;
    padding: 0px;
  
}

/* fonts end */

/* index start */
.layout {
    margin: auto 20px;
}

.main {
    display: flex;
    justify-content: space-between;
    
}
.ProjectTitle{
    /* padding-right:5%;
    box-sizing: border-box; */
}
.detail{
    display: none;
}
.content {
    overflow-y: scroll;
    position: relative;
    height: 100vh;
    transition: all 1s;
    width: 50%;
    /* left: 0%; */
}
.proList{
    /*margin-top:335px;*/
    box-sizing: box-sizing;
}
.contentDetail{
    overflow-y: scroll;
    position: relative;
    height: 100vh;
    transition: all 1s;
    width: 100vw;
    display: none;
    /* background: aqua; */
}
.contentDetailTop{

}
.contentDetail::-webkit-scrollbar{

    display: none;
    
    }
.gapTop10 {
    margin-top: 10px;
}
.list::-webkit-scrollbar{

    display: none;
    
    }
    .content::-webkit-scrollbar{

        display: none;
        
        }
.list {
    position: relative;
    /* width:50%; */
    /*height: 100vh;*/
    /* background: aqua; */
    padding-right: 20px;
    box-sizing: border-box;
    /*overflow-y: scroll;*/
    flex: 1;
    
}

.gapTop200{
    margin-top:180px
}
.gapTop120{
    margin-top:60px
}
.title {
    font-family: 'Inter';
    font-style: normal;
    
    font-weight: 500;
    font-size: 50px;
    line-height: 63px;
    letter-spacing: -0.02em
}
.name{
     font-family: 'Inter';
    font-style: normal;
    
    font-weight: 700;
    font-size: 60px;
    line-height: 73px;
    letter-spacing: -0.01em;
}
.titleActive {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    transform: 0.5s;
}
.titleActive:hover{
 cursor: url('../img/Click.svg') 18.68 17.55, auto;
}

.subTitle{
    padding-right:20px;
    font-family: 'Arimo';

font-style: normal;

font-weight: 700;

font-size: 14px;

line-height: 35px;
text-align: right;
/* right: 0px; */
/* width: 100%; */
position:relative
}
.box {
    position: relative;
}

.popup {
    position: absolute;
    /*VERY IMPORTANT*/
    width: 200px;

    right: 0px;
    /*This value gets replaced in javascript so ANY number is OK*/
    top: 0px;
    /*This value gets replaced in javascript so ANY number is OK*/
}
.popup2 {
    position: absolute;
    /*VERY IMPORTANT*/
    width: 230px;

    right: 0px;
    /*This value gets replaced in javascript so ANY number is OK*/
    top: 0px;
    /*This value gets replaced in javascript so ANY number is OK*/
}
.author{
    letter-spacing: 0.1px !important;
}
#popup2 {

    font-family: 'minion-pro';
    font-style: italic;

    font-weight: 400;

    font-size: 16px;

    line-height: 20px;
     
     
}
#popup1 {

    font-family: 'minion-pro';
    font-style: italic;

    font-weight: 400;

    font-size: 16px;

    line-height: 16px;
}
.contentDetailIntro{
    display: flex;
    justify-content: space-between;
}
.selectBtn {
    font-family: 'Arimo';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 35px;
    
}
.contentDetailTop{
    width: 100%;
    height:610px;
}
.contentDetailTop img{
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.contentDetailTop video{
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.contentDetailGap{
    height: 50px;
    width: 100%;
}

/*#popup3{*/
/*    font-family: 'minion-pro';*/
/*    font-style: italic;*/
/*    font-weight: 400;*/
/*    font-size: 16px;*/
/*    line-height: 16px;*/
/*}*/

/*#popup4{*/
/*    font-family: 'minion-pro';*/
/*    font-style: italic;*/
/*    font-weight: 400;*/
/*    font-size: 16px;*/
/*    line-height: 16px;*/
/*}*/
/*#popup5{*/
/*    font-family: 'minion-pro';*/
/*    font-style: italic;*/
/*    font-weight: 400;*/
/*    font-size: 16px;*/
/*    line-height: 16px;*/
/*}*/
.contentDetailGap10{
    height: 10px;
    width: 100%;
}
.des{
    right:60px !important;
    /*font-size:70px !important;*/
}
.nav1{
    position: fixed;
    top: 12px;
    right: 20px;
    /*transition: all 0.5s linear;*/
    z-index:9999999;
    color: rgba(0,0,0,0.6);
   font-family: 'Inter';

    font-weight: 600;

    font-size: 32.2105px;

    line-height: 39px;

    /* identical to box height */


    letter-spacing: -0.07em;
 cursor: url('../img/Circle.svg') 16.95 16.95, auto;
}
.des1{
    right:60px !important;
    /*font-size:70px !important;*/
}
.back{
    opacity: 0.6 !IMPORTANT;
    transition:all 0.5s;
}
.back:hover{
    opacity: 1 !IMPORTANT
}
#box4{
    /*font-size:70px !important;*/
}
/*#popup3-1{*/
/*    font-family: 'minion-pro';*/
/*    font-style: italic;*/
/*    font-weight: 400;*/
/*    font-size: 16px;*/
/*    line-height: 16px;*/
/*}*/
.contentDetailGap200{
    height: 200px;
    width: 100%;
}
.contentDetail img{
    /*object-fit: cover;*/
    width: 100%;
    height: 100%;
}
.contentDetail video{
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.contentRow img{
    object-fit: cover;
    /* width: 100%; */
}
.contentRow video{
    object-fit: cover;
    /* width: 100%; */
}
.language {
    position: fixed;
    top: 12px;
    right: 20px;
    /*transition: all 0.5s linear;*/
    z-index:9999999;
    color: rgba(0,0,0,0.6);
    font-family: 'Inter';

    font-weight: 600;

    font-size: 32.2105px;

    line-height: 39px;

/* identical to box height */


    letter-spacing: -0.07em;
 cursor: url('../img/Circle.svg') 16.95 16.95, auto;
}
/*a{*/
/*    cursor: url('../img/Click.svg') 18.68 17.55, auto;*/
/*}*/

/*.floder{*/
/*    cursor: url('../img/Click.svg') 18.68 17.55, auto;*/
/*}*/
.top:hover{
    cursor: url('../img/Top.svg') 18.68 17.55, auto;
}
.language:hover{
    color: rgba(0,0,0,1);
}

.ProjectRow{
    display: flex;
    margin-top:30px;
    padding:9px 20px;
    
 cursor: url('../img/Click.svg') 18.68 17.55, auto;
    /*transition:color 0.5s linear;*/
}
@-webkit-keyframes mymove {
    0% {margin-top:30px;}
    50% {margin-top:20px;}
    100% {margin-top:10px;}
}

/* Standard syntax */
@keyframes mymove {
    0% {margin-top:30px;}
    50% {margin-top:20px;}
    100% {margin-top:10px;}
}
.ProjectRowActive{
    /*margin-top:10px !IMPORTANT;*/
    /*-webkit-animation-fill-mode:"forwards";*/
    -webkit-animation: mymove 1s forwards linear;
    animation: mymove 1s forwards linear;
}
.next{
 cursor: url('../img/Click.svg') 18.68 17.55, auto;
    margin-top: 103px;
}
.ProjectList{
    
}
.ProjectRow{
    transition:all 0.3s linear; 
}
.ProjectTitle{
    /* flex: 4; */
    font-family: 'Arimo';
    font-style: normal;
    width: 56%;
    font-weight: 400;
    font-size: 25px;
    line-height: 35px;
}
.ProjectType{
    
    width: 22%;
    font-family: 'Arimo';

font-style: normal;

font-weight: 400;

font-size: 14px;

line-height: 35px;
}
.ProjectTeam{
    /* flex: 1; */
    font-family: 'Arimo';
    width: 16.6%;
font-style: normal;

font-weight: 400;

font-size: 14px;

line-height: 35px;
}
.ProjectTime{
    width: 22%;
    /* flex: 1; */
    font-family: 'Arimo';

font-style: normal;

font-weight: 400;

font-size: 14px;

line-height: 35px;
}
.CGLink{
    font-family: 'Inter';

    font-style: normal;
    
    font-weight: 400;
    
    font-size: 36px;
 cursor: url('../img/Click.svg') 18.68 17.55, auto;
    line-height: 35px;
}
.normalTitle{
    margin-top: 25px;
}
.gapTop80{
    margin-top:80px
}
.aboutLink{
    font-family: 'Arimo';

font-style: normal;

font-weight: 400;

font-size: 20px;

line-height: 35px;
 cursor: url('../img/Click.svg') 18.68 17.55, auto;
margin-bottom:50px;
}
.contentGap{
    height: 10px;
    width: 100%;
}
.contentTop video{
    width:100%;
    height:100%;
}
.contentTop img{
    width:100%;
    height:100%;
}
.contentTop{
    width:100%;
    height:507px;
    background-color: rgb(196,196,196);
}
.contentIntroBox{
    flex: 1;
    /*width:358px;*/
    background-color: rgb(196,196,196);
}
.contentIntroBox video{
    width:100%;
}
.contentIntroBox img{
    width:100%;
    height:243px;
    
}
.contentIntro{
    display: flex;
    justify-content: space-between;
    gap:10px
}
.menu{
    
}
.back{
 cursor: url('../img/Back.svg') 18.68 17.55, auto;
    font-family: 'Inter';

font-style: normal;

font-weight: 700;

font-size: 45px;

line-height: 45px;

letter-spacing: -0.01em;
display: none;
/* padding:20px 0px; */
/*background:rgba(255,255,255,0.65);*/
position: fixed;
top:13px;
left: 0px;
/* width: ; */
padding-left: 20px;
z-index:999;
}
.ProjectTitleActive{
    font-family: 'Arimo';

font-style: normal;

font-weight: 400;

font-size: 14px !important;

line-height: 35px !important;

}
.contentDetailTitle{
    font-family: 'Arimo';

    font-style: normal;
    
    font-weight: 400;
    
    font-size: 56px;
    
    line-height: 56px;
    box-sizing: border-box;
    padding-right:60px;
}
.contentDetailIntroPart{
    width:430px;
}
.contentDetailIntroBox{
    flex:1;
    
   
}
.contentDetailIntro{
    font-family: 'Arimo';

font-style: normal;

font-weight: 400;

font-size: 14px;

line-height: 23px;

/* color: 每个project各自的hoverColor */
}
.CGLinkBold{
    font-weight: 700;
}
.introDetailSpan{
    margin-left:10px
}
.popup img{
    mix-blend-mode: difference;
    color: black;
}
.line{
    position:relative;top:0px;
}
.contentDetailIntroPartTile{
    font-family: 'Arimo';
 font-size: 15px;
 font-style: normal;
 font-weight: 700;
 line-height: 24px;
  
}
.contentDetailIntroPartTile1{
    margin-top:108px;
}
.contentDetailIntroPartTile2{
    margin-top:60px;
}
.contentDetailIntroPartTagline{
    font-family: 'Arimo';
/*font-style: italic;*/
font-weight: 400;
/*font-size: 20px;*/
/*line-height: 30px;*/
position: relative;
margin-bottom:20px;
width: 362px;
margin-top:50px;

font-family: 'Arimo';
 font-size: 26px;
 font-style: italic;
 font-weight: 400;
 line-height: 32px; /* 123.077% */
 display: flex;
 gap: 10px;
/*left: -20px;*/
}
.contentDetailIntroPart1{
    margin-top:20px;
}
.contentDetailIntroPart2{
    margin-top:20px
}
.contentDetailIntroPart3{
    margin-top:20px
}
.contentDetailIntroPart4{
    /*margin-top:10px*/
}
.contentDetailIntroPart3 .introDetail:first-child{
    margin-top:0px
}
.arrows{
    font-family: Inter;
    font-style: normal;
    text-decoration: none !IMPORTANT;
}
.introDetail{
    display: flex;
}
.contentDetail{
    box-sizing: border-box;
    padding-bottom: 158px;
}
.content img{
 cursor: url('../img/Click.svg') 18.68 17.55, auto;
}
.content video{
 cursor: url('../img/Click.svg') 18.68 17.55, auto;
}
.cn{
    display: none;
}
.gapTop50{
    width: 100%;
    height: 50px;
}
.gapTop100{
    width: 100%;
    height: 100px;
}

.proMain{
    

    width: 85%;
    margin: 0px auto;
    display: flex;
   justify-content:space-evenly;
    gap:1.1vw;
   flex-wrap:wrap;

}
.proImg{
     flex-wrap:wrap;
}
.proImg img{
    object-fit: cover;
 cursor: url('../img/Click.svg') 18.68 17.55, auto;
    width: 100%;
    height: 100%;
    
}
.proImg{
    
    width: 32.3%;
    background: aqua;
    height: 25vw;
 cursor: url('../img/Click.svg') 18.68 17.55, auto;
    /*display: block;*/
}
.listForLink1{
    display: none;
}
.list1{
   display: none; 
}
.phonecontentDetailIntroPart{
    display: none;
}
.phoneBack{
    display: none;
}
.phoneList{
    display: none;
}
.abountContent{
    display:flex;gap:20px
}
.copyright{
    width: 100%;
    text-align: center;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
}
.copyright a{
    font-size: 12px;
    color: #000;
}
.phoneCopyright{
    display: none;
}
.pcCopyright{
    text-align: left;
}
/* index end */
/*<div class="gapTop200 CGLink en goPic">*/
/*                    CG & Illustration→*/
/*                </div>*/
/*                <div class="gapTop200 CGLink cn goPic">*/
/*                    原画插画作品集->*/
/*                </div>*/
/*                <div class="aboutLink en">*/
/*                    About*/
/*                </div>*/
/*                <div class="aboutLink cn">*/
/*                    关于我*/
/*                </div>*/

/* phone start*/
@media screen and (max-width: 1000px){
    .ProjectRow{
        align-items: center;
    }
    .phoneCopyright{
    display: block;
}
    .copyright{
        font-size: 10px;
    }
    .listForLink1{
    display: block;
}
    .list2 .subTitle{
        text-align: left !important;
    }
    .abountContent{
    display: block;
    margin-top:0px;
}
.aboutIntroduction{
    width: 100% !important;
    margin-top:15px;
}
.aboutPic{
    width: 100% !important;
}
.abountContent img{
    width: 100%;
}
    .close{
         font-family: 'Inter';

font-style: normal;

font-weight: 700;

font-size: 29.1639px;

line-height: 35px;

letter-spacing: -0.01em;
margin-top:80px;
    }
    .phoneList::-webkit-scrollbar{

    display: none;
    
    }
    .phoneList{
        position: fixed;
        height: 100vh;
        width: 65vw;
        overflow-y: scroll;
        left: -67vw;
        background: white;
        transition: left 0.5s;
        z-index: 99999999;
        top:0px;
        display: block;
        padding-left: 20px;
        box-sizing: border-box;
        box-shadow:3px 0 8px -4px rgb(0,0,0,0.5);
    }
    .phoneList .ProjectTitle{
        width: 100%;
    }
    .phoneList .subTitle{
        text-align: left;
    }
    .contentDetail{
      margin-top: 200px;  
      height: auto;
      overflow-y: auto;
    }
    .backBtn{
        margin-left:15px;
    }
    .contentDetailTitle{
        font-family: 'Arimo';

font-style: normal;

font-weight: 400;

font-size: 30px;

line-height: 34px;
    }
    .contentDetailIntroPartTagline{
        font-family: 'Arimo';

font-style: italic;

font-weight: 400;

font-size: 16px;

line-height: 22px;
    }
    .contentDetailIntroPart1{
        font-family: 'Arimo';

font-style: normal;

font-weight: 400;

font-size: 14px;

line-height: 23px;
    }
    .contentDetailIntroPart2{
        font-family: 'Arimo';

font-style: normal;

font-weight: 400;

font-size: 14px;

line-height: 23px;
    }
    .loading_gif{
      width: 90%;
  }
    .contentDetailIntroPart3{
        font-family: 'Arimo';

font-style: normal;

font-weight: 400;

font-size: 14px;

line-height: 23px;
    }
    .contentDetailIntroPart4{
        font-family: 'Arimo';

font-style: normal;

font-weight: 400;

font-size: 14px;

line-height: 23px;
    }
    .phoneBack{
        position: fixed;
        box-sizing: border-box;
        padding-left:20px;
        padding-top:83px;
        z-index:999;
        top:0px;
        left:0px;
        width: 100%;
        height:140px;
        background:white;
        
        font-weight: 700;
        display: flex;
        align-items: center;
        display: none;
        
        font-family: 'Inter';

font-style: normal;



font-size: 29.1639px;

line-height: 35px;

letter-spacing: -0.01em;
    }
  
    .backBtn{
       font-weight: 700 !important;
        
        font-family: 'Inter';

font-style: normal;



font-size: 29.1639px;

line-height: 35px;

letter-spacing: -0.01em;
    }
    .contentDetailGap200{
        height:50px;
    }
    .contentDetailIntroPartTagline{
        margin-top:15px;
    }
    .phonecontentDetailIntroPart{
        display: block;
    }
    .contentDetailIntroText{
    
        display: none;        
    }
    .contentDetailTop{
        width: 100%;
        height: auto;
    }
    .goPic{
        font-family: 'Inter';

font-style: normal;

font-weight: 400;

font-size: 29.1639px;

line-height: 35px;

letter-spacing: -0.01em;
    }
    .aboutLink{
        font-family: 'Arimo';

font-style: normal;

font-weight: 400;

font-size: 9.72129px;

line-height: 17px;
    }
    
    .list1{
        display: block;
    }
.contentIntroBox{
    flex: 1;
    /*width:358px;*/
    height:139px;
    background-color: rgb(196,196,196);
}
.contentIntroBox video{
    width:100%;
    height:139px;
}
.contentIntroBox img{
    width:100%;
    height:139px;
    
}
    .contentTop {
    width: 100%;
    height: 309px;
    background-color: rgb(196,196,196);
}
    .ProjectList{
        margin-bottom: 50px;
    }
    .listForLink{
        display: none;
        
    }
    body{
        overflow: auto;
    }
    .main{
        display: block;
        height: auto;
    }
    .list{
        display: block;
        /*height: auto;*/
        
        height: auto;
        
    }
    .list{
        display: none;
    }
    .content{
        display: block;
        height: auto;
        width: 100%;
    }
    .contentDetail{
        display: block;
        
    }
    
    .contentDetail{
        display: none;
        width: 100%;
       
    }
    .about{
        display: none;
    }
    .language{
         font-family: 'Inter';

font-style: normal;

font-weight: 700;

font-size: 29.1639px !important;

line-height: 35px;

letter-spacing: -0.01em;
margin-top:76px;
    }
    .nav1{
         font-family: 'Inter';

font-style: normal;

font-weight: 700;

font-size: 29.1639px;

line-height: 35px;

letter-spacing: -0.01em;
margin-top:76px;
    }
    #box4{
        font-size: 29.1639px !important;
    }
    .des {
     right: 60px !important; 
     font-size: 29.1639px !important; 
}
  .des1 {
     right: 100px !important; 
     font-size: 29.1639px !important; 
}
    .gapTop200{
        margin-top:80px;
    }
    .gapTop120{
        margin-top:80px;
    }
    /* .gapTop54{
        margin-top:54px;
    } */
    .title{
        font-family: 'Inter' !important;

font-style: normal !important;

font-weight: 500 !important;

font-size: 29.1639px !important;

line-height: 35px;

letter-spacing: 0.1em;
margin-top:80px;
    }
    .subTitle{
        font-family: 'Inter';

font-style: normal;

font-weight: 600;

font-size: 14px;

line-height: 35px;

    }
    .ProjectTitle{
            width: 40.8%;
            padding-right:20px;
            box-sizing: border-box;
    }
    .ProjectTitle{
        font-family: 'Arimo';

font-style: normal;

font-weight: 400;

font-size: 14px;

line-height: 18px;
    }
     .ProjectType{
         width: 35%;
         font-family: 'Arimo';

font-style: normal;

font-weight: 400;

font-size: 11px;

/*line-height: 35px;*/
     }
     .ProjectTeam{
         font-family: 'Arimo';

font-style: normal;

font-weight: 400;

font-size: 11px;

/*line-height: 35px;*/
     }
     .ProjectTime{
         font-family: 'Arimo';

font-style: normal;

font-weight: 400;

font-size: 11px;

/*line-height: 35px;*/
     }
     .mask {
zoom: 1;
transform: scale(1);
transform-origin: 0 0;
-moz-transform: scale(1);
-moz-transform-origin: 0 0;
font-size:30px;z-index:99999999999999999;display:flex;align-items:center;justify-content:center;position:fixed;width:100.2vw;height:90vh;background:white;
}
}
/* phone end */

/* Jenny：我加了下边这一点，改变网页高光颜色的~ */
::selection {
background:#dfe5df;  //更改颜色
color:#F00;
}
::-moz-selection {
background:#dfe5df;  //更改颜色
color:#F00;
}
::-webkit-selection {
background:#dfe5df;  //更改颜色
color:#F00;
}




/*.cursorClick{*/
/*    cursor: url('../img/Click.svg'), pointer,auto;*/
/*}*/