@charset "utf-8";
html,body,div,p,form,label,ul,li,dl,dt,dd,ol,img,button,b,em,strong,h1,h2,h3,h4,h5,h6{
    margin:0;
    padding:0;
    border:0;
    list-style:none;
    font-style:normal;
}
body,html{
    width:100%;
    height:100%;
    background:transparent;
    overflow:hidden !important;
}
a{
    text-decoration:none !important;
}
:root{
    --glow-hue:222deg;
    --shadow-hue:180deg;
    --spring-easing:linear( 0,0.002,0.01 0.9%,0.038 1.8%,0.156,0.312 5.8%,0.789 11.1%,1.015 14.2%,1.096,1.157,1.199,1.224 20.3%,1.231,1.231,1.226,1.214 24.6%,1.176 26.9%,1.057 32.6%,1.007 35.5%,0.984,0.968,0.956,0.949 42%,0.946 44.1%,0.95 46.5%,0.998 57.2%,1.007,1.011 63.3%,1.012 68.3%,0.998 84%,1 );
    --spring-duration:1.33s;
    --canvas:220;
    --bg:hsl(var(--canvas),15%,22%);
    --fg:hsl(var(--canvas),39%,95%);
    --link:hsl(var(--canvas),90%,80%);
    --linkh:hsl(150,95%,70%);
    --wgt:200;
}
.container-body-app{
    width:100%;
    height:100%;
    background:transparent;
    overflow:hidden;
}
.container-body-app .row-fluid{
    width:100%;
}
.container-body-app::-webkit-scrollbar{
    width:8px;
}
.container-body-app::-webkit-scrollbar-track{
    border-radius:8px;
    background-color:rgba(255,255,255,0);
}
.container-body-app::-webkit-scrollbar-thumb{
    border-radius:10px;
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);
    background-color:rgba(255,255,255,0);
}
.container-body-app::-webkit-scrollbar-thumb:hover{
    background-color:rgba(255,255,255,0);
}
.container-body-app .lightModuleOuterContent314{
    width:100%;
    height:100%;
    background:transparent;
    display:flex;
    flex-wrap:nowrap;
    flex-direction:row;
    justify-content:flex-start;
}
.terContent314-left{
    width:50%;
    height:100%;
    display:flex;
    flex-wrap:nowrap;
    flex-direction:row;
    justify-content:center;
    align-items: center;
    background:transparent;
}
.terContent314-left:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin-left: -48%;
    background-image: url(/uploads/20240920/login-bg.b265811a.svg);
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: auto 100%;
    content: "";
    z-index:-1;
}
.terContent314-right{
    width:50%;
    height:100%;
    display:flex;
    flex-wrap:nowrap;
    flex-direction:row;
    justify-content:center;
    align-items: center;
    background:transparent;
}
.tent314-leftbox{
    width:80%;
    height:310px;
    display:flex;
    flex-wrap:wrap;
    flex-direction:row;
    justify-content:flex-start;
    align-items: flex-start;
    background:transparent;
}
.tent314-leftboximg{
    width:100%;
    height:207px;
    background:transparent;
    display:flex;
    flex-wrap:nowrap;
    flex-direction:row;
    justify-content:center;
    align-items: center;
}
.tent314-leftboximginfo{
    width:400px;
    height:207px;
    object-fit: cover;
}
.tent314-leftboxtitle{
    width:100%;
    height:37px;
    margin-top:10px;
    background:transparent;
}
.tent314-leftboxtitleinfo{
    width:100%;
    height:100%;
    line-height:37px;
    font-size:26px;
    color:#fff;
    text-align: center;
}
.tent314-leftboxdesc{
    width:100%;
    background:transparent;
    margin-top:10px;
}
.tent314-leftboxdescinfo{
    width:100%;
    height:100%;
    color:#fff;
    font-size:16px;
    text-align: center;
}
.lightModuleOuterContent314 .tent314-leftbox .swiper-container{
    width:100%;
    height:207px;
}
.tent314-rightbox{
    width:80%;
    height:450px;
    background:transparent;
}
.tent314-rightboxone{
    width:100%;
    background:transparent;
    display:flex;
    flex-wrap:wrap;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
}
.tent314-rightonetitle{
    width:100%;
    height:30px;
    background:transparent;
}
.tent314-rightonetitleinfo{
    width:100%;
    height:100%;
    line-height: 30px;
    font-size:28px;
    color:rgb(39,39,39);
    text-align: center;
}
.tent314-rightonedesc{
   width:100%;
   height:20px;
   margin-top:8px;
   background:transparent;
}
.tent314-rightonedescinfo{
   width:100%;
   height:100%;
   line-height: 20px;
   font-size:14px;
   color:rgb(154,160,166);
   text-align: center;
}
.tent314-rightoneimg{
    width:100%;
    height:300px;
    margin-top:8px;
    display:flex;
    flex-wrap:nowrap;
    justify-content: center;
    flex-direction:row;
    align-items: center;
    align-content: center;
    background:transparent;
}
.tent314-rightoneimglogin{
    width:280px;
    height:280px;
    position: relative;
}
.tent314-rightoneimginfo{
    width:280px;
    height:280px;
    border-radius:4px;
    position: absolute;
    top:0;
    left:0;
    opacity:0.2;
    object-fit: cover;
}
.tent314-rightoneimgtxtone{
    width:100%;
    height:35px;
    opacity: 1;
    position: absolute;
    z-index: 10;
    line-height: 35px;
    font-size:14px;
    text-align: center;
    top:90px;
    cursor:default;
    color:#000;
}
.tent314-rightoneimgtxttwo{
    width:30%;
    height:35px;
    background:#1AAD19;
    opacity: 1;
    position: absolute;
    z-index: 10;
    left:35%;
    top:130px;
    color:#fff;
    line-height: 35px;
    font-size:16px;
    border-radius:8px;
    text-align: center;
    cursor:pointer;
}
.tent314-rightboxthree{
    width:100%;
    height:90px;
    margin-top:8px;
    background:transparent;
    border-top:1px solid #e5e7eb;
    display:flex;
    flex-wrap:nowrap;
    justify-content: center;
    flex-direction:row;
    align-items: center;
    align-content: center;
}
.tent314-rightthreemain{
    width:60%;
    height:40px;
    display:flex;
    flex-wrap:nowrap;
    justify-content: space-between;
    flex-direction:row;
    align-items: center;
    align-content: center;
    background:transparent;
}
.tent314-rightthreemaintxtinfo{
    font-size:18px;
    color:rgb(38,48,57);
    cursor:pointer;
}
.tent314-rightthreemaintxtinfo:hover{
    color:rgb(31,91,163);
}
.tent314-rightboxtwo{
    width:100%;
    height:300px;
    background:transparent;
    display:flex;
    flex-wrap:wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
}
.tent314-rightboxtwobox{
    width:60%;
    background:transparent;
    margin-top:8px;
}
.tent314-righttwotitle{
    width:100%;
}
.tent314-righttwotitleinfo{
    font-size:28px;
    color:rgb(39,39,39);
    font-weight:600;
}
.tent314-righttwoinput{
    width:100%;
    height:40px;
    margin-top:15px;
    background:transparent;
    position: relative;
}
.tent314-righttwoinputinfo{
    width:100%;
    height:100%;
    outline:none;
    border:1px solid #e6e6e6;
    box-sizing: border-box;
    border-radius:4px;
    padding: 0 8px;
    font-size:16px;
}
.tent314-righttwoinputinfo:focus {
    outline: none; 
    box-shadow: 0 0 5px #A020F0;
}
.tent314-righttwoinputVerification:focus{
    outline: none; 
    box-shadow: 0 0 5px #A020F0;
}
.tent314-righttwoinputtwo{
    width:100%;
    height:40px;
    margin-top:25px;
    background:transparent;
    display:flex;
    flex-wrap:nowrap;
    flex-direction: row;
    justify-content:space-between;
    align-items: center;
}
.tent314-righttwoinputVerification{
    width:60%;
    height:100%;
    outline:none;
    border:1px solid #e6e6e6;
    border-radius:4px;
    padding: 0 8px;
    font-size:16px;
}
.tent314-righttwoinputVerificationbtn{
    width:30%;
    height:95%;
    background:transparent;
    outline:none;
    border:1px solid #e6e6e6;
    border-radius:4px;
    cursor:pointer;
}
.tent314-righttwosubmit{
    width:100%;
    height:40px;
    margin-top:30px;
    background:transparent;
}
.tent314-righttwosubmitinfo{
    outline:none;
    border:0;
    width:100%;
    height:100%;
    text-align: center;
    line-height: 40px;
    color:#fff;
    background:rgb(10,97,189);
    border-radius:4px;
    cursor:pointer;
}
.lightModuleOuterContent315{
    width:90px;
    height:55px;
    background:transparent;
    position: absolute;
    top:20px;
    right:30px;
    display:flex;
    flex-wrap:nowrap;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.terContent315switch.off:before, .terContent315switch.off:after, .terContent315switch.on:before, .terContent315switch.on:after {
  -webkit-transition: 0.6s;
  transition: all 0.6s;
}
.terContent315switch{
   position: relative;
   width: 75px;
   height: 40px;
   background-color: #2c2c2c;
   color: #000;
   -webkit-transition: all 0.6s;
   transition: all 0.6s;
}
.terContent315switch.off,
.terContent315switch.on {
  border-radius: 25px;
  padding: 5px;
  cursor: pointer;
}
.terContent315switch.off:before,
.terContent315switch.on:before {
  display: block;
  position: absolute;
  content: "";
  height: 39px;
  width: 39px;
  left: 4px;
  top: 5px;
  -webkit-transition: 0.6s;
  transition: all 0.6s;
  -webkit-transition-delay: 0.01s;
  transition-delay: 0.01s;
  -moz-box-shadow: inset -8px -8px 6px -6px #c7960f;
  -webkit-box-shadow: inset -8px -8px 6px -6px #c7960f;
  border-radius: 50%;
  box-shadow: inset -8px -8px 6px -6px #c7960f;
}
.terContent315switch.off:before{
	 background:url('/uploads/20240920/hZhiHcXBxaQfJHGpmC2FcsYbWGhe1m5D.png') no-repeat center/cover;
}
.terContent315switch.on:before{
	background:url('/uploads/20240920/ssfySKdYEQpWTcWAcjkZkbB4e1ejCJ8s.png') no-repeat center/cover;
}
.terContent315switch.off:after {
  display: block;
  position: absolute;
  content: "";
  -o-transform: rotate(-270deg);
  -webkit-transform: rotate(-270deg);
  -ms-transform: rotate(-270deg);
  transform: rotate(-270deg);
  left: 17px;
  top: 15px;
}

.terContent315switch.on:before {
  -webkit-transform: translateX(38px);
  -ms-transform: translateX(38px);
  transform: translateX(38px);
}

.terContent315switch.on:after {
   position: absolute;
   content: "";
  -o-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  left: 56px;
  top: 15px;
}
.tent314-righttwoinputpwdimg{
    width:25px;
    height:25px;
    object-fit: cover;
    position: absolute;
    top:9px;
    right:15px;
    cursor:pointer;
}
body[data-user-color-scheme='dark'] .lightModuleOuterContent314 {
    background:#293146;
}
body[data-user-color-scheme='dark'] .lightModuleOuterContent314 .tent314-righttwotitleinfo {
    color:#fff;
}
body[data-user-color-scheme='dark'] .lightModuleOuterContent314 .tent314-rightthreemaintxtinfo{
    color:#fff;
}
body[data-user-color-scheme='dark'] .lightModuleOuterContent314 .tent314-rightonetitleinfo{
    color:#fff;
}
body[data-user-color-scheme='dark'] .lightModuleOuterContent314 .tent314-righttwoinputVerificationbtn{
    color:#fff;
}
.lightModuleOuterContent316{
    width:450px;
    height:400px;
    position:absolute;
    top:110px;
    right:2190px;
    background:rgba(178,178,178,0.6);
    display:flex;
    flex-wrap:nowrap;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.lightModuleOuterContent316active{
    width:450px;
    height:400px;
    position:absolute;
    top:110px;
    right:190px;
    background:rgba(178,178,178,0.6);
    display:flex;
    flex-wrap:nowrap;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    z-index:999;
}
.terContent316box{
    width:420px;
    height:350px;
    background:#fff;
    border-radius:5px;
    box-shadow: 0 0 5px #EEE9E9;
    display:flex;
    flex-wrap:wrap;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
}
.terContent316boxone{
    width:100%;
    height:40px;
    background:transparent;
    border-bottom:1px solid #e4e7eb;
    box-sizing: border-box;
    display:flex;
    flex-wrap:nowrap;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.terContent316boxone p{
    width:70%;
    height:100%;
    line-height:40px;
    text-indent: 18px;
    color:#45494c;
    font-size:16px;
}
.terContent316boxone img{
    width:25px;
    height:25px;
    object-fit: cover;
    margin-right:15px;
    cursor:pointer;
}
.terContent316boximg{
    width:90%;
    height:228px;
    margin-top:5px;
}
.terContent316boximg .terContent316boximginfo{
    width:100%;
    height:100%;
    object-fit: cover;
    border-radius:5px;
}
.terContent316boxtwo{
    width:90%;
    height:50px;
    background:transparent;
    margin-top:10px;
}
.terContent316boxtwo .Verification_slider {
	width:100%;
	height:50px;
	background:transparent;
}
.lightModuleOuterContent318{
    width:80px;
    height:100%;
    background:#434AFA;
    display:flex;
    overflow:hidden;
    flex-direction: row;
    flex-wrap:wrap;
    justify-content: flex-end;
    align-items: flex-start;
    align-content: flex-start;
    position: relative;
    transition: all 0.8s;
}
.smalltent318{
    width:50px !important;
}
.terContent318mainlogo{
    width:100%;
    height:50px;
    background:transparent;
    display:flex;
    flex-wrap:nowrap;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.terContent318mainlogoimg{
    width:45px;
    height:45px;
    object-fit: cover;
    transition: all 0.8s;
}
.smalltent318img{
    width:25px !important;
    height:25px !important;
    object-fit: cover;
}
.terContent318mainbottom{
    width:100%;
    height:38px;
    position: absolute;
    bottom:0;
    left:0;
    background:#565CFB;
    display:flex;
    flex-direction: row;
    flex-wrap:nowrap;
    justify-content: center;
    align-items: center;
}
.terContent318mainbottomimg{
    width:22px;
    height:22px;
    cursor:pointer;
}
.terContent318box{
    width:98%;
    height:calc(100% - 95px);
    margin-top:5px;
    margin-left:1%;
    background:transparent;
    overflow-y:scroll;
    overflow-x:hidden;
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-start;
    align-items: flex-start;
    align-content: flex-start;
}
.terContent318box::-webkit-scrollbar{
    width:3px;
}
.terContent318box::-webkit-scrollbar-track{
    border-radius:3px;
    background-color:#434AFA;
}
.terContent318box::-webkit-scrollbar-thumb{
    border-radius:3px;
    -webkit-box-shadow:inset 0 0 6px #434AFA;
    background-color:#434AFA;
}
.terContent318box::-webkit-scrollbar-thumb:hover{
    background-color:#434AFA;
}
.terContent318boxlist{
    width:100%;
    background:transparent;
    display:flex;
    flex-wrap:wrap;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    cursor:pointer;
}
.terContent318boxlist:hover .terContent318boxlisttxtinfo{
    color:#fff;
}
.terContent318boxlist:hover .terContent318boxlistimginfo{
    filter:brightness(150%);
}
.tent318boxlistactive{
    background:#343BEB !important;
}
.terContent318boxlistmain{
    width:50px;
    height:60px;
    background:transparent;
}
.terContent318boxlistimg{
    width:100%;
    height:30px;
    display:flex;
    flex-direction: row;
    flex-wrap:nowrap;
    justify-content: center;
    align-items: center;
}
.terContent318boxlistimgsmall{
    width:100%;
    height:50px;
    display:flex;
    flex-direction: row;
    flex-wrap:nowrap;
    justify-content: center;
    align-items: center;
}
.terContent318boxlistimgsmallinfo{
    width:20px;
    height:20px;
    object-fit: cover;
}
.terContent318boxlistimginfo{
    width:25px;
    height:25px;
    object-fit: cover;
    transition: all 0.5s;
}
.terContent318boxlisttxt{
    width:100%;
    height:20px;
    margin-top:5px;
    background:transparent;
}
.terContent318boxlisttxtinfo{
    width:100%;
    height:100%;
    text-align: center;
    color:#BDC0FD;
    font-size:12px;
    transition: all 0.5s;
}
.lightModuleOuterContent319{
    width:210px;
    height:100%;
    background:#434AFA;
    border-left:1px solid rgba(67,110,238,0.3);
    box-sizing: border-box;
    top:0;
    overflow-y:scroll;
    overflow-x:hidden;
    transition:all 0.2s;
    z-index:100;
}
.lightModuleOuterContent319hide{
    width:0;
    height:100%;
    background:#434AFA;
    border-left:1px solid rgba(67,110,238,0.3);
    box-sizing: border-box;
    top:0;
    overflow-y:scroll;
    overflow-x:hidden;
    transition:all 0.2s;
}
.lightModuleOuterContent319::-webkit-scrollbar{
    width:3px;
}
.lightModuleOuterContent319::-webkit-scrollbar-track{
    border-radius:3px;
    background-color:#434AFA;
}
.lightModuleOuterContent319::-webkit-scrollbar-thumb{
    border-radius:3px;
    -webkit-box-shadow:inset 0 0 6px #434AFA;
    background-color:#434AFA;
}
.lightModuleOuterContent319::-webkit-scrollbar-thumb:hover{
    background-color:#434AFA;
}
.lightModuleOuterContent320{
    height:100%;
    display:flex;
    flex-direction: row;
    flex-wrap:nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
}
.lightModuleOuterContent322{
    width:100%;
    height:100%;
    background:#fff;
    position: absolute;
    top:0;
    left:0;
    display:flex;
    overflow:hidden;
    flex-direction: row;
    flex-wrap:nowrap;
    justify-content: center;
    align-items: center;
}
.terContent322main{
    width:400px;
    height:430px;
    background:transparent;
    position: relative;
    display:flex;
    flex-direction: row;
    flex-wrap:wrap;
    justify-content: center;
    align-items: center;
}
.terContent322mainlogo{
    width:150px;
    height:150px;
    position: absolute;
    top:-100px;
    left:125px;
    border-radius:4px;
    background:transparent;
    display:flex;
    flex-wrap:nowrap;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.terContent322mainlogoinfo{
    width:120px;
    height:120px;
    object-fit: cover;
}
.terContent322mainloading{
    width:259px;
    height:400px;
    background:transparent;
    margin-top:-170px;
}
.terContent322mainloadinginfo{
    width:100%;
    height:100%;
    object-fit: cover;
}
.terContent322maintxt{
    width:400px;
    height:50px;
    background:transparent;
    position: absolute;
    bottom:80px;
    left:0;
}
.terContent322maintxtinfo{
    width:100%;
    height:100%;
    line-height: 50px;
    font-size:35px;
    text-align: center;
}
.terContent319main{
    width:100%;
    height:50px;
    border-bottom:1px solid rgba(67,110,238,0.3);
    box-sizing: border-box;
    display:flex;
    flex-direction: row;
    flex-wrap:nowrap;
    justify-content: space-between;
    align-items: center;
}
.terContent319maintxt{
    width:70%;
    height:100%;
    margin-left:8px;
}
.terContent319maintxtinfo{
    width:100%;
    height:100%;
    line-height: 50px;
    font-size:18px;
    color:#fff;
    cursor:default;
}
.terContent319mainimg{
    width:28%;
    height:100%;
    display:flex;
    flex-direction: row;
    flex-wrap:nowrap;
    justify-content: center;
    align-items: center;
}
.terContent319mainimginfo{
    width:18px;
    height:18px;
    object-fit: cover;
    cursor:pointer;
}
.terContent319mainimginfoactive{
    width:18px;
    height:18px;
    object-fit: cover;
    cursor:pointer;
    filter:brightness(150%);
}
.terContent319list{
    width:100%;
    height:50px;
    display:flex;
    flex-wrap:nowrap;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    cursor:pointer;
}
.terContent319listactive{
    background:#0960BD !important;
}
.terContent319listactive .terContent319listtxtinfo{
    color:#fff !important;
}
.terContent319list:hover .terContent319listtxtinfo{
    color:#fff;
}
.terContent319listtxt{
    width:90%;
    height:100%;
    background:transparent;
}
.terContent319listtxtinfo{
    width:100%;
    height:100%;
    line-height: 50px;
    font-size:14px;
    color:#BDC0FD;
}
.lightModuleOuterContent323{
    height:100%;
    background:transparent;
    display:flex;
    flex-direction: row;
    flex-wrap:wrap;
    justify-content: center;
    align-items:flex-start;
    align-content: flex-start;
    overflow:hidden;
}
.terContent323head{
    width:100%;
    height:80px;
    background:#fff;
    display:flex;
    flex-direction: row;
    flex-wrap:nowrap;
    justify-content: center;
    align-items: center;
}
.terContent323headbox{
    width:98%;
    height:100%;
    background:transparent;
    display:flex;
    flex-direction: row;
    flex-wrap:wrap;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
}
.terContent323headboxone{
    width:100%;
    height:48px;
    background:#fff;
    display:flex;
    flex-direction: row;
    flex-wrap:nowrap;
    justify-content:space-between;
    align-items: center;
    align-content:center;
    border-bottom:1px solid rgba(230,230,230,0.3);
    box-sizing: border-box;
}
.terContent323headboxonetxtinfo{
    font-size:16px;
    color:#999;
    cursor:default;
}
.tent323headboxonerightullisttwo{
    width:300px;
    height:100%;
    background:#fff;
    display:flex;
    flex-direction: row;
    flex-wrap:nowrap;
    justify-content: center;
    align-items: center;
}
.tent323headboxonerightullisttwo:hover{
    background:#F6F6F6;
}
.tent323headboxonerightullisttwoinfo{
    width:121px;
    height:80%;
    overflow:hidden;
    outline:none;
    border:0;
    padding:0 10px;
    font-size: 14px;
    background:transparent;
    color:#707070;
    text-overflow:ellipsis;
}
.tent323headboxonerightullisttwoinput{
    width:140px;
    height:70%;
    background:transparent;
    position: relative;
}
.tent323headboxonerightullisttwoinputinfo{
    width:100%;
    height:100%;
    background:#fff;
    border:0;
    outline: none;
    border-radius:3px;
    padding:0 6px;
    font-size:12px;
}
.tent323headboxonerightullisttwoimg{
    width: 20px;
    height: 20px;
    position: absolute;
    top: 6px;
    right: -10px;
    cursor:pointer;
}
.tent323headboxonerightullisttwoimg:hover{
    filter:brightness(150%);
}
.tent323headboxonerightullisttwoimginfo{
    width:100%;
    height:100%;
    object-fit: cover;
}
.tent323headboxonerightullisttwoinputinfo:focus{
    outline: none; 
    box-shadow: 0 0 5px #836FFF;
}
.terContent323headboxoneright{
    width:75%;
    height:100%;
}
.tent323headboxonerightullistthree{
    margin-left:3px;
    position: relative;
}
.tent323headboxonerightullistaddimg{
    width:20px;
    height:20px;
    object-fit: cover;
    margin-left:10px;
    cursor:pointer;
}
.tent323headboxonerightullistfour{
    width:38px;
    height:100%;
    margin-left:3px;
    display:flex;
    flex-direction: row;
    flex-wrap:nowrap;
    justify-content: center;
    align-items: center;
    cursor:pointer;
}
.tent323headboxonerightullistfive{
    height:100%;
    padding:0 8px;
    display:flex;
    flex-direction: row;
    flex-wrap:nowrap;
    justify-content: center;
    align-items: center;
    cursor:pointer;
    position: relative;
}
.tent323headboxonerightullistfive:hover{
    background:#F3F3F3;
}
.tent323headboxonerightullistfive:hover .tent323headboxonerightullistfivechild{
     height:155px;
}
.tent323headboxonerightullistfiveimg{
    width:25px;
    height:25px;
    margin-right:8px;
}
.tent323headboxonerightullistfiveimginfo{
    width:100%;
    height:100%;
    object-fit: cover;
    border-radius:100%;
}
.tent323headboxonerightullistfivetxtinfo{
    font-size:14px;
    color:#707070;
}
.tent323headboxonerightullistfivechild{
    width:136px;
    height:0;
    position: absolute;
    top:50px;
    right:0;
    background:#fff;
    border-radius:5px;
    box-shadow: 0 0 5px #CFCFCF;
    overflow:hidden;
    transition: all 0.4s;
    display:flex;
    flex-direction: row;
    flex-wrap:nowrap;
    justify-content: center;
    align-items: center;
    z-index:200;
}
.tent323headboxonerightullistfivechildul{
    width:100%;
    height:145px;
    display:flex;
    flex-wrap:wrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
}
.tent323headboxonerightullistfivechildullist{
    width:100%;
    height:35px;
    display:flex;
    flex-direction: row;
    flex-wrap:nowrap;
    justify-content: flex-start;
    align-items: center;
}
.tent323headboxonerightullistfivechildullist:hover{
    background:#F3F3F3;
}
.tent323headboxonerightullistfivechildullistimg{
    width:20px;
    height:20px;
    margin-left:5px;
}
.tent323headboxonerightullistfivechildullisttxt{
    margin-left:3px;
    font-size:14px;
    color:#707070;
}
.tent323headboxonerightullistfivechildullistimginfo{
    width:100%;
    height:100%;
    object-fit: cover;
}
.tent323headboxonerightullistfour:hover{
    background:#F6F6F6;
}
.tent323headboxonerightullistfour:hover .tent323headboxonerightullistfourimg{
    filter:brightness(150%);
}
.tent323headboxonerightullistfourimg{
    width:20px;
    height:20px;
    object-fit: cover;
}
.tent323headboxonerightullistthree:hover .tent323headboxonerightullistaddimg{
    filter:brightness(150%);
}
.tent323headboxonerightullistthree:hover .tent323headboxonerightullistthreechild{
    height:162px !important;
    top:30px;
}
.tent323headboxonerightullistthreechild{
    width: 120px;
    height: 0;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    display:flex;
    flex-direction: row;
    flex-wrap:nowrap;
    justify-content: center;
    align-items: center;
    border-radius:5px;
    box-shadow: 0 0 5px #CFCFCF;
    overflow:hidden;
    transition: all 0.4s;
    z-index:200;
}
.tent323headboxchildmain{
    width:100%;
    height:155px;
    background:#fff;
}
.tent323headboxchildmainul{
    width:100%;
    display:flex;
    flex-direction: row;
    flex-wrap:wrap;
    justify-content: flex-start;
    align-items: flex-start;
}
.tent323headboxchildmainullist{
    width:100%;
    height:30px;
    cursor:pointer;
}
.tent323headboxchildmainullist:hover{
    background:#F3F3F3;
}
.tent323headboxchildmainullisttxt{
    width:100%;
    height:100%;
    line-height: 30px;
    text-indent:18px;
    font-size:14px;
    color:#4F4F4F;
}
.tent323headboxonerightul{
    width:100%;
    height:100%;
    background:transparent;
    display:flex;
    flex-direction: row;
    flex-wrap:nowrap;
    justify-content: flex-end;
    align-items: center;
}
.tent323headboxonerightullist{
    margin-right:3px;
}
.tent323headboxonerightullistimg{
    width:25px;
    height:25px;
    cursor:pointer;
    object-fit: cover;
}
.tent323headboxonerightullistimg:hover{
    filter:brightness(150%);
}
.terContent323headboxtwo{
    width:100%;
    height:28px;
    background:#fff;
    border-bottom:1px solid rgba(230,230,230,0.3);
    box-sizing: border-box;
    display:flex;
    flex-wrap:nowrap;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.terContent323headboxtwoleft{
    width:75%;
    height:100%;
    background:transparent;
    overflow-x:scroll;
    overflow-y:hidden;
    white-space: nowrap;
}
.terContent323headboxtwoleftbtnlist{
    height: 23px;
    padding: 0 20px;
    background: #fff;
    border-radius: 2px 2px 0 0;
    margin-top: 3px;
    position: relative;
    cursor: pointer;
    margin-right: 8px;
    display:flex;
    flex-wrap:nowrap;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    border:1px solid #e4e7eb;
    display:inline-block;
}
.terContent323headboxtwoleftbtnlist:hover .terContent323headboxtwoleftbtnlisttxt .terContent323headboxtwoleftbtnlistimg{
    opacity: 1;
}
.terContent323headboxtwoleftbtnlistactive{
    border:0;
    background:#0960BD;
}
.terContent323headboxtwoleftbtnlistactive .terContent323headboxtwoleftbtnlisttxt{
    color:#fff !important;
}
.terContent323headboxtwoleftbtnlistactive .terContent323headboxtwoleftbtnlistimg{
    opacity: 1;
    filter:brightness(150%);
}
.terContent323headboxtwoleftbtnlistimg:hover{
    transform: scale(1.1);
}
.terContent323headboxtwoleftbtnlisttxt{
    width:100%;
    height:100%;
    line-height: 24px;
    text-align: center;
    color:#2c2c2c;
    font-size:12px;
    position: relative;
}
.terContent323headboxtwoleftbtnlistimg{
    width: 10px;
    height: 13px;
    position: absolute;
    top: -2px;
    right: -13px;
    opacity:0;
    z-index: 100;
    transition:all 0.3s ease-in-out;
}
.terContent323headboxtwoleftbtnlistimginfo{
    width:100%;
    height:100%;
    object-fit: cover;
}
.terContent323headboxtwoleft::-webkit-scrollbar{
    width:1px;
    height:1px;
}
.terContent323headboxtwoleft::-webkit-scrollbar-track{
    border-radius:2px;
    background-color:#fff;
}
.terContent323headboxtwoleft::-webkit-scrollbar-thumb{
    border-radius:2px;
    -webkit-box-shadow:inset 0 0 6px #fff;
    background-color:#fff;
}
.terContent323headboxtwoleft::-webkit-scrollbar-thumb:hover{
    background-color:#fff;
}
.terContent323headboxtworight{
    width:25%;
    height:100%;
    background:#fff;
    display:flex;
    flex-wrap:nowrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}
.terContent323headboxtworightmain{
    width:100%;
    height:100%;
    background:transparent;
    display:flex;
    flex-wrap:nowrap;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
}
.terContent323headboxtworightmainlist{
    width:35px;
    height:100%;
    display:flex;
    flex-wrap:nowrap;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    cursor:pointer;
    border-left:1px solid #e6e6e6;
}
.terContent323headboxtworightmainlist:hover{
    background:#f6f6f6;
}
.terContent323headboxtworightmainlist:hover .terContent323headboxtworightmainlistimg{
    filter:brightness(150%);
}
.terContent323headboxtworightmainlistimg{
    width:20px;
    height:20px;
    object-fit: cover;
    transform: rotate(0deg);
    transition:all 2s linear 0s;
}
.terContent323headboxtworightmainlistimgloading{
    transform: rotate(720deg);
} 
.terContent323box{
    width:100%;
    height:100%;
    overflow:hidden;
    background:#EDEFF2;
    position: relative;
}
.terContent323box::-webkit-scrollbar{
    width:8px;
}
.terContent323box::-webkit-scrollbar-track{
    border-radius:3px;
    background-color:#FFA500;
}
.terContent323box::-webkit-scrollbar-thumb{
    border-radius:3px;
    -webkit-box-shadow:inset 0 0 6px #A020F0;
    background-color:#A020F0;
}
.terContent323box::-webkit-scrollbar-thumb:hover{
    background-color:#A020F0;
}
.terContent323boxiframe{
    scrollbar-width: thin;
    scrollbar-color: #ff6347 #e0e0e0; 
}
.terContent323boxiframe::-webkit-scrollbar{
    width:8px;
}
.terContent323boxiframe::-webkit-scrollbar-track{
    border-radius:3px;
    background-color:#FFA500;
}
.terContent323boxiframe::-webkit-scrollbar-thumb{
    border-radius:3px;
    -webkit-box-shadow:inset 0 0 6px #A020F0;
    background-color:#A020F0;
}
.terContent323boxiframe::-webkit-scrollbar-thumb:hover{
    background-color:#A020F0;
}
.terContent323boxeffotoload{
    width:100%;
    height:100%;
    background:rgba(255,255,255,0.3);
    position: absolute;
    display:flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    transition: all 0.5s;
}
.terContent323boxeffotoloadimg{
    width:50px;
    height:50px;
    
}

#draggable{
    opacity:0;
}

/*聊天框输入*/
.lightModuleOuterContent339{
    width:0;
    height:0;
    background: #666;
    border-radius: 50px;
    position:absolute;
    top:5%;
    right:-140%;
    z-index:10;
    opacity:0;
    transition: all 1600ms cubic-bezier(0.3, 1, 0.2, 1);
    -webkit-transition: all 1600ms cubic-bezier(0.3, 1, 0.2, 1);
    cursor:move;
}
.lightModuleOuterContent339_active{
    width:300px !important;
    height:600px !important;
    opacity:1 !important;
    right: 30%;
    top: 32.1625px;
}
.lightModuleOuterContent339::before {
    content: '';
    position: absolute;
    inset: 3px;
    background: #000;
    border-radius: 48px;
}
.lightModuleOuterContent339 .tent339_inner {
    position: absolute;
    inset: 3px;
    background-repeat: no-repeat;
    background-position: center;
    background-size:cover;
    border-radius: 48px;
    border: 10px solid #000;
    display: flex;
    justify-content: center;
    opacity: 1;
    overflow:hidden;
}
.lightModuleOuterContent339 .tent339_btn {
    position: absolute;
    top: 110px;
    left: -2px;
    width: 3px;
    height: 26px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    background: radial-gradient(#ccc, #666, #222);
    z-index: 10;
    cursor:pointer;
}
.lightModuleOuterContent339 .btn2 {
    top: 160px;
    height: 40px;
}

.lightModuleOuterContent339 .btn3 {
    top: 220px;
    height: 40px;
}

.lightModuleOuterContent339 .rightSldeBtn {
    position: absolute;
    top: 170px;
    right: -2px;
    width: 3px;
    height: 70px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    background: radial-gradient(#ccc, #666, #222);
    z-index: 900;
    cursor:pointer;
}
.tent339_inner .tent339_inner_time{
    position: absolute;
    top: 10px;
    left: 15px;
    width: 50px;
    height: 20px;
    background: transparent;
    transition: 0.5s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #000;
    font-size:14px;
    font-weight:600;
}
.tent339_inner .tent339_inner_right_ico{
    position: absolute;
    top: 10px;
    right: 15px;
    width: 50px;
    height: 20px;
    background: transparent;
    transition: 0.5s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: space-between;
    overflow:hidden;
}
.tent339_inner .tent339_inner_right_ico .wifeico{
    display:block;
    width:20px;
    height:10px;
    object-fit: cover;
}
.tent339_inner .tent339_inner_right_ico .dianchiico{
    display: block;
    width: 25px;
    height: 25px;
    object-fit: cover;
    margin-top: 4px;
}
.tent339_inner .island-popup {
    position: absolute;
    top: 10px;
    width: 90px;
    height: 25px;
    background: #000;
    border-radius: 20px;
    transition: 0.5s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.tent339_inner .island-popup:hover {
    width: 130px;
    height: 25px;
}

.tent339_inner .island-popup:hover p{
    visibility: visible !important;
    opacity: 1 !important;
    transition-delay: 0.25s;
}

.tent339_inner .island-popup:hover .action {
    visibility: visible !important;
    opacity: 1 !important;
    transition-delay: 0.25s;
}

.tent339_inner .island-popup .content {
    position: relative;
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding: 10px;
    line-height: 25px;
    background:transparent;
}
.tent339_inner .island-popup .content p {
    color: #fff;
    font-size: 0.6em;
    cursor: default;
    visibility: hidden;
    opacity: 0;
    transition: 0.5s;
}
.tent339_inner .island-popup .content .details {
    position: relative;
    display: flex;
    align-items: center;
}
.tent339_inner .island-popup .content .details .imgBx {
    position: relative;
    width: 15px;
    height: 15px;
    background: #fff;
    border-radius: 50%;
    overflow: hidden;
    transition: 0.5s;
}
.tent339_inner .island-popup .content .details .imgBx img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}
.tent339_inner .island-popup .content .action {
    display: flex;
    flex-wrap:nowrap;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 12px;
    transition: 0.5s;
    visibility: hidden;
    opacity: 0;
}
.tent339_inner .island-popup .content .red {
    display:inline-block;
    width:15px;
    height:15px;
    background: #fd443b;
    cursor: pointer;
    border-radius:50%;
}

.tent339_inner .tent339_speak_window{
    width:100%;
    height:100%;
    display:flex;
    flex-wrap:wrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    background:transparent;
    overflow:hidden;
}
.tent339_speak_window .tent339_speak_head {
    width: 100%;
    height: 65px;
    background: rgb(237, 237, 237);
    display:flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-end;
}
.tent339_speak_head .speak_head_title {
    width:90%;
    height:25px;
    line-height: 25px;
    color:#000;
    font-size:14px;
    background:transparent;
    text-align: center;
    font-weight:400;
}
.tent339_speak_head .speak_head_title .loading-dot{
     display:inline-block;
     height: 1em;
     line-height: 1;
     text-align: left;
     vertical-align: -.25em;
     overflow: hidden;
 }
.tent339_speak_head .speak_head_title .loading-dot::before{
    display: block;
    content: '...\A..\A.'; /* 使用 '\A' 实现换行 */
    white-space: pre-wrap;
    animation: dot 1.5s infinite step-start both;
}
@keyframes dot {
    33% {
        transform: translateY(-2em);
    }
}
.tent339_speak_window .speak_head_window {
    width:100%;
    height:420px;
    background:transparent;
    overflow-x:hidden;
    overflow-y:scroll;
    padding:10px;
}
.tent339_speak_window .speak_footer-box {
    width:100%;
    height:70px;
    background:rgb(246,246,246);
    overflow:hidden;
    display:flex;
    flex-direction: row;
    flex-wrap:wrap;
    justify-content: center;
    align-items: flex-start;
}
.speak_footer-box .speak_footer_input_main{
    width:100%;
    height:56px;
    background:transparent;
    display:flex;
    flex-direction: row;
    flex-wrap:nowrap;
    justify-content: center;
    align-items: center;
}
.speak_footer-box .speak_footer_line{
    width:100%;
    height:14px;
    background:transparent;
    display:flex;
    flex-direction: row;
    flex-wrap:nowrap;
    justify-content: center;
    align-items: center;
}
.speak_footer-box .speak_footer_line .footer_lineing{
    display:block;
    width:40%;
    height:3px;
    background:#000;
    border-radius:20%;
}

.tent339_speak_window .speak_head_window::-webkit-scrollbar {
    width: 0; /* 修改宽度 */
}
/* 修改滚动条轨道背景色 */
.tent339_speak_window .speak_head_window::-webkit-scrollbar-track {
    border-radius: 5px;
    background-color: rgba(255,255,255,0);
}

.tent339_speak_window .speak_head_window::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: rgba(255,255,255,0);
}

/* 修改滚动条滑块悬停时的颜色 */
.tent339_speak_window .speak_head_window ::-webkit-scrollbar-thumb:hover {
    background-color: rgba(255,255,255,0);
}
.speak_footer_input_main .wenwen_btn{
    width:35px;
    height:35px;
    border-radius:50%;
    background:transparent;
    overflow:hidden;
    margin-left:5px;
}
.speak_footer_input_main .wenwen_btn img{
    display:block;
    width:100%;
    height:100%;
    object-fit: cover;
}
.speak_footer_input_main .wenwen_text{
    width:145px;
    height:25px;
    background:transparent;
    margin-left:5px;
}
.speak_footer_input_main .wenwen_text .write_box{
    width:100%;
    height:100%;
    background:transparent;
}
.speak_footer_input_main .wenwen_text .write_box .answer-input{
    width:100%;
    height:100%;
    background:#fff;
    padding:0 6px;
    border-radius:2px;
    font-size:13px;
    white-space: pre-wrap;
    overflow-wrap: break-word;
    border:0;
    line-height: 25px;
    resize: none;
    color:#000;
    min-height: 100px; /* 设置最小高度 */
    max-height: 400px; /* 设置最大高度 */
    box-sizing: border-box; /* 防止宽度计算错误 */
    outline: none;
    resize: none; /* 去掉用户可调整大小的手柄 */
    overflow: auto; /* 长文本时显示滚动条 */
}
.speak_footer_input_main .wenwen_text .write_box .answer-input::-webkit-scrollbar {
    width: 0; /* 修改宽度 */
}
/* 修改滚动条轨道背景色 */
.speak_footer_input_main .wenwen_text .write_box .answer-input::-webkit-scrollbar-track {
    border-radius: 5px;
    background-color: rgba(255,255,255,0);
}

.speak_footer_input_main .wenwen_text .write_box .answer-input::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: rgba(255,255,255,0);
}

/* 修改滚动条滑块悬停时的颜色 */
.speak_footer_input_main .wenwen_text .write_box .answer-input::-webkit-scrollbar-thumb:hover {
    background-color: rgba(255,255,255,0);
}
.speak_footer_input_main .wenwen_send{
    width: 45px;
    height: 25px;
    background: transparent;
    margin-left: 20px;
}
.speak_footer_input_main .wenwen_send .wenwen_sendbtn{
    display:block;
    width:100%;
    height:100%;
    line-height:25px;
    text-align: center;
    border:0;
    outline:none;
    border-radius:13vw 13vw 13vw 13vw;
    background-image: linear-gradient(90deg, #f3097f,#ff5f00);
    color:#fff;
    font-size:12px;
    font-weight:200;
    position: relative;
    box-sizing: border-box;
    overflow:hidden;
}

.speak_footer_input_main .wenwen_send .wenwen_sendbtn:active{
    letter-spacing: 0;
    transform: skew(0deg) translateY(3px);
}
.speak_footer_input_main .wenwen_send .wenwen_sendbtn:before {
    content: '';
    display: block;
    position: absolute;
    top: -36px;
    left: -100px;
    background: white;
    width: 50px;
    height: 125px;
    opacity: 20%;
    transform: rotate(-45deg);
}
.speak_footer_input_main .wenwen_send .wenwen_sendbtn:hover:before {
    left: 200%;
    transition: all 1600ms cubic-bezier(0.3, 1, 0.2, 1);
    -webkit-transition: all 1600ms cubic-bezier(0.3, 1, 0.2, 1);
}

.question, .answer {
    margin-bottom: 1rem;
    position:relative;
}

.question {
    text-align: right;
}

.question > div {
    display: inline-block;
}
.question .speekaudiobtn{
    width:20px;
    height:20px;
    position: absolute;
    top:0;
    right:0;
    cursor:pointer;
}
.answer .speekaudiobtn{
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 10px;
    right: 4px;
    cursor:pointer;
    background:transparent;
}

.speak_head_window .speekaudiobtn .speekaudiobtnbox{
    width: 100%;
    height: 100%;
    background:transparent;
}

.speak_head_window .speekaudiobtn .speekaudiobtnbox img{
    display:block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.left {
    float: left;
}

.right {
    float: right;
}

.clear {
    clear: both;
}

.heard_img {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    overflow: hidden;
    background: transparent;
}

.heard_img img {
    display:block;
    width: 100%;
    height: 100%
    object-fit: cover;
    cursor:pointer;
}

.question_text, .answer_text {
    box-sizing: border-box;
    position: relative;
    display: table-cell;
    min-height: 60px;
}

.question_text {
    padding-right: 15px;
}

.answer_text {
    padding-left: 15px;
}

.question_text p, .answer_text p {
    border-radius: 10px;
    padding: 0.5rem;
    margin: 0;
    font-size: 14px;
    line-height: 28px;
    box-sizing: border-box;
    vertical-align: middle;
    display: table-cell;
    word-wrap: break-word;
    cursor:default;
}

.answer_text p {
    background: #fff;
    color:#000;
}

.question_text p {
    background: rgb(149, 236, 106);
    color: rgb(0,37,0);
    text-align: left;
}

.question_text i, .answer_text i {
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    position: absolute;
    top: 25px;
}

.answer_text i {
    border-right: 10px solid #fff;
    left: 7px;
    top: 16px;
}

.question_text i {
    border-left: 10px solid rgb(149, 236, 106);
    right: 6px;
    top: 16px;
}