.rightRightTop[data-v-7581f2dc]{height:40px;display:flex;border-bottom:1px solid #e5e5e5;background:#fff;p{flex:1;text-align:center;line-height:38px;color:#333;font-size:14px;border-bottom:2px solid #fff;cursor:pointer;&.active,&:hover{color:#e82434;border-bottom:2px solid #e82434}}}.rightRightBottom[data-v-7581f2dc]{position:relative;height:840px;overflow-y:auto;background:#f5f5f5;.vedio{padding:10px;background:#fff;overflow:hidden;margin:10px auto;border-radius:4px;.agora-container{margin:auto;.control-panel{display:flex;justify-content:center;grid-gap:10px;gap:10px;font-size:9px;button{padding:8px 16px;background:#161f26;color:#fff;border:none;border-radius:4px;cursor:pointer}button:hover{background:#6dbff5}}.video-wrapper{display:flex;flex-direction:column;grid-gap:20px;gap:20px;margin-bottom:20px;.video-item{background:#000}.video-item,.whiteboard-item{height:280px;border-radius:8px;overflow:hidden}.whiteboard-item{background:#f8e4e4}}}}}.talk{position:absolute;top:0;left:0;background:#c4c7cc;align-items:center;justify-content:center}.talk,.talk .yh-screen-1200{width:100%;height:100%;display:flex}.talk .yh-screen-1200{background:#fff;border-radius:8px;overflow:hidden;position:relative}.talk .messageorfriend{width:64px;background:#444;text-align:center;position:relative}.talk .messageorfriend a{display:inline-block;border-radius:100%;overflow:hidden;width:32px;height:32px;background:#fff;margin-top:15px}.talk .messageorfriend i{display:block;font-size:30px;margin-top:20px;color:#ccc;position:relative}.talk .messageorfriend i.active{color:#fcfcfc}.talk .messageorfriend i label{display:inline-block;width:15px;height:15px;background:#e82434;color:#fff;font-size:12px;text-align:center;line-height:15px;border-radius:100%;position:absolute;top:0;right:12px}.talk .messageorfriend i.icon-tianjia{position:absolute;bottom:10px;width:100%;font-size:26px}.talk .userList{width:280px;background:#ece9e8}.talk .userList .search{width:252px;height:30px;border-radius:15px;background:#e3e3e3;margin:15px auto;display:flex}.talk .userList .search i{width:30px;height:30px;text-align:center;line-height:30px;color:#999;font-size:24px}.talk .userList .search input{flex:1;height:30px;background:none;font-size:14px}.talk .userList .search input::-moz-placeholder{color:#999}.talk .userList .search input:-ms-input-placeholder{color:#999}.talk .userList .search input::placeholder{color:#999}.talk .userList .messageList{height:680px;overflow-y:auto}.talk .userList .messageList::-webkit-scrollbar{display:none}.talk .userList .list{display:block;height:40px;width:252px;cursor:pointer;padding:15px 14px;position:relative}.talk .userList .list .avatar{width:40px;height:40px;position:relative;float:left}.talk .userList .list .avatar .yh-background-cover{width:40px;height:40px;border-radius:100%}.talk .userList .list .avatar i{background:#e82434;color:#fff;height:15px;min-width:15px;border-radius:100%;position:absolute;top:-5px;right:-5px;line-height:15px;text-align:center;font-style:normal;font-size:12px;border:1px solid #f5f5f5}.talk .userList .list .info{width:202px;height:40px;float:left;line-height:20px;margin:0 0 0 10px}.talk .userList .list .info .one{width:125px;float:left;font-size:18px;color:#333}.talk .userList .list .info .two{width:70px;margin-left:7px;font-size:12px;color:#333;text-align:right;float:left}.talk .userList .list .info .message{width:202px;float:left;color:#999;font-size:14px;line-height:30px}.talk .userList .list .info .yh-background-center{width:80px;height:80px}.talk .userList .list .icon-gengduo3{width:40px;height:70px;text-align:center;line-height:40px;position:absolute;top:15px;right:0}.talk .userList .list .icon-gengduo3:hover .operate{display:block}.talk .userList .list .operate{width:138px;height:80px;background:#fff;border:1px solid #e5e5e5;box-shadow:0 4px 12px 0 rgba(0,0,0,.1);position:absolute;top:40px;left:0;z-index:1000;display:none}.talk .userList .list .operate .one{width:120px;padding-left:18px;font-size:14px;color:#666;line-height:40px;position:relative;text-align:left}.talk .userList .list .operate .one .two{position:absolute;right:-138px;top:-1px;background:#fff;width:138px;border:1px solid #e5e5e5;box-shadow:0 4px 12px 0 rgba(0,0,0,.1);overflow:hidden;display:none}.talk .userList .list .operate .one .two p{width:120px;padding-left:18px}.talk .userList .list .operate .one .two p:hover{color:#e82434}.talk .userList .list .operate .one:hover .two{display:block}.talk .userList .list.nuxt-link-exact-active,.talk .userList .list:hover{background:#d9d8d8}.talk .userList .part .partOne{height:40px;line-height:40px;font-size:16px;color:#333;cursor:pointer}.talk .userList .part .partOne.active{background:#f0f2f5}.talk .userList .part .partOne.active i{transform:rotate(90deg);transform:-webkit-rotate(90deg);transform:-moz-rotate(90deg);transform:-ms-rotate(90deg);transform:-o-rotate(90deg)}.talk .userList .part .partOne.active i.icon-tianjia{transform:rotate(0);transform:-webkit-rotate(0);transform:-moz-rotate(0);transform:-ms-rotate(0);transform:-o-rotate(0)}.talk .userList .part .partOne:hover{background:#f0f2f5}.talk .userList .part .partOne i{display:inline-block;vertical-align:middle;margin:0 10px 0 20px;color:#afb0b3;float:left;font-size:14px}.talk .userList .part .partOne i.icon-tianjia{font-size:20px;margin-right:8px;color:#333}.talk .talkList{width:100%;overflow:hidden;margin-bottom:10px}.talk .talkList .img{width:44px;height:44px;border-radius:100%;float:left;margin:0 20px}.talk .talkList .info{float:left}.talk .talkList .styleTime{height:20px;width:100%}.talk .talkList .styleTime span{display:none;margin:0 0 0 86px}.talk .talkList .styleText{line-height:20px;word-break:break-all;background:#fff;border-radius:8px;line-height:30px;color:#333;font-size:16px;padding:7px;max-width:202px;white-space:pre-wrap;border-radius:6px 6px 6px 0}.talk .talkList .styleImg{width:100px;height:100px}.talk .talkList .styleVideo{width:220px;height:140px;position:relative;border-radius:8px;overflow:hidden;background:#000}.talk .talkList .styleVideo video{width:220px;height:140px}.talk .talkList .styleVideo i{position:absolute;top:50px;left:90px;width:40px;height:40px;color:#fff;line-height:40px;text-align:center;font-size:30px;z-index:10000}.talk .talkList .styleFile{width:230px;height:80px;display:block;text-align:left;padding:10px;border-radius:8px;background:#f5f5f5}.talk .talkList .styleFile label{width:188px;height:42px;float:left;line-height:21px}.talk .talkList .styleFile span{display:block;width:150px}.talk .talkList .styleFile .icon-sucaiku{width:42px;height:42px;float:right;background:#4b7fbe;line-height:42px;text-align:center;font-size:20px;color:#fff}.talk .talkList .styleFile p{float:left;display:block;width:100%;text-align:left;padding:0;color:#ccc;border-top:1px solid #fff;line-height:30px;margin-top:10px}.talk .talkList .styleGoods{width:296px;height:128px;padding:0 10px 10px;border:1px solid #e5e5e5;background:#fff;border-radius:4px;overflow:hidden;display:block}.talk .talkList .styleGoods .title{color:#333;font-size:14px;line-height:34px;float:left;width:100%}.talk .talkList .styleGoods .yh-background-cover{width:96px;height:96px;float:left;margin-right:10px}.talk .talkList .styleGoods .goodsInfo{width:190px;float:left}.talk .talkList .styleGoods .p1{line-height:17px;color:#333;font-size:16px;padding:4px 0 9px}.talk .talkList .styleGoods .p2{color:grey;font-size:14px;line-height:15px;padding-bottom:8px}.talk .talkList .styleGoods .p2 label{margin-left:20px}.talk .talkList .styleGoods .p3{color:#e82434;font-weight:700;font-size:12px}.talk .talkList .styleGoods .p3 span{font-size:14px}.talk .talkList .styleGoods .p3 label{float:right;color:grey;font-size:14px;font-weight:400}.talk .talkList .styleSendGoods{width:358px;height:94px;padding:10px;border:1px solid #e5e5e5;margin:0 auto;border-radius:4px;background:#fff}.talk .talkList .styleSendGoods .yh-background-cover{width:96px;height:96px;float:left;margin-right:10px}.talk .talkList .styleSendGoods .p1{line-height:17px;color:#333;font-size:16px;padding:4px 0 9px}.talk .talkList .styleSendGoods .p2{color:grey;font-size:14px;line-height:15px;padding-bottom:8px}.talk .talkList .styleSendGoods .p2 label{margin-left:20px}.talk .talkList .styleSendGoods .p3{color:#e82434;font-weight:700;font-size:12px}.talk .talkList .styleSendGoods .p3 span{font-size:14px}.talk .talkList .styleSendGoods .p3 label{float:right;width:80px;line-height:28px;color:#fff;font-size:14px;text-align:center;background:#e82434;border-radius:14px;margin-top:-10px;font-weight:400}.talk .talkList .styleMobile{width:250px;height:100px;background:#fff;border-radius:6px;overflow:hidden;margin-left:173px}.talk .talkList .styleMobile img{width:35px;height:35px;border-radius:4px;float:left;margin:16px 10px 16px 16px}.talk .talkList .styleMobile p{width:173px;height:35px;float:left;line-height:35px;margin-top:16px}.talk .talkList .styleMobile div{display:flex;border-top:1px solid #e5e5e5;padding:10px 0;float:left;width:100%}.talk .talkList .styleMobile a{flex:1;line-height:15px;text-align:center;color:#545454;font-size:12px}.talk .talkList .styleMobile a:nth-of-type(2){border-left:1px solid #e5e5e5}.talk .talkList .styleWechat{width:250px;height:100px;background:#fff;border-radius:8px;margin-left:173px}.talk .talkList .styleWechat img{width:35px;height:35px;border-radius:4px;float:left;margin:16px 10px 16px 16px}.talk .talkList .styleWechat p{width:173px;height:35px;float:left;line-height:35px;margin-top:16px}.talk .talkList .styleWechat div{width:100%;height:35px;float:left;line-height:35px;border-top:1px solid #e5e5e5;text-align:center;color:#65c0bb}.talk .talkList:hover .styleTime span{display:inline-block}.talk .talkList.active .img{float:right}.talk .talkList.active .styleText{background:#39c0f9;color:#fff;border-radius:6px 6px 0 6px}.talk .talkList.active .styleTime{text-align:right}.talk .talkList.active .styleTime span{margin:0 86px 0 0}.talk .talkList.active .styleFile{background:#39c0f9}.talk .talkList.active .info{display:inline-block;float:right}.talk .talkList.active .styleMobile,.talk .talkList.active .styleWechat{margin-right:173px}.talk .right-info{flex:1}.talk .right-info-top{width:100%;height:59px;border-bottom:1px solid #e5e5e5;line-height:59px;font-size:18px;color:#333;padding:0 20px 0 30px;background:#f5f5f5}.talk .right-info-top i{float:right;color:#999;font-size:24px}.talk .right-info-bottom{display:flex;height:880px;background:green}.talk .item-three{flex:1;overflow:hidden;background:#f5f5f5}.talk .item-three .messageTop{display:flex;height:660px;border-bottom:1px solid #e5e5e5;transform:rotate(180deg);transform:-webkit-rotate(180deg);transform:-moz-rotate(180deg);transform:-ms-rotate(180deg);transform:-o-rotate(180deg);background:#f5f5f5;align-items:flex-start;overflow-y:auto}.talk .item-three .messageTop::-webkit-scrollbar{display:none}.talk .item-three .messageBox{width:100%;transform:rotate(180deg);transform:-webkit-rotate(180deg);transform:-moz-rotate(180deg);transform:-ms-rotate(180deg);transform:-o-rotate(180deg)}.talk .item-three .messageBottom{position:relative;width:100%;height:220px;background:#fff}.talk .item-three .messageBottom .bottom1{width:100%;padding:0 20px;line-height:40px;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.talk .item-three .messageBottom .bottom1 i{font-size:30px;color:#999;margin-right:5px;display:inline-block;width:40px;height:40px;text-align:center;line-height:44px;cursor:pointer;position:relative}.talk .item-three .messageBottom .bottom1 i.icon-jilu{float:right;margin-right:50}.talk .item-three .messageBottom .bottom1 i input{position:absolute;top:0;left:0;width:40px;height:40px;opacity:0;cursor:pointer}.talk .item-three .messageBottom .bottom2{position:relative;width:556px;padding:0 20px;line-height:20px;color:#666;letter-spacing:1px;font-size:14px;height:128px}.talk .item-three .messageBottom .bottom3{height:32px;line-height:32px;padding:8px 20px;font-size:14px;color:#999;align:right}.talk .item-three .messageBottom .bottom3 label{display:inline-block;width:80px;border-radius:4px;font-size:16px;color:#fff;background:#e82434;float:right;text-align:center;cursor:pointer;position:relative}.talk .item-three .messageBottom .bottom3 p{position:absolute;bottom:40px;right:0;background:#fff;border:1px solid #bdbdbd;color:#242424;line-height:30px;padding:0 10px;border-radius:4px;display:inline-block;white-space:nowrap;font-size:12px;transform:scale(0);transform:-webkit-scale(0);transform:-moz-scale(0);transform:-ms-scale(0);transform:-o-scale(0)}.talk .item-three .messageBottom .bottom3 p:after{content:"";width:6px;height:6px;position:absolute;bottom:-4px;right:34px;border:1px solid #bdbdbd;border-top:none;border-left:none;background:#fff;transform:rotate(45deg);transform:-webkit-rotate(45deg);transform:-moz-rotate(45deg);transform:-ms-rotate(45deg);transform:-o-rotate(45deg)}.talk .item-three .messageBottom .bottom3 p.active{transform:scale(1);transform:-webkit-scale(1);transform:-moz-scale(1);transform:-ms-scale(1);transform:-o-scale(1);transition:all .2s linear;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear}.talk .item-three .messageBottom .showDialog{width:430px;height:250px;background:#fff;position:absolute;bottom:45px;left:0;padding:20px;border:1px solid #dadada;text-align:left}.talk .item-three .messageBottom .showDialog span{display:inline-block;width:33px;height:33px;line-height:33px;text-align:center;font-size:20px}.talk .item-three .blankUser{width:200px;height:200px;margin:240px auto;display:block}.talk .item-four{position:relative;width:300px;border-left:1px solid #e5e5e5;background:#f5f5f5}.talk .el-select{width:100%}.talk .loadingMessage{text-align:center;height:0;line-height:0;overflow:hidden;transition:all .2s linear}.talk .loadingMessage.active{height:40px;line-height:40px;transition:all .2s linear}.talk .splitter{background:#e0e0e0;position:relative}.talk .splitter:hover{background:#bdbdbd}.talk .snapshotDialog{width:350px;margin:0 auto}.talk .snapshotDialog .top{overflow:hidden;display:flex;justify-content:center}.talk .snapshotDialog .list{width:88px;float:left;margin:0 40px;text-align:center}.talk .snapshotDialog .list p{font-size:12px;color:#666;padding:15px 0 30px}.talk .snapshotDialog label{display:inline-block;width:20px;height:20px;background:#6edc98;color:#fff;border-radius:100%;line-height:20px;margin-bottom:15px}.talk .snapshotDialog i{display:block;width:84px;height:84px;border:2px solid #4ea2ff;text-align:center;line-height:84px;font-size:46px;color:#4ea2ff;position:relative}.talk .snapshotDialog input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}.talk .snapshotDialog .pic{border-top:1px solid #ccc;font-size:12px;color:#999;text-align:center;padding:30px 0 60px}.previewImage .el-carousel,.previewImage .el-carousel__container,.previewImage .el-carousel__item{height:540px}.previewImage .yh-background-center,.previewImage video{width:710px;height:540px}