@charset "utf-8";
.indexlp { background: linear-gradient( 180deg, #CDE9FF 0%, #EFF5FF 11.83%, #F7F8FF 21.65%, #FEFEFF 40.99%, #FCFDFF 46.12%, #E3F1FF 58.4%, #FCFAFF 67.09%, #F4EFFF 81.08%, #F4F6FF 100%);}

.mas-top{margin:0 auto;align-items: center;margin:90px 0 0 0;}
.mains h1{ font-family:msyhbd;font-weight: bold;font-size: 72px;letter-spacing: 6px;line-height: 95px;width: 315px;height: 90px;
    background: linear-gradient(270deg, #4165FF 0%, #8064FF 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;
}
.mas-top p{font-weight: 600;font-size: 24px;color: #23272C;line-height: 33px;margin:37px 0 0 0;}
.mas-top p span{color:#F37A00;}

.btngps{border-radius: 8px;font-size: 18px;line-height: 25px;padding:0 10px;cursor: pointer;border:none;border:1px solid #F6F5FA;}
.btngps:hover{border:1px solid #482DE1;}
.btn-desc{ color:#858587;}
.indexlp .miand{margin:0 auto 0 auto; }
.indexlp .backToTopBtn{margin:90px 0 20px auto;}
.btn-text span:nth-child(2){color: #858587;}

/* .videos{width:100%;height: 100%;} */
.vdoleft,.vdorig,.videos{border-radius: 8px;width: 590px;height: 332px;object-fit: cover;}
.preview{ width: 1300px;height: 535px;background: #FFFFFF;border-radius: 16px;border: 1px solid #DFE0E7;margin:40px auto;}
.card{width: 1380px;height: 815px;background: #FFFFFF;box-shadow: 0px 0px 20px 1px rgba(239,237,247,0.7);border-radius: 8px;margin:90px 0 150px 0;}
.preview-col{margin:35px 0 0 40px;}
.preview-col h3{font-weight: bold;font-size: 24px;color: #23272C;line-height: 33px;margin:0 0 20px 0;}
.controls-section{margin:40px 40px 0 40px;justify-content: space-between;}
.pause-btn.active,.resume-btn.active,.stop-btn.active { background: linear-gradient( 270deg, #2C63FF 0%, #9364FF 100%);border-radius: 8px;font-size: 18px;color: #FFFFFF;line-height: 25px;cursor: pointer;}
.pause-btn,.resume-btn,.stop-btn{height: 42px;background: #F6F5FA;border-radius: 8px;margin:0 20px 0 0;padding:0 11px;font-size: 18px;color: #858587;line-height: 25px;cursor: pointer;}
.start-btn,.control-btn:hover{background: linear-gradient( 270deg, #2C63FF 0%, #9364FF 100%);border-radius: 8px;font-size: 18px;margin:0 20px 0 0;padding:0 11px;color: #FFFFFF;line-height: 25px;cursor: pointer;}
.status-info{font-size: 18px;align-items: center;}
.status,.statusinfod{align-items: center;}
.start-btn.active{ background:#F6F5FA;    color: #858587;  }

.status { color:#858587;}
.timer{color:#482DE1;font-weight: bold;margin:0 0 0 10px;}
.settings-row{margin:0 40px;justify-content: space-between;}
.setting-item{ width: 420px;height: 78px;background: #F6F5FA;border-radius: 8px;position:relative;border: 1px solid #F6F5FA;transition: all .3s ease;}
.setting-item.active{border: 1px solid #482DE1;}
.setting-label{font-size: 18px; line-height: 25px;align-items: center;}
.setting-select p,.setting-input{display:flex;font-size: 18px;color: #858587;line-height: 25px;cursor: pointer;outline:none;border:none;margin:6px 0 0 0;
    background-color:#F6F5FA;justify-content: space-between;align-items: center;
}
.itemd{margin:11px;}
.main-tiem{margin-bottom: 150px;}
.tutl-top{align-items: center;margin:13px 0 0 0;}
.tutl-top span{font-weight: 600;font-size: 56px;color:#482DE1;line-height: 78px;background: linear-gradient(180deg, #3764FF 0%, #9463FF 100%);-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}
.tutl-top img{width:113px;height: 45px;margin:0 0 0 20px;}
.tutl-des p{font-size: 18px; line-height: 36px;}
p.tutdes-title{font-weight: bold;font-size: 32px;color: #212429;line-height: 45px;letter-spacing: 1px;margin:25px 0 23px 0;}
.tutorial{ justify-content: space-between;}
.turl-down{font-size: 18px;color: #1E1E1E;line-height: 32px;align-items: center;margin:25px 0 0 0;}
.tril-rigth video{width: 818px;height: 461px;box-shadow: 0px 0px 8px 0px #CBCACE;border-radius: 14px;object-fit:cover;}
.tril-rigth{position:relative;}
.tril-rigth b{ position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%); z-index: 2;}
.tril-rigth .playing{opacity: 0;}
.eva-top{margin:0 auto 40px auto;align-items: center;}
.eva-top p:nth-child(1){ font-weight: 600;font-size: 56px;color: #212529;line-height: 78px;}
.eva-top p:nth-child(2){font-weight: 400;font-size: 21px;color: #1C1E21;line-height: 29px;letter-spacing: 1px;margin:10px 0 0 0;}
/* .evad-item{width: 434px;height: 266px;background: #FFFFFF;border-radius: 23px;border:1px solid #FFFFFF;}
.evad-item:hover {
    background: #FFFFFF;
    box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3);

    border: 1px solid transparent;
    border-radius: 23px;

    border-image: linear-gradient(180deg, rgba(151, 99, 255, 1), rgba(47, 100, 255, 1)) 1;
    border-image-slice: 1; 
    border-image-repeat: stretch; 
} */
.evad-item {
    width: 434px;margin:0 0 40px 0;
    height: 266px;
    border-radius: 23px;
    background: #FFFFFF;
    border:1px solid #FFFFFF;
    box-shadow: 0 0 0 rgba(0,0,0,0);
    transition: box-shadow .25s, transform .18s;
}
.evad-item:nth-last-child(-n + 3) {margin: 0;}
.evad-item:hover {box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3);
    border: 1px solid transparent;
    background:linear-gradient(#FFFFFF, #FFFFFF) padding-box,linear-gradient(180deg, #9763ff, #2f64ff) border-box;
}

.etmtp-avater,.etmtp-avater img{  width: 82px;height: 82px;border-radius: 50%;}
.namesa{font-family: Arial;font-size: 21px;color: #1C1E21;line-height: 24px;margin:0 0 10px 0;letter-spacing: 0.8px;-webkit-line-clamp: 1;}
.etmtp-names p{font-size: 18px;color: #8A8A8A;line-height: 25px;-webkit-line-clamp: 1;}
.evitem-down{font-size: 18px;color: #1C1E21;line-height: 29px;letter-spacing: 1px;margin:10px 0 0 0;}
.evaitemd{margin:40px;}
.etmtp-names{justify-content: center;margin:0 0 0 10px;}
.eva-down{justify-content: space-between;flex-wrap: wrap;}
.qes-down{margin:0 auto;}
.qesd-item{width: 917px;border-bottom:1px solid #E0E1E6;padding:0 0 23px 0;margin:0 0 23px 0;}
.qsditem-top{font-size: 21px;color: #212429;line-height: 29px;letter-spacing: 1px;justify-content: space-between;align-items:center;}
.qsditem-top p{width: 850px;-webkit-line-clamp: 1;}
.qsd-down{font-size: 18px;color: #5E5E5E;line-height: 29px;letter-spacing:2px;margin:20px 0 0 0;display:none;}
.qsditem-top.shows+.qsd-down{display:flex;}
.ppt-down{flex-wrap: wrap;}
.pptd-rig{margin:0 40px 0 0;}
.pptd-left{width: 93px;height: 92px;background: #EBF8F2;border-radius: 24px;margin:0 22px 0 35px;}
.pptd-left img{width:93px;height: 92px;}
.pptd-left.screen {background: #EBF8F2;}
.pptd-left.red {background: #FFEBEB;}
.pptd-left.bluegro {background: #EDF5FF;}
.pptd-left.purple {background: #F5F0FF;}
.pptd-left.orenge {background: #FEF2EB;}
.pptd-left span{width: 47px;height: 47px;border-radius: 8px;}
.pptd-left.blue span{background: #3D96FF;}
.pptd-left.screen span{background: #00BA77;}
.pptd-left.red span{background: #FE0000;}
.pptd-left.bluegro span{background: #2A5699;}
.pptd-left.purple span{background: #8F5BFF;}
.pptd-left.orenge span{background: #F37A00;}

.pptda {margin:0 22px 22px 0;
    width: 679px;align-items: center;
    height: 162px;
    border-radius: 24px;
    background:#FFFFFF;
    /* border: 1px solid transparent; */
    /* background:linear-gradient(#FFFFFF, #FFFFFF) padding-box,linear-gradient(180deg, #9763ff, #2f64ff) border-box; */
    box-shadow: 0 0 0 rgba(0,0,0,0);
    transition: box-shadow .25s, transform .18s, background .18s;
    overflow: hidden;
}
.pptda:nth-child(2n+2){margin-right: 0;;}
.pptda:nth-last-child(-n + 2) { margin-bottom: 0; }
.pptda:hover { box-shadow: 0 0 8px rgba(0,0,0,0.3);border: 1px solid transparent; background:linear-gradient(#FFFFFF, #FFFFFF) padding-box,linear-gradient(180deg, #9763ff, #2f64ff) border-box;}
.pptd-rig p:nth-child(1){font-weight: 600;font-size: 21px;color: #0A0A0A;line-height: 29px;letter-spacing: 1px;-webkit-line-clamp: 1;}
.pptd-rig p:nth-child(2){ font-size: 18px;color: #494949;line-height: 25px;letter-spacing: 1px;margin:13px 0 0 0;-webkit-line-clamp: 1;}


.screen-choose{width: auto;height: 42px;background: #FFFFFF;border: 1px solid #E6E3FF;margin:0 20px 0 0;}
.phones-choose,.video-choose{width: auto;height: 42px;background: #F6F5FA;margin:0 20px 0 0; }
.phones-choose.check,.video-choose.check,.screen-choose.check{ background: linear-gradient( 270deg, #2C63FF 0%, #9364FF 100%);color: #FFFFFF;
    display: inline-flex;white-space: nowrap;
}
.video-choose.check .btn-desc{ color:#FFFFFF;}
.phones-choose.check .btn-text span{color: #FFFFFF; }
.micDeviceBtn.check{ border:1px solid #482DE1;}
/* .video-choose.check{width:auto;height: 42px;background: linear-gradient( 270deg, #2C63FF 0%, #9364FF 100%); 
    color: #FFFFFF;margin:0 20px 0 0;
} */
.button-grouptop{align-items: center;justify-content: center;margin:40px 0 0 0;}
.phones-sel{position: relative;cursor: pointer;}
.phones-sel{display: none;}
.phones-sel p{ width:auto;height: 42px;background: #FFFFFF;border-radius: 8px;border: 1px solid #E6E3FF;font-size: 18px;color: #212529;
    line-height: 25px;align-items: center; display: flex;padding:0 10px;min-width: 260px;
}
.selps{position:absolute;top:50px;width:100%;height:auto;min-height: 66px; display: none;background: #FFFFFF;box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.13);
    border-radius: 8px;align-items: center;width:auto;max-width: 350px;
}
.selps span{min-height: 46px;background: #E6E4F8;border-radius: 4px;width: 100%;display: flex;align-items: center;padding:0 0 0 10px;color: #482DE1;    white-space: nowrap;}
.selps p{width: 100%;border:none;}
.selps.open {display: flex !important;flex-direction: column;padding:10px 0;}
.selps.open p{margin:0 0 10px 0;overflow: hidden;height: auto;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1; }
.selps.open p:last-child{margin:0;}
.bmgssels,.spmlsels{display:none;flex-direction: column;background: #FFFFFF;box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.13);border-radius: 8px;    
    position: absolute;width: 420px;left: 0;top: 90px;align-items: center;padding:10px;
}
.bmgssels p,.spmlsels p{width: 400px;height:auto;min-height:46px;border-radius: 4px; padding: 0 10px;background:#FFFFFF;color:#3A3A3A;}
.bmgssels p:hover,.spmlsels p:hover{background: #E6E4F8;color:#482DE1;}
.artlayers{border-radius: 8px;}
.down-btn,.down-btn:hover{height: 42px;border-radius: 8px; padding:0 11px;background: linear-gradient( 270deg, #2C63FF 0%, #9364FF 100%);
    font-size: 18px;color: #FFFFFF;line-height: 25px;cursor: pointer;
}

.down-btn:hover,.start-btn:hover,.pause-btn.active:hover,.resume-btn.active:hover,.stop-btn.active:hover,.control-btn:hover{ box-shadow: 0px 0px 8px 0px #3964FF;}
.start-btn.active.hover{    background: #F6F5FA;box-shadow: none;}
.down-btn{display: none;}
.down-btn.shows{display:flex;justify-content: center;align-items: center;}
.moreppt{margin:0 0 160px 0;}







/* login register */

.qsditem-top p,.pptd-rig p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}

.micDeviceBtn b{width:25px;height: 25px;background:url(../image/icon21.png) no-repeat;background-size:contain;cursor: pointer;margin:0 6px 0 0;flex-shrink: 0;}
.micDeviceBtn.hover b,.micDeviceBtn.check b{width:25px;height: 25px;background:url(../image/icon21_hover.png) no-repeat;background-size:contain;cursor: pointer;margin:0 6px 0 0;flex-shrink: 0;}
/* .micDeviceBtn.check b{width:25px;height: 25px;background:url(../image/icon21_click.png) no-repeat;background-size:contain;cursor: pointer;margin:0 6px 0 0;flex-shrink: 0;} */



.qsditem-top.shows b{width:25px;height: 25px;background:url(../image/icon18.png) no-repeat;background-size:contain;cursor: pointer;}
.qsditem-top b{width:25px;height: 25px;background:url(../image/icon17.png) no-repeat;background-size:contain;cursor: pointer;}
.tril-rigth b{width:120px;height: 120px;background:url(../image/icon15.png) no-repeat;background-size:contain;}
.turl-down b{background:url(../image/icon16.png) no-repeat;background-size:contain;width:22px;height:20px;margin:0 5px 0 0;}
.setting-select b{background:url(../image/icon13.png) no-repeat;background-size:contain;width:11px;height:6px;transition: all .3s ease;}
.setting-item.active .setting-select b{background:url(../image/icon80.png) no-repeat;background-size:contain;width:11px;height:6px;transition: all .1s ease;}
.wjm b{background:url(../image/icon12.png) no-repeat;background-size:contain;width:22px;height:20px;margin:0 3px 0 0;}
.spml b{background:url(../image/icon11.png) no-repeat;background-size:contain;width:22px;height:20px;margin:0 3px 0 0;}
.bmgs b{background:url(../image/icon10.png) no-repeat;background-size:contain;width:22px;height:20px;margin:0 3px 0 0;}
.statusinfod b{background:url(../image/icon9.png) no-repeat;background-size:contain;width:22px;height:20px;margin:0 3px 0 0;}
.statusinfod.onvideo b{background:url(../image/icon31.png) no-repeat;background-size:contain;width:22px;height:20px;margin:0 3px 0 0;}
.statusinfod.endvideo b{background:url(../image/icon77.png) no-repeat;background-size:contain;width:22px;height:20px;margin:0 3px 0 0;}
.stop-btn b{background:url(../image/icon8.png) no-repeat;background-size:contain;width:22px;height:20px;margin:0 3px 0 0;}
.resume-btn b{background:url(../image/icon7.png) no-repeat;background-size:contain;width:22px;height:20px;margin:0 3px 0 0;}
.pause-btn b{background:url(../image/icon6.png) no-repeat;background-size:contain;width:22px;height:20px;margin:0 3px 0 0;}

.start-btn b{background:url(../image/icon5_click.png) no-repeat;background-size:contain;width:22px;height:20px;margin:0 3px 0 0;}

.stop-btn.hover b{background:url(../image/icon8_click.png) no-repeat;background-size:contain;width:22px;height:20px;margin:0 3px 0 0;}
.resume-btn.hover b{background:url(../image/icon7_click.png) no-repeat;background-size:contain;width:22px;height:20px;margin:0 3px 0 0;}
.pause-btn.hover b{background:url(../image/icon6_click.png) no-repeat;background-size:contain;width:22px;height:20px;margin:0 3px 0 0;}
/* .start-btn.hover b{background:url(../image/icon5_hover.png) no-repeat;background-size:contain;width:22px;height:20px;margin:0 3px 0 0;} */
.stop-btn.active b{background:url(../image/icon8_click.png) no-repeat;background-size:contain;width:22px;height:20px;margin:0 3px 0 0;}
.resume-btn.active b{background:url(../image/icon7_click.png) no-repeat;background-size:contain;width:22px;height:20px;margin:0 3px 0 0;}
.pause-btn.active b{background:url(../image/icon6_click.png) no-repeat;background-size:contain;width:22px;height:20px;margin:0 3px 0 0;}
.start-btn.active b{background:url(../image/icon5_click.png) no-repeat;background-size:contain;width:22px;height:20px;margin:0 3px 0 0;}

.down-btn b{background:url(../image/icon32.png) no-repeat;background-size:contain;width:22px;height:20px;margin:0 3px 0 0;}
.phones-choose b{background:url(../image/icon4.png) no-repeat;background-size:contain;width:20px;height:18px;margin:0 3px 0 0;}
.phones-choose.hover b{background:url(../image/icon22_hover.png) no-repeat;background-size:contain;}
.phones-choose.check b{background:url(../image/icon22.png) no-repeat;background-size:contain;}
.screen-choose b{background:url(../image/icon3_hover.png) no-repeat;background-size:contain;width:20px;height:18px;margin:0 3px 0 0;}
.video-choose b{background:url(../image/icon2.png) no-repeat;background-size:contain;width:20px;height:18px;margin:0 3px 0 0;}
.screen-choose.hover b{background:url(../image/icon3_hover.png) no-repeat;background-size:contain;width:20px;height:18px;margin:0 3px 0 0;}
.video-choose.hover b{background:url(../image/icon2_hover.png) no-repeat;background-size:contain;width:20px;height:18px;margin:0 3px 0 0;}
.screen-choose.check b{background:url(../image/icon3_click.png) no-repeat;background-size:contain;width:20px;height:18px;margin:0 3px 0 0;}
.video-choose.check b{background:url(../image/icon2_click.png) no-repeat;background-size:contain;width:20px;height:18px;margin:0 3px 0 0;}