/*!********************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/home.css ***!
  \********************************************************************/
html{
    font-size: 40px;
} 
[v-cloak] {
    display: none !important;
}
::-webkit-scrollbar {
    width: 0.15rem;
}
  
/* 滚动条轨道 */
::-webkit-scrollbar-track {
    background: #00000000; 
    border-radius: 0.075rem;
}
   
  /* 滚动条的滑块 */
::-webkit-scrollbar-thumb {
    background:rgba(3, 12, 32, 0.7);
    border-radius: 0.075rem;
}
  
/* 滚动条的滑块：鼠标滑过 */
::-webkit-scrollbar-thumb:hover {
    background: rgba(3, 12, 32, 0.8);
}
::-webkit-scrollbar-thumb:active {
    background: rgba(3, 12, 32, 0.9);
}

 /* 定义滚动条整体样式 */
::-moz-scrollbar {
    width: 0.15rem; /* 定义滚动条宽度 */
   
}
  
/* 定义滚动条滑块样式 */
::-moz-scrollbar-thumb {
    background:rgba(3, 12, 32, 0.7);
    border-radius: 0.075rem;
}
/* 定义滚动条滑块样式 */
::-moz-scrollbar-thumb:hover {
 
    background: rgba(3, 12, 32, 0.8);
}
/* 定义滚动条滑块样式 */
::-moz-scrollbar-thumb:active {
    background: rgba(3, 12, 32, 0.9);
}

/* 定义滚动条轨道样式 */
::-moz-scrollbar-track {
    background: #00000000; 
    border-radius: 0.075rem;
}
*, ::after, ::before {
    box-sizing: content-box !important;
}
dl, ol, ul {
    margin-top: 0 !important; 
    margin-bottom: 0 !important;
}

@media only screen and (min-width: 1001px){

    .slide-button-enter-active,
    .slide-button-leave-active {
        transition: all 0.5s ease-out;
    }
    .slide-button-enter-from {
        opacity: 0;
        transform: translateX(100%);
        }
        
    .slide-button-leave-to {
        opacity: 0;
        transform: translateX(-100%);
    }


    .contentWrap{
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;  
    }
    .notificationWrap{
        padding: 0;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        position: relative;
        width: 10.55rem;
        background: #FFFFFF;
        border: 0.03rem solid #F5F8FF;
        box-shadow: 0 0.05rem 0.2rem 0 #00061c0f;
        border-radius: 0.4rem;
    }
    
    .notificationTitle{
        font-family: "Lexend";
        font-weight: 600;
        font-size: 0.5rem;
        color:#FE504C;
        text-align: center;
        margin-top: 0.65rem;
        line-height: 0.65rem;
        margin-left: 0.65rem;
        text-align: left;
    }
    .notificationDes{
        font-family: "Lexend";
        font-weight: 400;
        font-size: 0.4rem;
        color:#293D69;
        text-align: center;
        margin-top: 0.3rem;
        line-height: 0.5rem;
        margin-left: 0.65rem;
        width: 9.25rem;
        text-align: left;
    }
    .notificationClose{
        width: 0.6rem;
        height: 0.6rem;
        cursor: pointer;
    }
    .notificationConfirm{
        font-family: "Lexend";
        font-weight: 400;
        font-size: 0.4rem;
        color:#0073FF;
        text-align: right;
        cursor: pointer;
        margin-bottom: 0.65rem;
        margin-right: 0.65rem;
    }
    .notificationConfirm:hover{
   
        text-decoration: underline;
    }
    .notificationConfirm:active{
       
        text-decoration: underline;
    }
     
    .topWrap{
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 0.75rem;
      
        background-image: url(../../evd/images/894818c865062a1339d5.webp);
        background-size:100% 100%;
        background-position: center;
        background-repeat: no-repeat;
        width: calc(100vw - 1.5rem);
    }
    .topWrap .topTips{
        margin-top:2.15rem;
        padding:0.2rem 0.45rem;
        font-size: 0.45rem;
        color:#0B1834;
        font-weight: 400;
        font-family: "Lexend";
        text-align: center;
        background-color: white;
        border-radius: 0.625rem;
        line-height: 0.575rem;
    }
    .topWrap .titleWrap{
        margin-top: 0.5rem;
        width: 30rem;
        font-size: 1.5rem;
        color:#0B1834;
        font-weight: 700;
        font-family: "Lexend";
        text-align: center;
        line-height:1.875rem;
    }
    .titleWrap h1{
        font-size: 1.5rem;
        color:#0B1834;
        font-weight: 700;
        font-family: "Lexend";
        text-align: center;
        line-height:1.875rem;
        margin: 0;
    }
    .titleWrap .freeLine{
        position: relative;
        z-index: 1;
    }
    
    .freeLine::after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0.2rem;  
        width: 100%;   
        height: 0.4rem;
        background-color: #19FFF5;
        z-index: -1;
    }
    .topWrap .midTips{
        margin-top: 0.4rem;
        font-size: 0.45rem;
        color:#0B1834;
        font-weight: 400;
        font-family: "Lexend";
        text-align: center;
        line-height: 0.575rem;
    }
    .topWrap .bottomTips{
        margin-top: 1.6rem;
        font-size: 0.33rem;
        color:#8496BD;
        font-weight: 400;
        font-family: "Lexend";
        text-align: center;
    }
    .bottomTips .termsAndPolicy{
        color: #0B1834;
        text-decoration: underline; 
        cursor: pointer;  
    }
    .termsAndPolicy:hover{
        color: #0073FF
    }
    .termsAndPolicy:active{
        color: #005FD3
    }
    .inputWrap{
        margin-top: 0.3rem;
        width: calc(100% - 3rem);
        max-width: 30rem;
        margin: 0 3rem;
        height: 2rem;
        background: #FFFFFF;
        border: 1px solid #00000000;
        box-shadow: 0 0.15rem 1rem 0 #4287fa1a;
        border-radius: 2.1rem;
        display: flex;
        align-items: center;

    }
    .inputWrap-disable{
        margin-top: 0.3rem;
        width: calc(100% - 3rem);
        max-width: 30rem;
        margin: 0 3rem;
        height: 2rem;
        background: #FFFFFF;
        border: 1px solid #00000000;
        box-shadow: 0 0.15rem 1rem 0 #4287fa1a;
        border-radius: 2.1rem;
        display: flex;
        align-items: center;
    }
    .inputBox{
        margin-left: 0.75rem;
        flex-grow: 1;
        font-family: "Lexend";
        font-weight: 400;
        font-size: 0.4rem;
        color: #0B1834;
        outline: none;
        border: none
    }
    .inputBox:disabled{
        cursor: not-allowed;
        background-color: #00000000;
    }
    .inputWrap:hover{
        border: 0.03rem solid #3575F5 !important;
    }
    .inputBox:focus {
        outline: none;
        border: none;
    }
    .inputBox::placeholder {
        color:#8496BD;
    }
    .inputBox::-webkit-input-placeholder {  
        color:#8496BD;
    }
    .inputBox::-moz-placeholder { 
        color:#8496BD;
    }
    .inputBox:-ms-input-placeholder {  
        color:#8496BD;
    }
    .inputBox:-moz-placeholder {  
        color:#8496BD;
    }
    
    .clearButton{
        width:0.75rem;
        height: 0.75rem;
        cursor: pointer;  
        border-radius: 0.375rem;
        margin-right: 0.4rem;
        margin-left: 0.4rem;
    }
    .clearButton:hover{
        background-color:#EBEEF8
    }
    .clearButton:active{
        background-color:#E3E7F5
    }
    .downloadButton{
        display: flex;
        justify-content: center;
        align-items: center;
        width: 5.75rem;
        height: 1.5rem;
        border-radius: 1rem;
        cursor: pointer;
        background-image: linear-gradient(104deg, #4264F5 0%, #43A6FF 100%);
        font-size: 0.5rem;
        color:#FFFFFF;
        text-align: center;
        font-family: "Lexend";
        font-weight: 500;
        margin-right: 0.25rem;
    }
    .downloadButtondisable{
        display: flex;
        justify-content: center;
        align-items: center;
        width: 5.75rem;
        height: 1.5rem;
        border-radius: 1rem;
        background-image: linear-gradient(104deg, #4264F5 0%, #43A6FF 100%);
        font-size: 0.5rem;
        color:#FFFFFF;
        text-align: center;
        font-family: "Lexend";
        font-weight: 500;
        margin-right: 0.25rem;
        opacity: 0.4;
    }
    .loadingIcon{
        margin-left: 0.2rem;
        width: 0.75rem;
        height: 0.75rem;
        -webkit-animation-name: rotation; /* Safari and Chrome */
        -webkit-animation-duration: 1s; /* Safari and Chrome */
        -webkit-animation-iteration-count: infinite; /* Safari and Chrome */
        -webkit-animation-timing-function: linear; /* Safari and Chrome */
        -moz-animation-name: rotation; /* Firefox */
        -moz-animation-duration: 1s; /* Firefox */
        -moz-animation-iteration-count: infinite; /* Firefox */
        -moz-animation-timing-function: linear; /* Firefox */
        animation-name: rotation;
        animation-duration: 1s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
    }
    @keyframes rotation {
        from {
          transform: rotate(0deg);
        }
        to {
          transform: rotate(359deg);
        }
      }
    @-webkit-keyframes rotation { /* Safari and Chrome */
        from {
            -webkit-transform: rotate(0deg);
        }
        to {
            -webkit-transform: rotate(359deg);
        }
    }
    @-moz-keyframes rotation { /* Firefox */
        from {
            -moz-transform: rotate(0deg);
        }
        to {
            -moz-transform: rotate(359deg);
        }
    }
    .inputWrap .downloadButton:hover{
        background-image: linear-gradient(110deg, #355CFF 0%, #349FFF 100%);
    }
    .inputWrap .downloadButton:active{
        background-image: linear-gradient(110deg, #2851FF 0%, #2095FF 100%);
    }
    .topWrap .supportedWebWrap{
        margin-top:0.8rem;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 2.15rem;
    }
    .supportedWebWrap .supportedWebItem{
        width: 1.25rem;
        height: 1.25rem;
        margin-right: 1.25rem;
    }
    .supportedWebWrap .supportedWebItemMore{
        width: 1.25rem;
        height: 1.25rem;
        margin-right: 0;
        cursor: pointer;
        background-image: url(../../evd/images/a6c4a71126ff062b0a87.webp);
        background-size: cover;
    }
    .supportedWebItemMore:hover{
        background-image: url(../../evd/images/db76000cdcd5e3f6bc41.webp);
    }
    .supportedWebItemMore:active{
        background-image: url(../../evd/images/8ef849b4ebb34fd4332b.webp);
    }

   
    .installPopover{
        width: 7.5rem;
        /* border-radius: 1rem; */
        display: flex;
        flex-direction: column;
        align-items: center;
        box-sizing: border-box !important;
        padding: 0 0.15rem;
    }
    .installPopover .installPopoverImg{
        width: 1.25rem;
        height: 1.25rem;
        margin-top: 0.75rem;
    }
    .installPopover .installPopoverTitle{
        margin-top: 0.3rem;
        font-family: "Lexend";
        font-weight: 600;
        font-size: 0.4rem;
        color: #293D69;
    }
    .installPopover .installPopoverButton{
        margin-top: 0.5rem;
        width: 3.4rem;
        height: 0.85rem;
        border-radius: 0.43rem;
        font-family: "Lexend";
        font-weight: 500;
        font-size: 0.35rem;
        color: #FFFFFF;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        background-image: linear-gradient(104deg, #4264F5 0%, #43A6FF 100%);
    }
    .installPopover .installPopoverButton:hover{
        background-image: linear-gradient(110deg, #355CFF 0%, #349FFF 100%);
    }
    .installPopover .installPopoverButton:active{
        background-image: linear-gradient(110deg, #2851FF 0%, #2095FF 100%);
    }
    .installPopover .installPopoverDes{
      
        width:100%;
        font-family: "Lexend";
        font-weight: 400;
        font-size: 0.3rem;
        color: #516695;
        line-height: 0.5rem;
        background: #F6FAFF;
        border-radius: 0.4rem;
        padding: 0.3rem 0.35rem;
        box-sizing: border-box !important;
        margin: 0.5rem 0 0.15rem;
    } 
    .contentWrap .tipsTitle{
        margin-top: 3rem;
        width: 30rem;
        margin-bottom:0;
        font-family: "Lexend";
        font-weight: 600;
        font-size: 0.95rem;
        color:#0B1834;
        text-align: center;
        line-height: 1.2rem;
        
    }
    .tipsTitle h2{
        font-family: "Lexend";
        font-weight: 600;
        font-size: 0.95rem;
        color:#0B1834;
        text-align: center;
        line-height: 1.2rem;
        margin: 0;
    }
    .contentWrap .method1Wrap{
        margin-top: 1.75rem;
        display: flex;
        flex-direction: column;
        align-items: center;
   
    }
    .method1Wrap .method1Img{
        width:30rem;
        height: 6.25rem;
    }
    .method1Wrap .method1Des{
        margin-top: 0.9rem;
        font-family:  "Lexend";
        font-weight: 600;
        font-size: 0.6rem;
        color: #0B1834;
        text-align: center;
    }
      
    .contentWrap .allInOneWrap{
        margin-top: 2.75rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        width: calc(100vw - 1.5rem);
        height:15.25rem;
        background-image: url(../../evd/images/928ac22b66027118a1db.webp);
        background-size:100% 100%;
        background-position: center;
        background-repeat: no-repeat;
    }
    .allInOneWrap .allInOneTitle{
        margin-top: 2rem;
        font-size: 1.5rem;
        color:#0B1834;
        font-weight: 600;
        font-family: "Lexend";
        text-align: center;
        line-height: 1.2rem;
    }
    .allInOneWrap .allInOneImgWrap{
        margin-top: 1.5rem;
        display: flex;
        justify-content: center;
         
    }
    .allInOneImgWrap .allInOneItem{
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 9.6rem;
        margin-right: 0.6rem;
    }
    .allInOneItem .allInOneImg{
        width: 9.6rem;
        height:6rem;
    }
    .allInOneItem .allInOneDes{
        margin-top: 0.75rem;
        width: 100%;
        font-family: "Lexend";
        font-weight: 400;
        font-size: 0.45rem;
        color: #0B1834;
        text-align: center;
        
    }
    .contentWrap .compareTitle{
        margin-top: 2.75rem;
        margin-bottom: 0;
        font-size: 0.95rem;
        color:#0B1834;
        font-weight: 600;
        font-family: "Lexend";
        text-align: center;
        width:25rem;
        line-height: 1.2rem;
    }


    
    .contentWrap .compareWrap{
        margin-top: 1.5rem;
        display: flex;
        justify-content: center;
        align-items: start;
        width: 25rem;
        margin-bottom: 2.5rem;
    }
    .compareWrap .compareLeft{
        width: 19.5rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .compareLeft .compareLeftItem1{
        width: 100%;
        height:1.5rem;
        display: flex;
        align-items: center;
        background-color:#F6FAFF;
    }
    .compareLeftItem-seo{
        position: relative;
        width: 100%;
        height:1.5rem;
        display: flex;
        align-items: center;
        background-color:#FFFFFF;
    }
    .compareLeftItem-seo div{
        position: absolute;
        width: 18.5rem;
        left: 0.5rem;
        bottom: 0;
        height: 0.03rem;
        background: #EBF3FE;
        border-radius: 0.2rem 0 0 0.2rem;
    }
    .compareLeft .compareLeftItem2{
        width: 100%;
        height:1.5rem;
        display: flex;
    
        align-items: center;
        background-color:#FFFFFF;
    }
    .compareLeft .onlineTitle{
        width: 5.5rem;
        height: 1.5rem;
        margin-top: 0.9rem;
        margin-left:14rem;
        font-size: 0.6rem;
        color:#0B1834;
        font-weight: 600;
        font-family: "Lexend";
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        line-height: 0.75rem;
    }
    .onlineTitle-seo{
        width: 5.5rem;
        margin-top: 1.5rem;
        margin-left:14rem;
        margin-bottom: 0.5rem;
        font-size: 0.6rem;
        color:#0B1834;
        font-weight: 600;
        font-family: "Lexend";
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        line-height: 0.75rem;
    }
    .compareWrap .compareRight{
        width: 5.4rem;
        border:0.05rem solid #F76F1E;
        border-radius: 0.35rem;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .compareText{
        margin-left: 0.5rem;
        margin-right: 0.425rem;
        margin-bottom: 0;
        width: 15.5rem;
        font-family: "Lexend";
        font-weight: 400;
        font-size: 0.4rem;
        color: #0B1834;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .compareImg{
        width:0.65rem;
        height:0.65rem;
    }
    .compareRight .compareRightTips{
        width: 5.5rem;
        height:0.9rem;
        background: #F76F1E;
        border-radius: 0.35rem 0.35rem 0 0;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        font-family: "Lexend";
        font-weight: 400;
        font-size: 0.35rem;
        color: #FFFFFF;
    }
    .compareRight .compareRightTitle{
        width: 5.4rem;
        height: 1.5rem;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color:#FFFFFF;
        font-family: "Lexend";
        font-weight: 600;
        font-size: 0.6rem;
        color: #F76F1E;
        text-align: center;
    }
    .compareRight .compareRightItemWrap1{
        width: 5.4rem;
        height: 1.5rem;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #FFF6F1;
    }
    .compareRight .compareRightItemWrap2{
        width: 5.4rem;
        height: 1.5rem;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #FFFFFF;
    }
    .compareRight .compareRightItemWrap3{
        width: 5.4rem;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        background: #FFFFFF;
      
        padding-top: 0.25rem;
        padding-bottom: 0.38rem;
    }
    .compareRightItemWrap3 .compareRightItemDownloadButton{
        width: 5rem;
        height: 1.25rem;
        background-image: linear-gradient(104deg, #4264F5 0%, #43A6FF 100%);
        border-radius: 0.63rem;
        font-family:"Lexend";
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        font-weight: 600;
        font-size: 0.4rem;
        color: #FFFFFF;
        text-align: center;
    }
    .compareRightItemDownloadButton:hover{
        background-image: linear-gradient(110deg, #355CFF 0%, #349FFF 100%);
    }
    .compareRightItemDownloadButton:active{
        background-image: linear-gradient(110deg, #2851FF 0%, #2095FF 100%);
    }
    .compareRightItemWrap3 .compareRightItemDownloadButtonTips{
        margin-top: 0.25rem;
        font-family: "Lexend";
        font-weight: 400;
        font-size: 0.3rem;
        color: #0B1834;
        text-align: center;
    }

    .compareRight-seo{
        width: 8rem;
        background-color: #FF9A44;
        border-radius: 0.45rem;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .compareRightTipsWrap-seo{
        width: 8rem;
        height: 1rem;
        background: #F76F1E;
        border-radius: 0.35rem 0.35rem 0 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .compareRightTipsImg-seo{
        width: 0.5rem;
        height: 0.5rem;
    }
    .compareRightTips-seo{
        font-family: "Lexend";
        font-weight: 600;
        font-size: 0.4rem;
        color: #FFFFFF;
        text-align: center;
        margin-left: 0.15rem;
    }
    .compareRightTitle-seo{
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 1.75rem;
        font-family: "Lexend";
        font-weight: 600;
        font-size: 0.6rem;
        color: #FFFFFF;
        text-align: center;
        line-height: 0.75rem;
    }
    .compareRightDivid-seo{
        position: absolute;
        bottom: 0;
        width: 6.9rem;
        height: 0.03rem;
        background: #ffece166;
    }
    
    .compareRightItemDownloadButtonTips-seo{
        margin-top: 0.3rem;
        font-family: "Lexend";
        font-weight: 400;
        font-size: 0.4rem;
        color: #FFFFFF;
        text-align: center;
    }


    .useMethodWrap{
    
        margin-top: 1.5rem;
        width: 30rem;
        display: flex;
        justify-content: space-between;
        align-items: start;
    }
    .userMethodItem{
 
        width: 9.5rem;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .useMethodImg1{
        width: 9.5rem;
        height: 6.5rem;
    }
    .useMethodImgNum{
        margin-top: 1rem;
        width: 1.5rem;
        height: 1.5rem;
    }
    .useMethodDesTitle{
        margin-top: 0.75rem;
        font-family: "Lexend";
        font-weight: 600;
        font-size: 0.6rem;
        line-height: 0.75rem;
        color: #0B1834;
        text-align: center;
        width: 9.5rem;
        margin-bottom: 0;
    }
    .useMethodDesTips{
        margin-top: 0.4rem;
        font-family: "Lexend";
        font-weight: 400;
        font-size: 0.4rem;
        line-height: 0.5rem;
        color: #293D69;
        text-align: center;
        width: 9.5rem;
        margin-bottom: 0;
    }
    .featuresWrap{
        background-color: #DFFAFF;
        border-radius: 1.5rem;
        margin-top: 2.75rem;
        width: calc(100vw - 1.5rem);
    }
    .featuresContentWrap{
        background-image: linear-gradient(180deg, #DFFAFF 0%, #F7FEFF 100%);
        display: flex;
        flex-direction: column;
        align-items: center;
        border-radius: 1.5rem;
        padding-bottom: 2.75rem;
    }
    .featureTitle{
        margin-top: 2.5rem;
        margin-bottom: 1rem;
        width: 30rem;
    }
    .featureTitle h2{
        font-family: "Lexend";
        font-weight: 700;
        font-size: 1.25rem;
        color:#0B1834;
        text-align: center;
        line-height: 1.58rem;
        margin: 0;
    }
    .featureDetailWrap{
        margin-top: 1rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 29.25rem;
    }
    .featureDetailImg{
        width: 14.25rem;
        height: 11.75rem;
    }
    .featureDetailTextWrap{
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 12rem;
    }
    .featureDetailTextTitle{
        font-family: "Lexend";
        font-weight: 700;
        font-size: 0.8rem;
        color:#0B1834;
        text-align: start;
        line-height: 1rem;
        margin-bottom: 0rem;
    }
    .featureDetailTextDes{
        margin-top: 0.5rem;
        font-family: "Lexend";
        font-weight: 400;
        font-size: 0.55rem;
        color:#293D69;
        text-align: start;
        line-height: 0.85rem;
        margin-bottom: 0;
    }
    
    .featureFuncListWrap{
        margin-top: 1.25rem;
        margin-bottom: 1.25rem;
        display: flex;
        justify-content: center;
        align-items: start;
    }
    .featureFuncListWrap > :not(:last-child) {
        margin-right: 0.75rem;
    }
    .featureFuncListItem{
        display: flex;
        max-width: 5.4rem;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .featureFuncListItemImg{
        width: 1.25rem;
        height: 1.25rem;
    }
    .featureFuncListItemText{
        margin-top: 0.4rem;
        font-family: "Lexend";
        font-weight: 400;
        font-size: 0.4rem;
        color:#0B1834;
        text-align: center;
        line-height: 0.5rem;
        margin-bottom: 0;
    }
    .compareTitle-Seo{
        margin-top: 2.75rem;
        margin-bottom: 0;
        width:30rem;
    }
    .compareTitle-Seo h2{
        font-size: 0.95rem;
        color:#0B1834;
        font-weight: 600;
        font-family: "Lexend";
        text-align: center;
        line-height: 1.2rem;
        margin: 0;
    }

    .compareDes-Seo{
        margin-top: 0.5rem;
        margin-bottom: 0;
        font-size: 0.45rem;
        color:#0B1834;
        font-weight: 400;
        font-family: "Lexend";
        text-align: center;
        width:30rem;
        line-height: 0.58rem;
    }
    .compareRightItemWrap-seo{
        position: relative;
        height: 1.5rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .compareRightItemDivid-seo{
        position: absolute;
        bottom: 0;
        width: 6.9rem;
        height: 0.03rem;
        background: #ffece166;
    }
    .compareRightItemWrap3-seo{
        width: 8rem;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        padding-top: 0.75rem;
        padding-bottom: 0.7rem;
    }
   
    .compareRightItemDownloadButton-seo{
        min-width: 6.5rem;
        height: 1.25rem;
        background-image: linear-gradient(100deg, #4264F5 0%, #43A6FF 100%);
        border: 0.05rem solid #FFFFFF;
        border-radius: 0.63rem;
        font-family:"Lexend";
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        font-weight: 700;
        font-size: 0.45rem;
        color: #FFFFFF;
        text-align: center;
        padding: 0 0.25rem;
        box-sizing: border-box !important;
    }
    .compareRightItemDownloadButton-seo:hover{
        background-image: linear-gradient(110deg, #355CFF 0%, #349FFF 100%);
    }
    .compareRightItemDownloadButton-seo:active{
        background-image: linear-gradient(110deg, #2851FF 0%, #2095FF 100%);
    }
    .faqWrap{
        margin-top: 2.75rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        width: calc(100vw - 1.5rem);
        background-image: linear-gradient(180deg, #DFFAFF 0%, #FFFFFF 38%);
        border-radius: 1.5rem;
    }
    .faqTitle{
        margin-top: 2.25rem;
   
        width: 30rem;
    }
    .faqTitle h2{
        margin: 0;
        font-family: "Lexend";
        font-weight: 600;
        font-size: 0.95rem;
        color:#0B1834;
        text-align: center;
        line-height: 1.2rem;
    }
    .faqList{
        margin-top: 1.5rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 30rem;
    }
    .faqList > :not(:last-child) {
        margin-bottom: 0.35rem;
    }
    .faqListItem{
        width: 30rem;
        padding-top: 0.8rem;
        padding-bottom: 0.8rem;
        background: #293d6900;
        border: 0.03rem solid #E2E8F4;
        border-radius: 0.6rem;
        display: flex;
        align-items: start;
        cursor: pointer;
        flex-direction: column;
        overflow: hidden;
    }
    .faqListItem:hover{
        border-color:#0B1834 !important;
    }
    .faqListItemTitleWrap{
        width: 30rem;
       
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-left: 0.8rem;
        padding-right:0.65rem;
        box-sizing: border-box !important;
    }
    .faqListItemTitle{
        width: 25.9rem;
        text-wrap: nowrap;
        font-family: "Lexend";
        font-weight: 600;
        font-size: 0.6rem;
        color:#0B1834;
        text-align: start;
        line-height: 0.75rem;
    }
    .faqListItemArrow{
        width: 1rem;
        height: 1rem;
        transition: transform 0.3s ease-out;
    }
    .faqListItemDes{
        width: 25.9rem;
        margin-top: 0.55rem;
        padding-left: 1.8rem;
        font-family: "Lexend";
        font-weight: 400;
        font-size: 0.5rem;
        color:#293D69;
        text-align: start;
        line-height: 0.75rem;
    }
    .directlyDownloadWrap{
        width: 100%;
        height: 12.5rem;
        margin-top: 4.45rem;
        background-image: url(../../evd/images/120ec106ba525fb75dd1.webp);
        background-size:cover;
        background-repeat: no-repeat;
        display: flex;
        flex-direction: column;
        align-items: center;
     
    }
    .directlyDownloadLogo{
        width: 2.4rem;
        height: 2.4rem;
        margin-top: 2.25rem;
    }
    .directlyDownloadTitle{
        margin-top: 1rem;
        width: 30rem;
    }
    .directlyDownloadTitle h2{
        margin: 0;
        font-family: "Lexend";
        font-weight: 600;
        font-size: 0.95rem;
        color:#FFFFFF;
        text-align: center;
        margin-bottom: 0;
        line-height: 1.2rem;
    }
    .directlyDownloadButton{
        margin-top: 1.5rem;
        min-width: 7rem;
        height: 1.5rem;
        background: #FFFFFF;
        border-radius: 0.3rem;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        font-family: "Lexend";
        font-weight: 600;
        font-size: 0.45rem;
        color:#0073FF;
        padding: 0 0.5rem;
        box-sizing: border-box !important;
    }
    .directlyDownloadButton:hover{
        background: rgba(255, 255, 255, 0.9);
    }
    .directlyDownloadButton:active{
        background: rgba(255, 255, 255, 0.8);
    }
    
}

@media only screen and (max-width: 1000px){

    .installDialogWrap{
        width: 100vw;
        height: 100vh;
        position: fixed;
        top: 0;
        left: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        background: rgba(0, 0, 0, 0.5);
        z-index: 100;
    }
    .installDialogCardWrap{
        width: 100%;
        position: fixed;
        /* bottom: calc(0.75rem + env(safe-area-inset-bottom)); */
        bottom: 0.75rem;
    }
    .installDialogCard{
        display: flex;
        height: 100%;
        justify-content: center;
        align-items: center;
        background-image: url(../../evd/images/e8642b3c39a04cc5f049.webp);
        background-size:100% 100%;
        margin-left: 0.4rem;
        margin-right: 0.4rem;
    }
    .installDialogCardBg{
        width:  calc(100% - 0.5rem);
        /* height: calc(100% - 0.5rem); */
        margin-top:0.25rem;
        margin-bottom: 0.25rem;
        background-color: white;
        border-radius: 0.45rem;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .installDialogCardBgImg{
        width: 2rem;
        height: 2rem;
        position: absolute;
        left: 1.53rem;
        top:-0.75rem;
    }
    .installDialogCloseButton{
        width: 0.75rem;
        height: 0.75rem;
        position: absolute;
        right: 0.85rem;
        top:0.45rem;
    }
    .installTitle{
        margin-top: 0.75rem;
        margin-bottom: 0;
        font-family: "Lexend";
        font-weight: 500;
        font-size: 0.55rem;
        color: #141F39;
        text-align: center;
    }
    .installDes{
        margin-top: 0.3rem;
        margin-bottom: 0;
        width: 7.65rem;
        font-family: "Lexend";
        font-weight: 400;
        font-size: 0.4rem;
        color: #293D69;
        text-align: center;
        word-wrap: break-word;
    }
    .installBtnWrap{
        margin-top: 1rem;
        margin-bottom: 0.75rem;
        width: 7.65rem;
        height: 1.15rem;
        border-radius: 1rem;
        font-family:"Lexend";
        font-weight: 500;
        font-size: 0.4rem;
        color: #FFFFFF;
        text-align: center;
        background-image: linear-gradient(104deg, #4264F5 0%, #43A6FF 100%);
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .installBtnWrap:hover{
        background-image: linear-gradient(110deg, #355CFF 0%, #349FFF 100%);
    }
    .installBtnWrap:active{
        background-image: linear-gradient(110deg, #2851FF 0%, #2095FF 100%);
    }
    .install-dialog-enter-active,
    .install-dialog-leave-active {
        transition: all 0.3s ease-out;
    }
    .install-dialog-enter-from,
    .install-dialog-leave-to {
        transform: translateY(100%);
    }
    .notificationWrap{
        padding: 0;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        position: relative;
        width: 100%;
        background: #FFFFFF;
        border: 0.03rem solid #EDF3FF;
        box-shadow: 0 0.08rem 0.2rem 0 #141f3914;
        border-radius: 0.65rem;
         
    }
    .notificationConfirm{
        width:calc(100vw - 1.8rem);
        height: 1.15rem;
        font-family: "Lexend";
        font-weight: 400;
        font-size: 0.4rem;
        color:#FFFFFF;
        text-align: center;
        cursor: pointer;
        margin-top: 0.65rem;
        margin-bottom: 0.65rem;
        border-radius: 1rem;
        margin-left: 0.5rem;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        background-image: linear-gradient(104deg, #4264F5 0%, #43A6FF 100%);
        box-sizing: border-box !important;
    }
    .ant-notification{
        width: calc(100vw - 0.8rem);
    }
    .ant-notification-notice{
        max-width: calc(100vw - 0.8rem);
    }
    .ant-notification-notice-content{
        width:100%;
    }
    .ant-notification-notice-btn {
        float: none !important;
        margin-top: 0 !important;
   
  
    }
    .notificationConfirm:hover{
        background-image: linear-gradient(110deg, #355CFF 0%, #349FFF 100%);
    
    }
     
    .notificationConfirm:active{
        background-image: linear-gradient(110deg, #2851FF 0%, #2095FF 100%);
   
    }
    .notificationTitle{
        font-family: "Lexend";
        font-weight: 600;
        font-size: 0.5rem;
        color:#FE504C;
        text-align: center;
        margin-top: 0.65rem;
        line-height: 0.65rem;
        margin-left: 0.5rem;
        text-align: left;
    }
    .notificationDes{
        font-family: "Lexend";
        font-weight: 400;
        font-size: 0.4rem;
        color:#293D69;
        text-align: center;
        margin-top: 0.3rem;
        line-height: 0.5rem;
        margin-left: 0.5rem;
        width:8.55rem;
        text-align: left;
    }
    .notificationClose{
        width: 0.75rem;
        height: 0.75rem;
        cursor: pointer;
        max-width: none !important;
    }
    .contentWrap{
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-left: 0.25rem;
        padding-right: 0.25rem;
        /* width: 100%;   */
    }
    .topWrap{
        display: flex;
        flex-direction: column;
        align-items: center;
        background-image: url(../../evd/images/393c37c89a05a5b30596.webp);
        background-size:100% 100%;
        background-position: center;
        background-repeat: no-repeat;
        margin-top: 0.25rem;
        padding-left: 0.4rem;
        padding-right: 0.4rem;
     
    }
    .topWrap .titleWrap{
        margin-top: 0.65rem;
        font-size: 1.25rem;
        color:#0B1834;
        font-weight: 700;
        font-family: "Lexend";
        text-align: center;
        line-height:1.58rem ;
    }
    .titleWrap h1{
        font-size: 1.25rem;
        color:#0B1834;
        font-weight: 700;
        font-family: "Lexend";
        text-align: center;
        line-height:1.58rem ;
    }
    .titleWrap .freeLine{
        position: relative;
        z-index: 1;
    }
    .freeLine::after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0.2rem;  
        width: 100%;   
        height: 0.4rem;
        background-color: #19FFF5;
        z-index: -1;
    }
    .topWrap .inputContent{
        margin-top:1rem;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .inputWrap{
        display: flex;
        flex-direction: row;
        width: 100%;
        height: 1.15rem;
        background: #FFFFFF;
        border: 0.03rem solid #00000000;
        box-shadow: 0 0.15rem 1rem 0 #4287fa1a;
        border-radius: 0.75rem;
        align-items: center;
    }
    .inputWrap-disable{
        display: flex;
        flex-direction: row;
        width: 100%;
        height: 1.15rem;
        background: #FFFFFF;
        border: 0.03rem solid #00000000;
        box-shadow: 0 0.15rem 1rem 0 #4287fa1a;
        border-radius: 0.75rem;
        align-items: center;
    }
    .inputBox{
        margin-left: 0.4rem;
        flex-grow: 1;
        font-family: "Lexend";
        font-weight: 400;
        font-size: 0.35rem;
        background-color: #00000000;
        color: #0B1834;
        outline: none;
        border: none
    }
    .inputBox:disabled{
        cursor: not-allowed;
        background-color: #00000000;
    }
    .inputWrap:hover{
        border: 0.03rem solid #3575F5;
        box-shadow: 0 0.15rem 1rem 0 #4287fa1a;
        border-radius: 0.75rem;
    }
    .inputBox:focus {
        outline: none;
        border: none;
    }
    .inputBox::placeholder {
        color:#8496BD;
    }
    .inputBox::-webkit-input-placeholder {  
        color:#8496BD;
    }
    .inputBox::-moz-placeholder { 
        color:#8496BD;
    }
    .inputBox:-ms-input-placeholder {  
        color:#8496BD;
    }
    .inputBox:-moz-placeholder {  
        color:#8496BD;
    }
    
    .clearButton{
        width:0.75rem;
        height: 0.75rem;
        cursor: pointer;  
        border-radius: 0.38rem;
        margin-right: 0.3rem;
        margin-left: 0.5rem;
    }
    .clearButton:hover{
        background-color:#EBEEF8
    }
    .clearButton:active{
        background-color:#E3E7F5
    }
    .inputContent .downloadButton{
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin-top:0.3rem ;
        height: 1.15rem;
        cursor: pointer;  
        border-radius: 1rem;
        background-image: linear-gradient(104deg, #4264F5 0%, #43A6FF 100%);
        font-size: 0.4rem;
        color:#FFFFFF;
        text-align: center;
        font-family: "Lexend";
        font-weight: 500;
        opacity: 1 !important;
      
    }
    .inputContent .downloadButtondisable{
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin-top:0.3rem ;
        height: 1.15rem;
        border-radius: 1rem;
        background-image: linear-gradient(104deg, #4264F5 0%, #43A6FF 100%);
        font-size: 0.4rem;
        color:#FFFFFF;
        text-align: center;
        font-family: "Lexend";
        font-weight: 500;
        opacity: 0.4 !important;
    }
    .downloadButtondisable .loadingIcon{
        margin-left: 0.2rem;
        width: 0.6rem;
        height: 0.6rem;
        -webkit-animation-name: rotation; /* Safari and Chrome */
        -webkit-animation-duration: 1s; /* Safari and Chrome */
        -webkit-animation-iteration-count: infinite; /* Safari and Chrome */
        -webkit-animation-timing-function: linear; /* Safari and Chrome */
        -moz-animation-name: rotation; /* Firefox */
        -moz-animation-duration: 1s; /* Firefox */
        -moz-animation-iteration-count: infinite; /* Firefox */
        -moz-animation-timing-function: linear; /* Firefox */
        animation-name: rotation;
        animation-duration: 1s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
    }
    @keyframes rotation {
        from {
          transform: rotate(0deg);
        }
        to {
          transform: rotate(359deg);
        }
      }
    @-webkit-keyframes rotation { /* Safari and Chrome */
        from {
            -webkit-transform: rotate(0deg);
        }
        to {
            -webkit-transform: rotate(359deg);
        }
    }
    @-moz-keyframes rotation { /* Firefox */
        from {
            -moz-transform: rotate(0deg);
        }
        to {
            -moz-transform: rotate(359deg);
        }
    }
    .inputWrap .downloadButton:hover{
        background-image: linear-gradient(110deg, #355CFF 0%, #349FFF 100%);
    }
    .inputWrap .downloadButton:active{
        background-image: linear-gradient(110deg, #2851FF 0%, #2095FF 100%);
    }
    .topWrap .supportedWebWrap{
        margin-top:0.6rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        padding-left: 0.45rem;
        padding-right: 0.45rem;
        

 
    }
    .supportedWebWrap .supportedWebItem{
        width: 0.85rem;
        height: 0.85rem;
    }
    .supportedWebWrap .supportedWebItemMore{
        width: 0.85rem;
        height: 0.85rem;
        margin-right: 0;
        cursor: pointer;
        background-image: url(../../evd/images/a6c4a71126ff062b0a87.webp);
        background-size: cover;
    }
    .supportedWebItemMore:hover{
        background-image: url(../../evd/images/db76000cdcd5e3f6bc41.webp);
    }
    .supportedWebItemMore:active{
        background-image: url(../../evd/images/8ef849b4ebb34fd4332b.webp);
    }

   
    
    .topWrap .bottomTips{
        margin-top:0.7rem;
        font-size: 0.33rem;
        margin-bottom: 0.58rem;
        color:#8496BD;
        font-weight: 400;
        font-family: "Lexend";
        text-align: center;
    }
    .bottomTips .termsAndPolicy{
        color: #0B1834;
        text-decoration: underline; 
        cursor: pointer;  
    }
    .termsAndPolicy:hover{
        color: #0073FF
    }
    .termsAndPolicy:active{
        color: #005FD3
    }

    .contentWrap .tipsTitle{
        margin-top: 1.25rem;
        margin-bottom: 0;
        font-family: "Lexend";
        font-weight: 600;
        font-size: 0.5rem;
        color:#0B1834;
        text-align: center;
        line-height: 0.63rem;
    }
    .tipsTitle h2{
        font-family: "Lexend";
        font-weight: 600;
        font-size: 0.5rem;
        color:#0B1834;
        text-align: center;
        line-height: 0.63rem;
        margin: 0;
    }

 

    .contentWrap .method1Wrap{
        margin-top: 0.65rem;
        display: flex;
        width: 100%;
        margin-left: 0.25rem;
        margin-right: 0.25rem;
        flex-direction: column;
        align-items: center;
     
    }
    .method1Wrap .method1Img{
        width:100%;
        height: 4.5rem;
    }
    .method1Wrap .method1Des{
        margin-top: 0.4rem;
        font-family: "Lexend";
        font-weight: 600;
        font-size: 0.45rem;
        color: #0B1834;
        text-align: center;

    } 
    
    .contentWrap .allInOneWrap{
        margin-top: 1.25rem;
        display: flex;
        flex-direction: column;
        align-items: center;
         
        padding-left: 0.4rem;
        padding-right: 0.4rem;

        background-image: url(../../evd/images/ea0e5f4650873ef446ae.webp);
        background-size:100% 100%;
        background-position: center;
        background-repeat: no-repeat;
    }
    .allInOneWrap .allInOneTitle{
        margin-top: 0.65rem;
        font-size: 0.5rem;
        color:#0B1834;
        font-weight: 600;
        font-family: "Lexend";
        text-align: center;
        line-height: 0.63rem;
        margin-bottom: 0;
    }
    .allInOneWrap .allInOneImgWrap{
        margin-top: 0.65rem;
        display: flex;
        flex-direction: column;
        align-items: center;
         
    }
    .allInOneImgWrap .allInOneItem{
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
    
        margin-bottom: 0.65rem;
      
    }
    .allInOneItem .allInOneImg{
        width: 100%;
        height:5.65rem;
    }
    .allInOneItem .allInOneDes{
        margin-top: 0.4rem;
        font-family: "Lexend";
        font-weight: 400;
        font-size: 0.4rem;
        color: #0B1834;
        text-align: left;
        margin-right: auto;
        padding-left: 0.25rem;
        padding-right: 0.25rem;
        
      
    }
    .contentWrap .compareTitle{
        margin-top: 1.25rem;
        margin-bottom: 0;
        font-size: 0.55rem;
        color:#0B1834;
        font-weight: 600;
        font-family: "Lexend";
        text-align: center;
        width: 100%;
        line-height: 0.63rem;
    }
    .contentWrap .compareOutWrap{
        margin-top: 0.65rem;
        width: 100%;
        overflow-x: auto;
         
    }
  
    .compareOutWrap .compareAlignCenter {
        width: fit-content;
        margin: auto;
    }
    .compareAlignCenter .compareWrap{
        display: flex;
        flex-shrink: 0;
        padding-bottom: 0.3rem;
    }
    .compareWrap .compareLeft{
        min-width: 9.5rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .compareLeft .compareLeftItem1{
        width: 100%;
        height:1.1rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        background-color:#F6FAFF;
    }
    .compareLeft .compareLeftItem2{
        width: 100%;
        height:1.1rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        background-color:#FFFFFF;
    }
    .compareLeft .onlineTitleWrap{
        width: 100%;
        height: 1.85rem;
        position: relative;
    }
    .onlineTitleWrap .onlineTitle{
        position: absolute;
        right: 0;
        width: 2.5rem;
        top: 1rem;
        font-size: 0.45rem;
        color:#0B1834;
        font-weight: 600;
        font-family: "Lexend";
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        line-height: 0.58rem;
    }
    .compareWrap .compareRight{
        width: 3.4rem;
        border:0.05rem solid #F76F1E;
        border-radius: 0.35rem;
        display: flex;
        flex-direction: column;
        align-items: center;
     
    }
    .compareText{
        margin-left: 0.25rem;
        width:6.25rem;
        max-height: 0.9rem;
        margin-bottom: 0;
        font-family: "Lexend";
        font-weight: 400;
        font-size: 0.35rem;
        color: #0B1834;
        line-height: 0.45rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
    .compareLeft .compareImg{
        width:0.55rem;
        height:0.55rem;
        margin-right: 0.98rem;
    }
    .compareRight .compareImg{
        width:0.55rem;
        height:0.55rem;
    }
    .compareRight .compareRightTips{
        width: 3.5rem;
        height:0.75rem;
        background: #F76F1E;
        border-radius: 0.35rem 0.35rem 0 0;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        font-family: "Lexend";
        font-weight: 400;
        font-size: 0.33rem;
        color: #FFFFFF;
         
    }
    .compareRight .compareRightTitle{
        width: 3.4rem;
        height: 1.1rem;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color:#FFFFFF;
        font-family: "Lexend";
        font-weight: 600;
        font-size: 0.45rem;
        color: #F76F1E;
        text-align: center;
    }
    .compareRight .compareRightItemWrap1{
        width: 3.4rem;
        height: 1.1rem;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #FFF6F1;
    }
    .compareRight .compareRightItemWrap2{
        width: 3.4rem;
        height: 1.1rem;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #FFFFFF;
    }

    .useMethodWrap{
        display: flex;
        flex-direction: column;
     
        align-items: center;
    }
    .userMethodItem{
        margin-top: 0.65rem;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .useMethodImg1{
        width: 9.05rem;
        height: 6.15rem;
    }
    .useMethodImgNum{
        margin-top: 0.4rem;
        width: 1.25rem;
        height: 1.25rem;
    }
    .useMethodDesTitle{
        margin-top: 0.35rem;
        font-family: "Lexend";
        font-weight: 600;
        font-size: 0.5rem;
        line-height: 0.63rem;
        color: #0B1834;
        text-align: center;
        margin-bottom:0
    }
    .useMethodDesTips{
        margin-top: 0.25rem;
        font-family: "Lexend";
        font-weight: 400;
        font-size: 0.4rem;
        line-height: 0.5rem;
        color: #293D69;
        text-align: center;
        margin-bottom:0
    }


    .featuresWrap{
        background-color: #DFFAFF;
        border-radius: 0.75rem;
        margin-top: 1.25rem;
        width: calc(100vw - 0.5rem);
    }
    .featuresContentWrap{
        background-image: linear-gradient(180deg, #DFFAFF 0%, #F7FEFF 100%);
        display: flex;
        flex-direction: column;
        align-items: center;
        border-radius: 0.75rem;
        padding-bottom:0.8rem;
    }
    .featureTitle{
      
        margin: 0.65rem  0.65rem 0 0.65rem;
    }
    .featureTitle h2{
        font-family: "Lexend";
        font-weight: 600;
        font-size: 0.6rem;
        color:#0B1834;
        text-align: center;
        line-height: 0.75rem;
        margin: 0;
    }
    .featureDetailWrap{
        margin-top: 0.65rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0 0.4rem;
    }
    .featureDetailImg{
        width: 9.05rem;
        height: 7.45rem
    }
    .featureDetailTextWrap{
        display: flex;
        margin-top: 0.4rem;
        flex-direction: column;
        justify-content: center;
    
    }
    .featureDetailTextTitle{
        font-family: "Lexend";
        font-weight: 600;
        font-size: 0.5rem;
        color:#0B1834;
        text-align: center;
        line-height: 0.63rem;
        margin-bottom: 0rem;
    }
    .featureDetailTextDes{
        margin-top: 0.25rem;
        font-family: "Lexend";
        font-weight: 400;
        font-size: 0.4rem;
        color:#0B1834;
        text-align: center;
        line-height: 0.5rem;
        margin-bottom: 0;
    }
    .featureFuncListWrap{
        margin-top: 0.75rem;
        margin-bottom: 1rem;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .featureFuncListWrap > :not(:last-child) {
        margin-bottom: 0.75rem;
    }
    .featureFuncListItem{
        display: flex;
        max-width: 7rem;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .featureFuncListItemImg{
        width: 1.25rem;
        height: 1.25rem;
    }
    .featureFuncListItemText{
        margin-top: 0.35rem;
        font-family: "Lexend";
        font-weight: 400;
        font-size: 0.4rem;
        color:#0B1834;
        text-align: center;
        line-height: 0.5rem;
        margin-bottom: 0;
    }
    .compareTitle-Seo{
        margin: 1.25rem 0.25rem 0 0.25rem;
       
    }
    .compareTitle-Seo h2{
        font-size: 0.6rem;
        color:#0B1834;
        font-weight: 600;
        font-family: "Lexend";
        text-align: center;
        line-height: 0.75rem;
        margin: 0;
    }
    .compareDes-Seo{
        margin: 0.35rem 0.65rem 0 0.65rem;
        font-size: 0.4rem;
        color:#293D69;
        font-weight: 400;
        font-family: "Lexend";
        text-align: center;
        line-height: 0.5rem;
    }
    .compareLeftItem-seo{
        position: relative;
        width: 100%;
        height: 1.1rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: #f6faff00;
    }
    .compareLeftItem-seo div{
        position: absolute;
        width: 9.25rem;
        bottom: 0;
        height: 0.03rem;
        background: #EBF3FE;
        border-radius: 0.2rem 0 0 0.2rem;
        
    }
    .compareRight-seo{
        width: 3.5rem;
        background-color: #FF9A44;
        border-radius: 0.35rem;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .compareRightTipsWrap-seo{
        width: 3.5rem;
        height: 0.75rem;
        background: #F76F1E;
        border-radius: 0.35rem 0.35rem 0 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .compareRightTipsImg-seo{
        width: 0.4rem;
        height: 0.4rem;
    }
    .compareRightTips-seo{
        font-family: "Lexend";
        font-weight: 500;
        font-size: 0.3rem;
        color: #FFFFFF;
        text-align: center;
        margin-left: 0.15rem;
    }
    .compareRightTitle-seo{
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        height: 1.1rem;
        font-family: "Lexend";
        font-weight: 600;
        font-size: 0.4rem;
        color: #FFFFFF;
        text-align: center;
        line-height: 0.5rem;
    }
    .compareRightItemWrap-seo{
        position: relative;
        height: 1.1rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .compareRightItemDivid-seo{
        position: absolute;
        bottom: 0;
        width: 3rem;
        height: 0.03rem;
        background: #ffece166;
    }
    .compareRightDivid-seo{
        position: absolute;
        bottom: 0;
        width: 3rem;
        height: 0.03rem;
        background: #ffece166;
    }
    .compareRightItemWrap-seo .compareImg{
        width:0.55rem;
        height:0.55rem;
    }
    .faqWrap{
        margin-top:1.8rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        width: calc(100vw - 0.5rem);
        background-image: linear-gradient(180deg, #DFFAFF 0%, #FFFFFF 38%);
        border-radius: 0.75rem;
    }
    .faqTitle{
        margin-top: 0.65rem;
        padding: 0 0.4rem;
    }
    .faqTitle h2{
        margin: 0;
        font-family: "Lexend";
        font-weight: 600;
        font-size: 0.6rem;
        color:#0B1834;
        text-align: center;
        line-height: 0.75rem;
    }

    .faqList{
        width: 100%;
        margin-top: 0.65rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-left: 0.4rem;
        padding-right: 0.4rem;
        box-sizing: border-box !important;

    }
    .faqList > :not(:last-child) {
        margin-bottom: 0.4rem;
    }
    .faqListItem{
        width: 100%;
       
        padding-top: 0.25rem;
        padding-bottom: 0.53rem;
        background: #293d6900;
        border: 0.03rem solid #E2E8F4;
        border-radius: 0.4rem;
        display: flex;
        align-items: start;
        cursor: pointer;
        flex-direction: column;
        overflow: hidden;
        
    }
    
    .faqListItem:hover{
        border-color:#0B1834 !important;
    }
    .faqListItemTitleWrap{
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: start;
        padding-left: 0.4rem;
        padding-right:0.25rem;
        box-sizing: border-box !important;
    }
    .faqListItemTitle{
        display: flex;
        margin-top: 0.2rem;
        font-family: "Lexend";
        font-weight: 600;
        font-size: 0.45rem;
        color:#0B1834;
        text-align: start;
        line-height: 0.58rem;
    }
    .faqListItemTitle span{
        white-space: nowrap;
    }
    .faqListItemTitleValue{
        margin-left: 0.15rem;
        flex-grow: 1;
        margin-right: 0.25rem;
    }
    .faqListItemArrow{
        width: 1rem;
        height: 1rem;
        transition: transform 0.3s ease-out;
    }
    .faqListItemDes{
        /* minxwidth:6.4rem; */
        margin-top: 0.4rem;
        padding-left: 1.15rem;
        padding-right: 1.9rem;
        font-family: "Lexend";
        font-weight: 400;
        font-size: 0.4rem;
        color:#293D69;
        text-align: start;
        line-height: 0.5rem;
    }
    .directlyDownloadWrap{
        width: 100%;
        height: 8.5rem;
        margin-top: 1.73rem;
        background-image: url(../../evd/images/120ec106ba525fb75dd1.webp);
        background-size:cover;
        background-repeat: no-repeat;
        display: flex;
        flex-direction: column;
        align-items: center;
      
     
    }
    .directlyDownloadLogo{
        width: 1.75rem;
        height: 1.75rem;
        margin-top: 1.25rem;
    }
    .directlyDownloadTitle{
        margin-top: 0.75rem;
        
    }
    .directlyDownloadTitle h2{
        margin: 0;
        font-family: "Lexend";
        font-weight: 600;
        font-size: 0.6rem;
        color:#FFFFFF;
        line-height: 0.75rem;
        text-align: center;
       
    }
    .directlyDownloadButton{
        margin-top: 0.75rem;
        width: 7rem;
        height: 1.25rem;
        background: #FFFFFF;
        border-radius: 0.3rem;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        font-family: "Lexend";
        font-weight: 600;
        font-size: 0.4rem;
        color:#0073FF;
    }
    .directlyDownloadButton:hover{
        background: rgba(255, 255, 255, 0.9);
    }
    .directlyDownloadButton:active{
        background: rgba(255, 255, 255, 0.8);
    }
    
}
/*!*************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/parse/desktop/parseSuccessDesktop.css ***!
  \*************************************************************************************************/
@media only screen and (min-width: 1001px){

    .parse-success-resourcelist-enter-active,
    .parse-success-resourcelist-leave-active {
        transition: all 0.5s;
    }
    .parse-success-resourcelist-enter-from{
        opacity: 0;
       
    }
    .parse-success-resourcelist-leave-to{
        opacity: 0;
        
    }
    
    .parseSuccessDesktopWrap{
        position: relative;
        margin-top:1.5rem;
        display: flex;
        width: 25rem;
        background: #F6FAFF;
        border-radius: 0.6rem;
        padding-bottom: 0.75rem;
    } 
    .parseSuccessDesktopWrap .parseSuccessDeskTopCloseImg{
        position: absolute;
        width: 0.75rem;
        height: 0.75rem;
        right: 0.25rem;
        top: 0.25rem;
        cursor: pointer;
        border-radius: 0.38rem;
    }
    .parseSuccessDesktopWrap .parseSuccessDeskTopCloseImg:hover{
        background-color:#EBEEF8
    }
    .parseSuccessDesktopWrap .parseSuccessDeskTopCloseImg:active{
        background-color:#E3E7F5
    }
    .parseSuccessDesktopWrap .parseSuccessDesktopLeft{
        width: 9rem;
        display: flex;
        flex-direction: column;         
    }
    .parseSuccessDesktopLeft .parseSuccessDesktopLeftImg{
        width: 7.5rem;
        height: 4.8rem;
        border-radius: 0.4rem;
        margin-top: 0.75rem;
        margin-left: 0.75rem;
    }
    .parseSuccessDesktopLeft .parseSuccessDesktopLeftTitle{
        width: 7.5rem;
        max-height: 1.25rem;
        margin-top: 0.3rem;
        margin-left: 0.75rem;
        font-family: "Lexend";
        font-weight: 500;
        font-size: 0.5rem;
        color: #0B1834;
        line-height: 0.63rem;
        text-align: left;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
    .parseSuccessDesktopWrap .parseSuccessDesktopLeftTimeWrap{
        margin-top:0.35rem;
        margin-left:0.75rem;
        background: #E0EAFF;
        border-radius: 0.15rem;
        padding: 0.1rem 0.25rem;
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: "Lexend";
        font-weight: 400;
        font-size: 0.35rem;
        color: #3575F5;
        line-height: 0.45rem;
        width: fit-content;
    }
    .parseSuccessDesktopWrap .parseSuccessDesktopRight{
        flex-grow: 1;
        display: flex;
        margin-right: 0.75rem;
        flex-direction: column;
        align-items: center;
    }
    .parseSuccessDesktopRight .parseSuccessDesktopSwitchWrap{
        position: relative;
        margin-top: 0.75rem;
        width: 6.5rem;
        height: 0.8rem;
        border-radius: 0.5rem;
        background-color: #3575F5;
    }
    .parseSuccessDesktopRight .parseSuccessDesktopSignleTitle{
        font-family: "Lexend";
        font-weight: 500;
        font-size: 0.4rem;
        color: #0B1834;
        margin-top: 0.75rem;
        text-align: center;
    }
    .parseSuccessDesktopSwitchWrap .parseSuccessDesktopMoveBlock{
        position: absolute;
        width: 3.2rem;
        height: 0.7rem;
        border-radius: 0.5rem;
        left: 0.05rem;
        top: 0.05rem;
        background-color: #FFFFFF;
        z-index: 1;
        transition: left 0.5s;
    }
    .parseSuccessDesktopSwitchWrap .parseSuccessDesktopSwitchBtnWrap{
      
        height: 100%;
        margin-left:0.25rem;
        margin-right: 0.25rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .parseSuccessDesktopSwitchBtnWrap .parseSuccessDesktopSwitchBtn{
       
        width: 2.65rem;
        height: 0.5rem;  
        cursor: pointer;
        text-align: center;
        font-family: "Lexend";
        font-weight: 500;
        font-size: 0.4rem;
        color: #0073FF;
        line-height: 0.5rem;
        z-index: 2;
        transition: all 0.5s;
    }
    .parseSuccessDesktopRight .parseSuccessDesktopResourceListWrap{
        margin-top:0.5rem;
        width:15.65rem;
        max-height: 6.05rem;
        overflow-y: auto;
        /* display: flex; */
        /* flex-direction: column; */
        /* align-items: start; */
    }
    .parseSuccessDesktopResourceListWrap .parseSuccessDesktopResourceItem{
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 15.25rem;
        box-sizing: border-box;
        height: 1.25rem;
        margin-bottom: 0.35rem;
        border-radius: 0.625rem;
        background: #FFFFFF;
        border: 1px solid #EDF3FF;
        
    
    
    }
    .parseSuccessDesktopResourceItem .parseSuccessDesktopResourceItemTitleWrap{
        display: flex;
        margin-left:0.4rem;
        align-items: center;
        justify-content: start;
    }
    
    .parseSuccessDesktopResourceItemTitleWrap .parseSuccessDesktopResourceItemTitle{
        font-family: "Lexend";
        font-weight: 400;
        font-size: 0.4rem;
        color: #0B1834;    
    }
    .parseSuccessDesktopResourceItemTitleWrap .parseSuccessDesktopResourceItemMute{
        margin-left: 0.2rem;
        width: 0.5rem;
        height: 0.5rem;
    }
    .parseSuccessDesktopResourceItemTitleWrap .parseSuccessDesktopResourceItemTitleTips{
        margin-left: 0.15rem;
        /* padding: 0.1rem 0.15rem; */
        padding-left: 0.15rem;
        padding-right: 0.15rem;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        height: 0.6rem;
        font-family: "Lexend";
        font-weight: 400;
        font-size: 0.3rem;
        color:#293D69;
        background-color: #E8F0FF;
        border-radius: 0.15rem;
    }
    .parseSuccessDesktopResourceItemTitleTips span{
        color:#3575F5;
        text-decoration: underline; 
        cursor: pointer;
    }
    .parseSuccessDesktopResourceItem .parseSuccessDesktopResourceItemButton{
        width:3rem;
        height: 0.85rem;
        border-radius: 1rem;
        font-family: "Lexend";
        font-weight: 500;
        font-size: 0.35rem;
        color: #FFFFFF;
        line-height: 0.45rem;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        background-image: linear-gradient(104deg, #4264F5 0%, #43A6FF 100%);
        margin-right: 0.2rem;
    }
    .parseSuccessDesktopResourceItem .parseSuccessDesktopResourceItemButton:hover{
        background-image: linear-gradient(110deg, #355CFF 0%, #349FFF 100%);
    }
    .parseSuccessDesktopResourceItem .parseSuccessDesktopResourceItemButton:active{
        background-image: linear-gradient(110deg, #2851FF 0%, #2095FF 100%);
    }

    .parseSuccessDesktopResourceItem .parseSuccessDesktopResourceDownloadButton{
        width:3rem;
        height: 0.85rem;
        border-radius: 1rem;
        font-family: "Lexend";
        font-weight: 500;
        font-size: 0.35rem;
        color: #0073FF;
        line-height: 0.45rem;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        border: 0.03rem solid #0073FF;
        margin-right: 0.2rem;
    }
    .parseSuccessDesktopResourceDownloadButton:hover{
        background: #0073ff0f;
    }
    .parseSuccessDesktopResourceDownloadButton:active{
        background: #0073ff1f;
    }
}
/*!**************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/parse/desktop/parsePlayListDesktop.css ***!
  \**************************************************************************************************/
@media only screen and (min-width: 1001px){
    .parsePlayListDesktopWrap{
        position: relative;
        margin-top:1.5rem;
        display: flex;
        width: 25rem;
        background: #F6FAFF;
        border-radius: 0.6rem;
        padding-bottom: 0.75rem;
    }
     
    .parsePlayListDesktopWrap *{
        box-sizing: border-box !important;
    }
    .parsePlayListDesktopWrap .parsePlayListDesktopCloseImg{
        position: absolute;
        width: 0.75rem;
        height: 0.75rem;
        right: 0.25rem;
        top: 0.25rem;
        cursor: pointer;
        border-radius: 0.38rem;
    }
    .parsePlayListDesktopWrap .parsePlayListDesktopCloseImg:hover{
        background-color:#EBEEF8
    }
    .parsePlayListDesktopWrap .parsePlayListDesktopCloseImg:active{
        background-color:#E3E7F5
    }
    .parsePlayListDesktopWrap .parsePlayListDesktopLeft{
        width: 9rem;
        display: flex;
        flex-direction: column;         
    }

    .parsePlayListDesktopLeft .parsePlayListDesktopCoverImagesWrap{
        width: 7.5rem;
        height: 4.8rem;
        border-radius: 0.5rem;
        margin-top: 0.75rem;
        margin-left: 0.75rem;
        position: relative;
        display: flex;
        justify-content: center;

    }
    .parsePlayListDesktopCoverImagesWrap .coverImage1{
        position: absolute;
        width: 6.5rem;
        height: 4rem;
        border-radius: 0.5rem;
       
    }
    .parsePlayListDesktopCoverImagesWrap .coverImage2{
        position: absolute;
        width: 7rem;
        height: 4rem;
        border-radius: 0.5rem;
        top: 0.25rem;
       
    }
    .parsePlayListDesktopCoverImagesWrap .coverImage3{
        position: absolute;
        width: 7.5rem;
        height: 4.3rem;
        border-radius: 0.5rem;
        top: 0.5rem;
    }
    .parsePlayListDesktopCoverImagesWrap .coverImagesTip1{
        position: absolute;
        border-radius: 0.15rem;
        left: 0.25rem;
        bottom: 0.25rem;
        padding: 0 0.25rem;
        height: 0.65rem;
        background:rgba(0, 0, 0, 0.8);
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        font-family: "Lexend";
        font-weight: 500;
        font-size: 0.35rem;
        color:#FA8B41;
        width: fit-content;
    }
    .parsePlayListDesktopCoverImagesWrap .coverImagesTip2{
        position: absolute;
        border-radius: 0.15rem;
        right: 0.25rem;
        bottom: 0.25rem;
        padding:0 0.25rem;
        height: 0.65rem;
        background:rgba(0, 0, 0, 0.8);
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        font-family: "Lexend";
        font-weight: 400;
        font-size: 0.35rem;
        color:#FFFFFF;
        width: fit-content;
    }
    .parsePlayListDesktopLeft .parsePlayListDesktopLeftTitle{
        width: 7.5rem;
        margin-top: 0.3rem;
        margin-left: 0.75rem;
        font-family: "Lexend";
        font-weight: 500;
        font-size: 0.5rem;
        color: #0B1834;
        line-height: 0.63rem;
        text-align: left;
    }
    .parsePlayListDesktopWrap .parsePlayListDesktopRight{
        flex-grow: 1;
        display: flex;
        margin-right: 0.75rem;
        flex-direction: column;
        align-items: center;
    }
    .parsePlayListDesktopRight .parsePlayListDesktopRightTitle{
        font-family: "Lexend";
        font-weight: 500;
        font-size: 0.5rem;
        color: #0B1834;
        margin-top: 0.75rem;
        text-align: center;
    }
    .parsePlayListDesktopRightTitle span{
        color: #3575F5;
        text-decoration: underline;
    }
    .parsePlayListDesktopRight .parsePlayListDesktopRightItemWrap{
        display: flex;
    }
    .parsePlayListDesktopRightItemWrap .parsePlayListDesktopRightItem{
        width: 7.4rem;
        height: 2.25rem;
        border-radius: 0.5rem;
        background: #FFFFFF;
        border: 0.03rem solid #EDF3FF;
        border-radius: 0.5rem;
        padding: 0.35rem 0.4rem;
        font-family: "Lexend";
        font-weight: 400;
        font-size: 0.4rem;
        color:#0B1834;
        line-height: 0.5rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .parsePlayListDesktopRightItem span{
        max-height: calc(2.25rem - 0.7rem);  
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3; 
        -webkit-box-orient: vertical;
    }
    .parsePlayListDesktopRight .parsePlayListDesktopRightButton{
        margin-top: 0.75rem;
        width: 7.4rem;
        height: 1rem;
        background-image: linear-gradient(97deg, #4264F5 0%, #43A6FF 100%);
        border-radius: 1rem;
        display: flex;
        justify-content: center;
        align-items: center;
        font-family: "Lexend";
        font-weight: 500;
        font-size: 0.4rem;
        line-height: 0.5rem;
        color: #FFFFFF;
        cursor: pointer;
    }
    .parsePlayListDesktopRightButton:hover{
        background-image: linear-gradient(97deg, #3A5DCB 0%, #3E9AEF 100%);
    }
    .parsePlayListDesktopRightButton:active{
        background-image: linear-gradient(97deg, #2F4DB7 0%, #2F8BDF 100%);
    }

}
/*!********************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/parse/desktop/parseAuthenticationDesktop.css ***!
  \********************************************************************************************************/
@media only screen and (min-width: 1001px){

    .parseAuthenticationDesktopWrap{
        position: relative;
        margin-top:1.5rem;
        display: flex;
        width: 25rem;
        background: #F6FAFF;
        border-radius: 0.6rem;
        padding-bottom: 0.75rem;
    } 
    .parseAuthenticationDesktopWrap .parseAuthenticationDesktopCloseImg{
        position: absolute;
        width: 0.75rem;
        height: 0.75rem;
        right: 0.25rem;
        top: 0.25rem;
        cursor: pointer;
        border-radius: 0.38rem;
    }
    .parseAuthenticationDesktopWrap .parseAuthenticationDesktopCloseImg:hover{
        background-color:#EBEEF8
    }
    .parseAuthenticationDesktopWrap .parseAuthenticationDesktopCloseImg:active{
        background-color:#E3E7F5
    }
    .parseAuthenticationDesktopWrap .parseAuthenticationDesktopLeft{
        width: 9rem;
        display: flex;
        flex-direction: column;         
    }
    .parseAuthenticationDesktopLeft .parseAuthenticationDesktopLeftImg{
        width: 7.5rem;
        height: 4.8rem;
        border-radius: 0.5rem;
        margin-top: 0.75rem;
        margin-left: 0.75rem;
        margin-right: 0.75rem;

    }
    .parseAuthenticationDesktopLeft .parseAuthenticationDesktopLeftTitle{
        width: 7.5rem;
        margin-top: 0.35rem;
        margin-left: 0.75rem;
        font-family: "Lexend";
        font-weight: 500;
        font-size: 0.45rem;
        color: #FF9F10;
        line-height: 0.58rem;
        text-align: left;
    }
    .parseAuthenticationDesktopWrap .parseAuthenticationDesktopRight{
        flex-grow: 1;
        display: flex;
        margin-right: 0.75rem;
        flex-direction: column;
        align-items: center;
    }

    .parseAuthenticationDesktopRight .parseAuthenticationDesktopRightTitle{
        font-family: "Lexend";
        font-weight: 500;
        font-size: 0.5rem;
        color: #0B1834;
        margin-top: 0.75rem;
        text-align: center;
    }
    .parseAuthenticationDesktopRightTitle span{
        color: #3575F5;
        text-decoration: underline;
    }
    .parseAuthenticationDesktopRight .parseAuthenticationDesktopRightItemWrap{
        display: flex;
    }
    .parseAuthenticationDesktopRightItemWrap .parseAuthenticationDesktopRightItem{
        width: 7.4rem;
        height: 2.25rem;
        border-radius: 0.5rem;
        background: #FFFFFF;
        border: 0.03rem solid #EDF3FF;
        border-radius: 0.5rem;
        padding: 0.35rem 0.4rem;
        font-family: "Lexend";
        font-weight: 400;
        font-size: 0.4rem;
        color:#0B1834;
        line-height: 0.5rem;
        box-sizing: border-box !important;
        overflow: hidden;
        text-overflow: ellipsis;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .parseAuthenticationDesktopRightItem span{
        max-height: calc(2.25rem - 0.7rem);  
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3; 
        -webkit-box-orient: vertical;
    }
    .parseAuthenticationDesktopRight .parseAuthenticationDesktopRightButton{
        margin-top: 0.75rem;
        width: 7.4rem;
        height: 1rem;
        background-image: linear-gradient(97deg, #4264F5 0%, #43A6FF 100%);
        border-radius: 1rem;
        display: flex;
        justify-content: center;
        align-items: center;
        font-family: "Lexend";
        font-weight: 500;
        font-size: 0.4rem;
        line-height: 0.5rem;
        color: #FFFFFF;
        cursor: pointer;
    }
    .parseAuthenticationDesktopRightButton:hover{
        background-image: linear-gradient(97deg, #3A5DCB 0%, #3E9AEF 100%);
    }
    .parseAuthenticationDesktopRightButton:active{
        background-image: linear-gradient(97deg, #2F4DB7 0%, #2F8BDF 100%);
    }

}
/*!****************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/parse/desktop/parseProhibitedDesktop.css ***!
  \****************************************************************************************************/
@media only screen and (min-width: 1001px){
    .parseProhibitedDesktopWrap{
        position: relative;
        margin-top:1.5rem;
        display: flex;
        width: 25rem;
        background: #F6FAFF;
        border-radius: 0.6rem;
        padding-bottom: 0.75rem;
    } 
    .parseProhibitedDesktopWrap *{
        box-sizing: border-box !important;
    }
    .parseProhibitedDesktopWrap .parseProhibitedDesktopCloseImg{
        position: absolute;
        width: 0.75rem;
        height: 0.75rem;
        right: 0.25rem;
        top: 0.25rem;
        cursor: pointer;
        border-radius: 0.38rem;
    }
    .parseProhibitedDesktopWrap .parseProhibitedDesktopCloseImg:hover{
        background-color:#EBEEF8
    }
    .parseProhibitedDesktopWrap .parseProhibitedDesktopCloseImg:active{
        background-color:#E3E7F5
    }
    .parseProhibitedDesktopWrap .parseProhibitedDesktopLeft{
        width: 9rem;
        display: flex;
        flex-direction: column;         
    }
    .parseProhibitedDesktopLeft .parseProhibitedDesktopLeftImg{
        width: 1rem;
        height: 1rem;
        border-radius: 0.27rem;
        margin-top: 0.75rem;
        margin-left: 0.75rem;
    }
    .parseProhibitedDesktopLeft .parseProhibitedDesktopLeftTitle{
        margin-top: 0.35rem;
        margin-left: 0.75rem;
        width: 7.5rem;
        font-family: "Lexend";
        font-weight: 500;
        font-size: 0.5rem;
        color: #0B1834;
        line-height: 0.63rem;
    }
    .parseProhibitedDesktopLeft .parseProhibitedDesktopLeftTips{
        margin-top: 0.35rem;
        margin-left: 0.75rem;
        width: 7.5rem;
        font-family: "Lexend";
        font-weight: 400;
        font-size: 0.4rem;
        color: #516695;
        line-height: 0.5rem;
    }
    .parseProhibitedDesktopLeft .parseProhibitedDesktopLeftTips span{
        color: #3575F5;
        text-decoration: underline;
    }
    .parseProhibitedDesktopWrap .parseProhibitedDesktopRight{
        flex-grow: 1;
        display: flex;
        margin-right: 0.75rem;
        flex-direction: column;
        align-items: center;
    }
    .parseProhibitedDesktopRight .parseProhibitedDesktopRightItemWrap{
        display: flex;
    }
    .parseProhibitedDesktopRightItemWrap .parseProhibitedDesktopRightItem{
        width: 7.4rem;
        height: 2.25rem;
        border-radius: 0.5rem;
        background: #FFFFFF;
        border: 0.03rem solid #EDF3FF;
        border-radius: 0.5rem;
        padding: 0.35rem 0.4rem;
        font-family: "Lexend";
        font-weight: 400;
        font-size: 0.4rem;
        color:#0B1834;
        line-height: 0.5rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .parseProhibitedDesktopRightItem span{
        max-height: calc(2.25rem - 0.7rem);  
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3; 
        -webkit-box-orient: vertical;
    }
    .parseProhibitedDesktopRight .parseProhibitedDesktopRightButton{
        margin-top: 0.75rem;
        width: 7.4rem;
        height: 1rem;
        background-image: linear-gradient(97deg, #4264F5 0%, #43A6FF 100%);
        border-radius: 1rem;
        display: flex;
        justify-content: center;
        align-items: center;
        font-family: "Lexend";
        font-weight: 500;
        font-size: 0.4rem;
        line-height: 0.5rem;
        color: #FFFFFF;
        cursor: pointer;
    }
    .parseProhibitedDesktopRightButton:hover{
        background-image: linear-gradient(97deg, #3A5DCB 0%, #3E9AEF 100%);
    }
    .parseProhibitedDesktopRightButton:active{
        background-image: linear-gradient(97deg, #2F4DB7 0%, #2F8BDF 100%);
    }



}
/*!**********************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/parse/desktop/parseLiveDesktop.css ***!
  \**********************************************************************************************/
@media only screen and (min-width: 1001px){

    .parseLiveDesktopWrap{
        position: relative;
        margin-top:1.5rem;
        display: flex;
        width: 25rem;
        background: #F6FAFF;
        border-radius: 0.6rem;
        padding-bottom: 0.75rem;
    }
 
    .parseLiveDesktopWrap *{
        box-sizing: border-box !important;
    }
    .parseLiveDesktopWrap .parseLiveDesktopCloseImg{
        position: absolute;
        width: 0.75rem;
        height: 0.75rem;
        right: 0.25rem;
        top: 0.25rem;
        cursor: pointer;
        border-radius: 0.38rem;
    }
    .parseLiveDesktopWrap .parseLiveDesktopCloseImg:hover{
        background-color:#EBEEF8
    }
    .parseLiveDesktopWrap .parseLiveDesktopCloseImg:active{
        background-color:#E3E7F5
    }
    .parseLiveDesktopWrap .parseLiveDesktopLeft{
        width: 9rem;
        display: flex;
        flex-direction: column;         
    }
    .parseLiveDesktopLeft .parseLiveLeftImgWrap{
        width: 7.5rem;
        height: 4.8rem;
        border-radius: 0.5rem;
        margin-top: 0.75rem;
        margin-left: 0.75rem;
        position: relative;
    }
    .parseLiveLeftImgWrap .parseLiveLeftImg{
        position: absolute;
        width: 100%;
        height: 100%;
        border-radius: 0.5rem;

    }
    .parseLiveLeftImgWrap .parseLiveLeftIcon{
        position: absolute;
        width: 1.75rem;
        height: 0.65rem;
        left: 0.25rem;
        bottom: 0.25rem;
    }
    .parseLiveDesktopLeft .parseLiveLeftTitle{
        width: 7.5rem;
        margin-top: 0.3rem;
        margin-left: 0.75rem;
        font-family: "Lexend";
        font-weight: 500;
        font-size: 0.5rem;
        color: #0B1834;
        line-height: 0.63rem;
        text-align: left;
    }
    .parseLiveDesktopWrap .parseLiveDesktopRight{
        flex-grow: 1;
        display: flex;
        margin-right: 0.75rem;
        flex-direction: column;
        align-items: center;
    }
    .parseLiveDesktopRight .parseLiveDesktopRightTitle{
        font-family: "Lexend";
        font-weight: 500;
        font-size: 0.5rem;
        color: #0B1834;
        margin-top: 0.75rem;
        text-align: center;
    }
    .parseLiveDesktopRightTitle span{
        color: #3575F5;
        text-decoration: underline;
    }
    .parseLiveDesktopRight .parseLiveDesktopRightItemWrap{
        display: flex;
    }
    .parseLiveDesktopRightItemWrap .parseLiveDesktopRightItem{
        width: 7.4rem;
        height: 2.25rem;
        border-radius: 0.5rem;
        background: #FFFFFF;
        border: 0.03rem solid #EDF3FF;
        border-radius: 0.5rem;
        padding: 0.35rem 0.4rem;
        font-family: "Lexend";
        font-weight: 400;
        font-size: 0.4rem;
        color:#0B1834;
        line-height: 0.5rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .parseLiveDesktopRightItem span{
        max-height: calc(2.25rem - 0.7rem);  
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3; 
        -webkit-box-orient: vertical;
    }
    .parseLiveDesktopRight .parseLiveDesktopRightButton{
        margin-top: 0.75rem;
        width: 7.4rem;
        height: 1rem;
        background-image: linear-gradient(97deg, #4264F5 0%, #43A6FF 100%);
        border-radius: 1rem;
        display: flex;
        justify-content: center;
        align-items: center;
        font-family: "Lexend";
        font-weight: 500;
        font-size: 0.4rem;
        line-height: 0.5rem;
        color: #FFFFFF;
        cursor: pointer;
    }
    .parseLiveDesktopRightButton:hover{
        background-image: linear-gradient(97deg, #3A5DCB 0%, #3E9AEF 100%);
    }
    .parseLiveDesktopRightButton:active{
        background-image: linear-gradient(97deg, #2F4DB7 0%, #2F8BDF 100%);
    }
}
/*!***********************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/parse/mobile/parseSuccessMobile.css ***!
  \***********************************************************************************************/

@media only screen and (max-width: 1000px){
    
    .parse-success-resourcelist-enter-active,
    .parse-success-resourcelist-leave-active {
        transition: all 0.5s;
    }
    .parse-success-resourcelist-enter-from{
        opacity: 0;
       
    }
    .parse-success-resourcelist-leave-to{
        opacity: 0;
        
    }
    .parseSuccessMobileWrap{
        position: relative;
        margin-top:1.25rem;
        display: flex;
        flex-direction: column;
        width: 100%;
        background: #F6FAFF;
        border-radius: 0.65rem;
        padding-bottom: 0.4rem;
    }
    .parseSuccessMobileWrap .parseSuccessMobileCloseImg{
        position: absolute;
        width: 0.75rem;
        height: 0.75rem;
        right: 0.2rem;
        top: 0.2rem;
        cursor: pointer;
        border-radius: 0.375rem;
    }
    .parseSuccessMobileWrap .parseSuccessMobileCloseImg:hover{
        background-color:#EBEEF8
    }
    .parseSuccessMobileWrap .parseSuccessMobileCloseImg:active{
        background-color:#E3E7F5
    }
    .parseSuccessMobileWrap .parseSuccessMobileInfoWrap{
        margin-top: 1rem;
        margin-left:0.4rem;
        margin-right: 0.4rem;
 
        display: flex;
    }
    .parseSuccessMobileInfoWrap .parseSuccessMobileInfoImg{
        width: 2.5rem;
        height: 1.75rem;
        border-radius: 0.3rem;
    }
    .parseSuccessMobileInfoWrap .parseSuccessMobileTitleWrap{
        display: flex;
        flex-grow: 1;
        margin-left: 0.3rem;
        flex-direction: column;
        justify-content: space-between;
    }
    .parseSuccessMobileTitleWrap .parseSuccessMobileTitle{
        font-family: "Lexend";
        font-weight: 500;
        font-size: 0.4rem;
        color: #0B1834;
        line-height: 0.5rem;
        width: 100%;
        max-height: 1rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
    .parseSuccessMobileTitleWrap .parseSuccessMobileTime{
        font-family: "Lexend";
        font-weight: 400;
        font-size: 0.33rem;
        color: #3575F5;
        line-height: 0.4rem;
        padding: 0.08rem 0.2rem;
        background-color: #E0EAFF;
        border-radius: 0.15rem;
        max-height: 0.55rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        width: fit-content;
    }
    .parseSuccessMobileWrap .parseSuccessMobileSwitchWrap{
      
        margin-top: 0.65rem;
        margin-left: 0.4rem;
        margin-right: 0.4rem;
        position: relative;
        border-radius: 0.5rem;
        background-color: #3575F5;
        height: 0.8rem;
    }
    .parseSuccessMobileSwitchWrap .parseSuccessMobileSwitchMoveBlock{
        position: absolute;
        width: calc(50% - 0.1rem);
        height: 0.7rem;
        border-radius: 0.5rem;
        left: 0.05rem;
        top: 0.05rem;
        background-color: #FFFFFF;
        z-index: 1;
    }
    .parseSuccessMobileSwitchWrap .parseSuccessMobileSwitchBtnWrap{
        height: 100%;
        margin-left:0.25rem;
        margin-right: 0.25rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .parseSuccessMobileSwitchBtnWrap .parseSuccessMobileSwitchBtn{
        width: 50%;
        height: 100%;  
        cursor: pointer;
        text-align: center;
        font-family: "Lexend";
        font-weight: 500;
        font-size: 0.4rem;
        color: #0073FF;
        line-height: 0.5rem;
        z-index: 2;
        display: flex;
        align-items: center;
        justify-content: center;    
        text-align: center;
    }

    .parseSuccessMobileWrap .parseSuccessMobileResourceWrap{
        margin-left: 0.4rem;
        margin-right: 0.4rem;
    }
    .parseSuccessMobileResourceWrap .parseSuccessMobileResourceItem{
        display: flex;
        background: #FFFFFF;
        border: 0.03rem solid #EDF3FF;
        border-radius: 0.63rem;
        height: 1.25rem;
        align-items: center;
        justify-content: space-between;
    }
 
    .parseSuccessMobileResourceItem .resourceItemTitleWrap{
        display: flex;
        margin-left:0.4rem;
        justify-content: center;
        flex-direction: column;
    }
    .resourceItemTitleWrap .resourceItemTitleQualityWrap{
        display: flex;
        justify-content: start;
        align-items: center;
    }
    .resourceItemTitleQualityWrap .resourceItemTitle{
        font-family: "Lexend";
        font-weight: 400;
        font-size: 0.4rem;
        color: #0B1834;
        line-height: 0.5rem;
        width: 100%;
        max-height: 1rem;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .resourceItemTitleQualityWrap .resourceItemMute{
        margin-left:0.2rem;
        width: 0.5rem;
        height: 0.5rem;
    }
    .resourceItemTitleWrap .resourceItemTitleTips{
        margin-top: 0.05rem;
        font-family: "Lexend";
        font-weight: 400;
        font-size: 0.3rem;
        color: #293D69;
    }
    .parseSuccessMobileResourceItem .resourceItemButton{
        font-family: "Lexend";
        font-weight: 400;
        font-size: 0.4rem;
        color: #0B1834;
        text-align: center;
        margin-right: 0.25rem;
        /* width: 2.75rem;
        height: 0.95rem;
        border-radius: 0.48rem;
        font-family: "Lexend";
        font-weight: 500;
        font-size: 0.35rem;
        color: #FFFFFF;
        line-height: 0.45;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        background-image: linear-gradient(104deg, #4264F5 0%, #43A6FF 100%);
        margin-right: 0.15rem; */
    }
    .resourceItemButton span{
        color:#0073FF;
        text-decoration: underline;
    }
    /* .resourceItemButton:hover{
        background-image: linear-gradient(110deg, #355CFF 0%, #349FFF 100%);
    }
    .resourceItemButton:active{
        background-image: linear-gradient(110deg, #2851FF 0%, #2095FF 100%);
    }
     */
    .parseSuccessMobileResourceItem .parseSuccessMobileResourceDownloadButton{
        min-width: 2.75rem;
        height: 0.85rem;
        border-radius: 0.48rem;
        font-family: "Lexend";
        font-weight: 500;
        font-size: 0.35rem;
        color: #0073FF;
        line-height: 0.45;
        display: flex;
        justify-content: center;
        border: 0.03rem solid #0073FF;
        align-items: center;
        cursor: pointer;
        margin-right: 0.2rem;
        box-sizing: border-box !important;
        padding: 0 0.25rem;
    }
    .parseSuccessMobileResourceDownloadButton:hover{
        background: #0073ff0f;
    }
    .parseSuccessMobileResourceDownloadButton:active{
        background: #0073ff1f;
    }

    
    
}


/*!************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/parse/mobile/parsePlayListMobile.css ***!
  \************************************************************************************************/

@media only screen and (max-width: 1000px){
    .parsePlayListMobileWrap{
        position: relative;
        margin-top:1.25rem;
        display: flex;
        flex-direction: column;
        width: 100%;
        background: #F6FAFF;
        border-radius: 0.65rem;
        padding-bottom: 0.4rem;
    }
    .parsePlayListMobileWrap .parsePlayListMobileCloseImg{
        position: absolute;
        width: 0.75rem;
        height: 0.75rem;
        right: 0.2rem;
        top: 0.2rem;
        cursor: pointer;
        border-radius: 0.375rem;
    }
    .parsePlayListMobileWrap .parsePlayListMobileCloseImg:hover{
        background-color:#EBEEF8
    }
    .parsePlayListMobileWrap .parsePlayListMobileCloseImg:active{
        background-color:#E3E7F5
    }
    .parsePlayListMobileWrap .parsPlayListMobileInfoWrap{
        margin-top: 1rem;
        margin-left:0.4rem;
        margin-right: 0.4rem;
        display: flex;
    }
    .parsPlayListMobileInfoWrap .parsPlayListCoverImagesWrap{
        width: 2.5rem;
        height: 1.75rem;
        position: relative;
        display: flex;
        justify-content: center;
    }
    .parsPlayListCoverImagesWrap .coverImages1{
        width: 1.9rem;
        height: 1.45rem;
        border-radius: 0.3rem;
        position: absolute; 
    }
    .parsPlayListCoverImagesWrap .coverImages2{
        top: 0.15rem;
        width: 2.2rem;
        height: 1.45rem;
        border-radius: 0.3rem;
        position: absolute; 
    }
    .parsPlayListCoverImagesWrap .coverImages3{
        top: 0.3rem;
        width: 2.5rem;
        height: 1.45rem;
        border-radius: 0.3rem;
        position: absolute; 
    }

    .parsPlayListMobileInfoWrap .parsePlayListMobileTitleWrap{
        display: flex;
        flex-grow: 1;
        margin-left: 0.3rem;
        flex-direction: column;
        justify-content: space-between;
    }
    .parsePlayListMobileTitleWrap .parsePlayListMobileTitle{
        font-family: "Lexend";
        font-weight: 500;
        font-size: 0.4rem;
        color: #0B1834;
        line-height: 0.5rem;
        width: 100%;
        max-height: 1rem;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .parsePlayListMobileTitleWrap .parsePlayListTitleTipsWrap{
        display: flex;
    }
    .parsePlayListTitleTipsWrap .parsePlayListTitleTips1{
        width: fit-content;
        height: 0.55rem;
        background: #FFE5D4;
        border-radius: 0.15rem;
        padding: 0.08rem 0.2rem;
        font-family: "Lexend";
        font-weight: 400;
        font-size: 0.33rem;
        color: #F76F1E;
        line-height: 0.4rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .parsePlayListTitleTipsWrap .parsePlayListTitleTips2{
        width: fit-content;
        height: 0.55rem;
        margin-left: 0.2rem;
        background: #E0EAFF;
        border-radius: 0.15rem;
        padding: 0.08rem 0.2rem;
        font-family: "Lexend";
        font-weight: 400;
        font-size: 0.33rem;
        color: #3575F5;
        line-height: 0.4rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .parsePlayListMobileWrap .parsePlayListUnsupportedWrap{
        margin-top: 0.65rem;
        margin-left: 0.4rem;
        margin-right: 0.4rem;
 
        background: #FFFFFF;
        border: 0.03rem solid #EDF3FF;
        border-radius: 0.4rem;
        padding: 0.4rem;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: start;
        font-family: "Lexend";
        font-weight: 400;
        font-size: 0.4rem;
        color:#516695;
        line-height: 0.5rem;
    }
   

    .parsePlayListMobileWrap .parsePlayListOKButton{
        margin: 0.65rem 0.4rem 0.25rem;
        height: 0.95rem;
        border-radius: 0.48rem;
        font-family: "Lexend";
        font-weight: 500;
        font-size: 0.35rem;
        color: #FFFFFF;
        line-height: 0.45;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        background-image: linear-gradient(104deg, #4264F5 0%, #43A6FF 100%);
    
    }
    .parsePlayListMobileWrap .parsePlayListOKButton:hover{
        background-image: linear-gradient(110deg, #355CFF 0%, #349FFF 100%);
    }
    .parsePlayListMobileWrap .parsePlayListOKButton:active{
        background-image: linear-gradient(110deg, #2851FF 0%, #2095FF 100%);
    }
}

/*!******************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/parse/mobile/parseAuthenticationMobile.css ***!
  \******************************************************************************************************/

@media only screen and (max-width: 1000px){
    .parseAuthenticationMobileWrap{
        position: relative;
        margin-top:1.25rem;
        display: flex;
        flex-direction: column;
        width: 100%;
        background: #F6FAFF;
        border-radius: 0.65rem;
        padding-bottom: 0.4rem;
    }
    .parseAuthenticationMobileWrap .parseAuthenticationMobileCloseImg{
        position: absolute;
        width: 0.75rem;
        height: 0.75rem;
        right: 0.2rem;
        top: 0.2rem;
        cursor: pointer;
        border-radius: 0.375rem;
    }
    .parseAuthenticationMobileWrap .parseAuthenticationMobileCloseImg:hover{
        background-color:#EBEEF8
    }
    .parseAuthenticationMobileWrap .parseAuthenticationMobileCloseImg:active{
        background-color:#E3E7F5
    }
    .parseAuthenticationMobileWrap .parseAuthenticationMobileInfoWrap{
        margin-top: 1rem;
        margin-left:0.4rem;
        margin-right: 0.4rem;
        display: flex;
        align-items: center;
    }
    .parseAuthenticationMobileWrap .coverImage{
        width: 2.5rem;
        height: 1.75rem;
        border-radius: 0.3rem;
    }
    .parseAuthenticationMobileWrap .parseAuthenticationMobileTitle{
        flex-grow: 1;
        margin-left: 0.3rem;
        font-family: "Lexend";
        font-weight: 500;
        font-size: 0.4rem;
        color: #FF9F10;
        line-height: 0.5rem;

    }
   
    .parseAuthenticationMobileWrap .parseAuthenticationUnsupportedWrap{
        margin-top: 0.65rem;
        margin-left: 0.4rem;
        margin-right: 0.4rem;
        background: #FFFFFF;
        border: 0.03rem solid #EDF3FF;
        border-radius: 0.4rem;
        padding: 0.4rem;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: start;
        font-family: "Lexend";
        font-weight: 400;
        font-size: 0.4rem;
        color:#516695;
        line-height: 0.5rem;
    }
    .parseAuthenticationUnsupportedWrap span{
        color: #3575F5;
    }
   

    .parseAuthenticationMobileWrap .parseAuthenticationOKButton{
        margin: 0.65rem 0.4rem 0.25rem;
        height: 0.95rem;
        border-radius: 0.48rem;
        font-family: "Lexend";
        font-weight: 500;
        font-size: 0.35rem;
        color: #FFFFFF;
        line-height: 0.45;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        background-image: linear-gradient(104deg, #4264F5 0%, #43A6FF 100%);
    
    }
    .parseAuthenticationMobileWrap .parseAuthenticationOKButton:hover{
        background-image: linear-gradient(110deg, #355CFF 0%, #349FFF 100%);
    }
    .parseAuthenticationMobileWrap .parseAuthenticationOKButton:active{
        background-image: linear-gradient(110deg, #2851FF 0%, #2095FF 100%);
    }
}

/*!**************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/parse/mobile/parseProhibitedMobile.css ***!
  \**************************************************************************************************/

@media only screen and (max-width: 1000px){
    .parseProhibitedMobileWrap{
        position: relative;
        margin-top:1.25rem;
        display: flex;
        flex-direction: column;
        width: 100%;
        background: #F6FAFF;
        border-radius: 0.65rem;
        padding-bottom: 0.4rem;
    }
    .parseProhibitedMobileWrap .parseProhibitedMobileCloseImg{
        position: absolute;
        width: 0.75rem;
        height: 0.75rem;
        right: 0.2rem;
        top: 0.2rem;
        cursor: pointer;
        border-radius: 0.375rem;
    }
    .parseProhibitedMobileWrap .parseProhibitedMobileCloseImg:hover{
        background-color:#EBEEF8
    }
    .parseProhibitedMobileWrap .parseProhibitedMobileCloseImg:active{
        background-color:#E3E7F5
    }
    .parseProhibitedMobileWrap .parseProhibitedMobileProhibitIcon{
        width: 1rem;
        height: 1rem;
        border-radius: 0.27rem;
        margin-top: 1rem;
        margin-left: 0.4rem;
    }
    .parseProhibitedMobileWrap .parseProhibitedTitle{
        margin-top: 0.3rem;
        margin-left: 0.4rem;
        margin-right: 0.4rem;
        font-family: "Lexend";
        font-weight: 500;
        font-size: 0.5rem;
        color: #0B1834;
        line-height: 0.63rem;
    }
    .parseProhibitedMobileWrap .parseProhibitedTips{
        margin-top: 0.3rem;
        margin-left: 0.4rem;
        margin-right: 0.4rem;
        font-family: "Lexend";
        font-weight: 400;
        font-size: 0.4rem;
        color: #516695;
        line-height: 0.5rem;
    }
    .parseProhibitedTips span{
        color: #3575F5;
    }
    .parseProhibitedMobileWrap .parseProhibitedOKButton{
        margin: 0.65rem 0.4rem 0.25rem;
        height: 0.95rem;
        background: #3575F5;
        border-radius: 0.65rem;
        display: flex;
        justify-content: center;
        align-items: center;
        font-family: "Lexend";
        font-weight: 500;
        font-size: 0.35rem;
        color: #FFFFFF;
        line-height: 0.63rem;
        cursor: pointer;
    }
    .parseProhibitedMobileWrap .parseProhibitedOKButton:hover{
        background: #3D7AE0;
    }
    .parseProhibitedMobileWrap .parseProhibitedOKButton:active{
        background: #2F5CB3;
    }
   
}

/*!********************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/parse/mobile/parseLiveMobile.css ***!
  \********************************************************************************************/

@media only screen and (max-width: 1000px){
    .parseLiveMobileWrap{
        position: relative;
        margin-top:1.25rem;
        display: flex;
        flex-direction: column;
        width: 100%;
        background: #F6FAFF;
        border-radius: 0.65rem;
        padding-bottom: 0.4rem;
    }
    .parseLiveMobileWrap .parseLiveMobileCloseImg{
        position: absolute;
        width: 0.75rem;
        height: 0.75rem;
        right: 0.2rem;
        top: 0.2rem;
        cursor: pointer;
        border-radius: 0.375rem;
    }
    .parseLiveMobileWrap .parseLiveMobileCloseImg:hover{
        background-color:#EBEEF8
    }
    .parseLiveMobileWrap .parseLiveMobileCloseImg:active{
        background-color:#E3E7F5
    }
    .parseLiveMobileWrap .parseLiveMobileInfoWrap{
        margin-top: 1rem;
        margin-left:0.4rem;
        margin-right: 0.4rem;
        display: flex;
    }
    .parseLiveMobileInfoWrap .coverImage{
        width: 2.5rem;
        height: 1.75rem;
        border-radius: 0.3rem;
    }
 
   

    .parseLiveMobileInfoWrap .parseLiveMobileTitleWrap{
        display: flex;
        flex-grow: 1;
        margin-left: 0.3rem;
        flex-direction: column;
        justify-content: space-between;
    }
    .parseLiveMobileTitleWrap .parseLiveMobileTitle{
        font-family: "Lexend";
        font-weight: 500;
        font-size: 0.4rem;
        color: #0B1834;
        line-height: 0.5rem;
        width: 100%;
        max-height: 1rem;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .parseLiveMobileTitleWrap  .parseLiveMobileTitleImage{
        width: 1.6rem;
        height: 0.55rem;
        margin-right: 0.15rem;
    }
    .parseLiveMobileWrap .parseLiveUnsupportedWrap{
        margin-top: 0.65rem;
        margin-left: 0.4rem;
        margin-right: 0.4rem;
 
        background: #FFFFFF;
        border: 0.03rem solid #EDF3FF;
        border-radius: 0.4rem;
        padding: 0.4rem;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: start;
        font-family: "Lexend";
        font-weight: 400;
        font-size: 0.4rem;
        color:#516695;
        line-height: 0.5rem;
    }
   

    .parseLiveMobileWrap .parseLiveOKButton{
        margin: 0.65rem 0.4rem 0.25rem;
        height: 0.95rem;
        border-radius: 0.48rem;
        font-family: "Lexend";
        font-weight: 500;
        font-size: 0.35rem;
        color: #FFFFFF;
        line-height: 0.45;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        background-image: linear-gradient(104deg, #4264F5 0%, #43A6FF 100%);
    
    }
    .parseLiveMobileWrap .parseLiveOKButton:hover{
        background-image: linear-gradient(110deg, #355CFF 0%, #349FFF 100%);
    }
    .parseLiveMobileWrap .parseLiveOKButton:active{
        background-image: linear-gradient(110deg, #2851FF 0%, #2095FF 100%);
    }
}