html,body{padding:0; margin:0;width:100%;height:100%;font-family:'\5FAE\8F6F\96C5\9ED1','microsoft yahei',"宋体",Arial,sans-serif;}
input,button{border:none;} 
input:focus,button:focus{outline:none; outline-offset:0;}
a{text-decoration:none; color:inherit;}

*{outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}

/* 修改滚动条轨道的样式 */
::-webkit-scrollbar {
width:5px;height:5px;
}

/* 修改滚动条滑块的样式 */
::-webkit-scrollbar-thumb {
background-color:rgba(0,0,0,0.2);
border-radius:10px;
}

/* 修改滚动条轨道的背景色 */
::-webkit-scrollbar-track {
background-color:rgba(0,0,0,0.2);
}

/* 修改滚动条轨道的样式 */
::-ms-scrollbar {
width:5px;height:5px;
}

/* 修改滚动条滑块的样式 */
::-ms-scrollbar-thumb {
background-color:#333;
border-radius:10px;
}


/* 登录页 */
.loginView{position:fixed;z-index:2;top:0px;left:0px;width:100%;height:100%;}
.loginViewTop{margin:0px;padding:0px;width:100%;height:auto;line-height:30px;text-align:center;font-size:25px;font-weight:bold;color:white;}

.loginViewContent{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:auto;height:auto;text-align:center;}
.loginForm{margin:0 auto 0 auto;padding:10px;width:250px;height:auto;background:rgba(255,255,255,0.3);border-radius:10px;box-shadow:0 10px 10px rgba(0, 0, 0, 0.5);font-size:14px;}
.loginItem{display:flex;margin:15px 0 15px 0;width:100%;height:40px;border:1px solid white;border-radius:10px;}
.loginItem1{margin:5px;width:30px;height:30px;border-radius:10px;background:rgba(255,255,255,0.8);font-weight:bold;}
.loginItem2{flex:1;height:40px;line-height:40px;margin:0px;padding:0 10px 0 10px;color:black;border-radius:0 9px 9px 0;box-sizing:border-box;background:none;color:white;}
.loginItem3{width:80px;height:40px;border-radius:10px 0 0 10px;}
.loginItem4{width:calc(100% - 80px);height:40px;line-height:40px;margin:0px;padding:0 10px 0 10px;color:black;border-radius:0 10px 10px 0;box-sizing:border-box;background:none;color:white;font-weight:bold;}
.loginButton{margin:20px 0 20px 0;width:100px;height:35px;line-height:35px;border-radius:5px;background:royalblue;font-size:15px;color:white;cursor:pointer;}
.loginButton:hover{border:2px solid black;background:black;color:white;box-sizing:border-box;}
.loginInput::placeholder{color:white;font-weight:bold;}

.formItem{height:50px;background-color:#e5e8ea; display:-webkit-box; display:-ms-flexbox; display:flex; border:1px solid #ccc; border-radius:5px; -webkit-box-sizing:border-box; box-sizing:border-box;}
.loginInput::placeholder{color:#999;}
.loginInput:focus{border:1px solid #66afe9; -webkit-box-shadow:0 0 8px #66afe999; box-shadow:0 0 8px #66afe999; border-radius:0 5px 5px 0;}

/*主页面*/






.container{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;border-radius:0px 0px 10px 0px;}
.head_pc{width:100%;height:60px;text-align:center;}
.main{width:100%;height:calc(100% - 60px);overflow:hidden;}
.main-left_pc{float:left;width:150px;height:100%;overflow-x:hidden;overflow-y:auto;}
.main-right_pc{float:left;width:calc(100% - 150px);height:100%;overflow:hidden;background:white;}

.menuItem{width:100%;height:40px;line-height:40px;text-align:center;font-size:14px;color:white;cursor:pointer;}
.menuItem:hover{color:white;background:rgba(255,255,255,0.4);}


.menuItem_mb{width:100%;height:40px;line-height:40px;text-align:center;font-size:14px;color:white;border-top:1px dashed black;box-sizing:border-box;}
.menuItem_mb:hover{color:white;background:rgba(255,255,255,0.4);}

.containerIcon_mb{position:absolute;top:5px;left:10px;width:30px;height:30px;border-radius:10px;}
.containerT_mb{position:absolute;top:5px;left:45px;width:auto;height:30px;line-height:30px;font-size:13px;color:white;}
.containerTitle_mb{position:absolute;top:0px;left:0px;text-align:center;width:100%;height:40px;line-height:40px;font-size:15px;font-weight:bold;color:white;}
.containerAvatar_mb{position:absolute;top:5px;right:65px;width:auto;height:30px;line-height:30px;}
.containerMenu_mb{position:absolute;top:10px;right:10px;padding:0 5px 0 5px;width:30px;height:20px;line-height:20px;font-size:11px;color:white;border:1px solid #e4e4e4;border-radius:5px;color:white;overflow:hidden;text-align:center;}

.containerMenu_mb1{position:absolute;top:10px;right:60px;padding:0 5px 0 5px;width:30px;height:20px;line-height:20px;font-size:11px;color:white;border:1px solid #e4e4e4;border-radius:5px;color:white;overflow:hidden;}

.containerMenu_mb2{position:absolute;top:10px;right:110px;padding:0 5px 0 5px;width:30px;height:20px;line-height:20px;font-size:11px;color:white;border:1px solid #e4e4e4;border-radius:5px;color:white;overflow:hidden;}

.containerMenu_mb3{position:absolute;top:10px;right:160px;padding:0 5px 0 5px;width:30px;height:20px;line-height:20px;font-size:11px;color:white;border:1px solid #e4e4e4;border-radius:5px;color:white;overflow:hidden;}
.button1View{display:none;position:fixed;z-index:3;top:15%;left:15px;right:15px;height:auto;border:1px solid #ccc;border-radius:10px;background:white;text-align:center;}
.closeButton1View{position:absolute;top:5px;right:5px;height:25px;line-height:25px;width:25px;border:1px solid red;text-align:center;font-size:20px;color:red;border-radius:50%;}

.head_mb{width:100%;height:40px;}
.menu_mb{display:none;position:absolute;z-index:1;top:40px;left:0px;width:30%;height:auto;border-radius:0px 0px 10px 0px;}
.main-right_mb{width:100%;height:calc(100% - 40px);border:none;background:white;}

.fileManageView_mb{display:none;position:fixed;z-index:2;top:0px;left:0px;width:100%;height:100%;background:#f4f4f4;}
.uploadFileView_mb{display:none;position:absolute;z-index:3;top:100px;left:10%;right:10%;width:auto;height:auto;background:white;border:1px solid grey;border-radius:10px;box-shadow:5px 5px 10px 0 rgba(0, 0, 0, 0.6);}
.userListItem{margin:0px 0 10px 0;padding:5px;height:50px;line-height:50px;overflow:hidden;border:1px solid #ccc;background:#f7f7f7;border-radius:10px;cursor:pointer;}
.userListItem1{position:relative;float:left;width:60px;height:50px;text-align:center;}
.userListItem1P{width:50px;height:50px;border-radius:5px;}
.userListItem1T{position:absolute;top:0px;left:0px;padding:2px 5px 2px 5px;font-size:12px;background:red;border-radius:5px;height:15px;line-height:15px;color:white;}
.userListItem2{float:left;width:calc(100% - 140px);height:50px;overflow:hidden;}
.userListItem2_k1{position:absolute;bottom:-5px;left:0px;right:0px;height:15px;line-height:15px;font-size:10px;font-weight:bold;text-align:center;background:white;border-radius:3px;}
.userListItem2_k2{margin:0 5px 0 5px;height:30px;line-height:30px;font-size:15px;color:black;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-weight:bold;}
.userListItem2_k3{margin:0 5px 0 5px;height:20px;line-height:20px;font-size:13px;color:grey;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.userListItem3{float:left;width:80px;height:50px;line-height:25px;font-size:8px;color:grey;overflow:hidden;text-align:right;}
.userListItem:hover{background:#e5e5e5;}


/* 用户列表 */
.userList-box{width:100%;height:calc(100% - 71px);overflow-y:auto;background:white;}
.user-box{padding:10px 10px 0;}
.user-box a{text-decoration:none; color:inherit;}
.user-list{height:46px; background-color:#f2f2f2; padding:5px; display:-webkit-box; display:-ms-flexbox; display:flex; margin-bottom:10px; border-radius:5px;cursor:pointer;}
.user-list img{width:46px;}
.user-list .user{margin-left:6px; padding-top:3px; -webkit-box-flex:1; -ms-flex:1; flex:1; width:0;}
.user-list .user .name{height:23px; line-height:23px; font-size:14px;font-weight:bold; color:#333;}
.user-list .user .name .ison{margin-left:6px; font-size:11px; color:#860808; vertical-align:1px;}
.user-list .user .last-msg{height:20px; line-height:20px; color:#808080; padding-left:2px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-size:13px;overflow:hidden;}
.user-list .data{width:82px; text-align:right;}
.user-list .data .time{height:27px; line-height:27px;font-size:11px; color:grey;}
.num{position:absolute;top:0px;left:0px;width:auto; height:15px;padding:2px 5px 2px 5px; border-radius:10px; background:red; color:white; text-align:center; line-height:15px;font-size:10px;}
.userListView{width:100%;height:100%;background:white;}    
.userListView_pc{float:left;width:380px;height:100%;overflow:hidden;border-right:1px solid #ccc; /*box-shadow:2px 0 2px 0 rgba(0, 0, 0, 0.4);*/box-sizing:border-box;background:white;}
.userListView_mb{width:100%;height:100%;overflow:auto;}
/*
.chatView_pc{display:none;position:relative;float:left;min-width:250px;width:calc(100% - 780px);height:100%;overflow:hidden;background:white;border-left:1px solid #e4e4e4;border-right:1px solid #e4e4e4;box-sizing:border-box;}
.chatView_mb{display:none;position:fixed;z-index:1;top:0px;left:0px;width:100%;height:100%;background:white;}*/
.chatView_pc{display:none;position:relative;float:left;min-width:380px;width:calc(100% - 780px);height:100%;overflow:hidden;background:white;border-right:1px solid #ccc;box-sizing:border-box;}
.chatView_mb{display:none;position:fixed;z-index:3;top:0px;left:0px;width:100%;height:100%;background:white;}

.userListViewTop{width:100%;height:30px;line-height:30px;text-align:center;font-size:14px;font-weight:bold;border-bottom:1px solid #e4e4e4;box-sizing:border-box;}
.closeChatViewButton{position:absolute;top:0px;left:0px;width:40px;height:40px;line-height:40px;text-align:center;font-size:16px;font-weight:bold;color:red;}



/* 表格列表项 */
.tableView {  
width:100%; /* 表格宽度等于视口宽度 */  
border-collapse:collapse; /* 合并边框 */  
table-layout:auto; /* 默认为auto，表示列宽由单元格内容决定 */  
margin:0; /* 移除可能的默认外边距 */  
padding:0; /* 移除可能的默认内边距 */  
font-size:13px;
}  

.tableView td {  
border:1px solid black; /* 添加边框以便查看单元格边界 */  
padding:5px; /* 单元格内边距 */ 
word-break:break-all;
overflow-wrap:break-word;
word-wrap:break-word; /* 长文本或单词在必要时换行 */  
vertical-align:top; /* 垂直对齐方式 */  
text-align:center;
}

.messageTop{width:100%;height:35px;line-height:35px;text-align:center;font-size:15px;font-weight:bold;}
.messageContent{margin:0 10px 0 10px;height:calc(100% - 70px);overflow-x:hidden;overflow-y:auto;border-radius:5px;}


.tableTop{background:grey;font-size:14px;font-weight:bold;color:white;}
.tableContent{background:white;}
.tableContent:hover{background:#e4e4e4;}

.pageView{width:100%;height:35px;overflow:hidden;text-align:center;}

.confirmDeleteView{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;background:white;border:1px solid black;border-radius:10px;padding:5px;text-align:center;font-size:14px;box-shadow:10px 10px 5px black }
.confirmDeleteTop{width:100%;height:auto;padding:10px 0 10px 0;font-size:15px;font-weight:bold;}
.confirmDeleteButton{float:left;margin:10px 10% 10px 10%;width:30%;height:35px;line-height:35px;border-radius:5px;background:black;color:white;}
.closeDeleteViewButton{float:left;margin:10px 10% 10px 10%;width:30%;height:35px;line-height:35px;border-radius:5px;background:#f4f4f4;color:black;box-sizing:border-box;border:1px solid black;}
.confirmDeleteButton:hover{background:rgba(0,0,0,0.6);}
.closeDeleteViewButton:hover{background:rgba(0,0,0,0.6);color:white;}

.aTableView{width:100%;height:100%;background:#f8f8f8;text-align:center;}


/*聊天*/
.content{width:100%;height:100%;overflow:hidden;}
.contentTop{width:100%;height:40px;line-height:40px;text-align:center;font-size:18px;font-weight:bold;background:white;border-bottom:1px solid #e4e4e4;box-sizing:border-box;}
.contentMiddle{width:100%;height:calc(100% - 120px);padding-bottom:30px;overflow-x:hidden;overflow-y:auto;background:#ededed;}
.contentBottom{position:relative;width:100%;height:50px;overflow:hidden;background:#e2e2e2;font-size:15px;color:grey;border-top:1px solid #ccc;box-sizing:border-box;background:white;}

.textContent{width:calc(100% - 80px);margin:5px 0 5px 10px;height:40px;padding:10px;resize:none;font-size:14px;line-height:15px;border:1px solid #ccc;border-radius:10px;background:white;box-sizing:border-box;}
.textContent:hover{box-sizing:border-box;box-shadow:0 0 5px 1px #6000ff;}


.sendTextButton{position:absolute;z-index:2px;top:5px;right:10px;width:50px;height:40px;line-height:40px;text-align:center;border-radius:10px;background:#6000ff;color:white;cursor:pointer;box-sizing:border-box;font-size:14px;font-weight:bold;}
.sendPictureButton{position:absolute;z-index:2px;top:5px;right:70px;width:50px;height:40px;border-radius:10px;box-sizing:border-box;overflow:hidden;cursor:pointer;}
.sendPicture{display:none;position:absolute;z-index:2px;top:0px;left:0px;width:0;height:0;border:1px solid #ccc;border-radius:10px;box-sizing:border-box;overflow:hidden;opacity:0;overflow:hidden;}

.textContent:focus{border:1px solid #6000ff;box-sizing:border-box;transform:0.5s ease;}
.sendTextButton:hover{background:rgba(0,0,0,0.8);}


.messageStyle{margin:10px;height:auto;overflow:hidden;}
.messageStyleLeft1{float:left;width:40px;}
.messageStyleLeft1P{width:40px;height:40px;border-radius:10px;}
.messageStyleLeft2{position:relative;float:left;margin:3px 0 0 15px;min-width:20px;max-width:calc(100% - 60px);}
.messageStyleLeft2T{padding:10px;background:white;border-radius:5px;text-overflow:ellipsis;white-space:pre-wrap;word-break:break-all;overflow-wrap:break-word;min-height:20px;}

.messageStyleRight1{float:right;width:40px;}
.messageStyleRight1P{width:40px;height:40px;border-radius:10px;}
.messageStyleRight2{position:relative;float:right;margin:3px 15px 0 0;min-width:20px;max-width:calc(100% - 60px);text-align:left;}
.messageStyleRight2T{padding:10px;background:#00ffc0;border-radius:5px;text-overflow:ellipsis;white-space:pre-wrap;word-break:break-all;overflow-wrap:break-word;min-height:20px;}

.contentTop_k1{width:100%;height:20px;line-height:20px;font-size:15px;font-weight:bold;}
.contentTop_k2{width:100%;height:20px;line-height:20px;font-size:11px;font-weight:normal;}
.menuView{display:none;position:fixed;z-index:2;top:40px;right:0px;width:auto;height:auto;padding:5px;border-left:1px solid #ccc;border-bottom:1px solid #ccc;text-align:center;border-radius:0 0 0 5px;background:white;}
.menuView_k1{padding:5px;height:35px;line-height:35px;font-size:14px;}
.menuView_k1_bb{border-bottom:1px solid #ccc;}
.menuViewButton{position:fixed;z-index:2;top:5px;right:5px;width:25px;height:25px;}
.menuView_k1:hover{background:rgba(0,0,0,0.5);color:white;}

.rightArrow {  
  width:0;  
  height:0;  
  border-top:10px solid transparent;  
  border-bottom:10px solid transparent; 
  border-left:12px solid #00ffc0;
  position:absolute;  
  top:10px; 
  right:-10px;
}
.leftArrow {  
  width:0;  
  height:0;  
  border-top:10px solid transparent;  
  border-bottom:10px solid transparent;
  border-right:12px solid white;
  position:absolute;  
  top:10px; 
  left:-10px;
}

/*修改账号*/
.manager{margin:15% auto;width:300px;height:auto;border:1px solid black;border-radius:10px;box-shadow:10px 10px 0 0 black;background:white;text-align:center;}
.manager_k1{width:100%;height:40px;line-height:40px;font-size:15px;font-weight:bold;}
.manager_k2{width:100%;height:70px;}
.manager_k2P{margin-top:10px;height:50px;height:50px;border-radius:50%;}
.manager_k3{margin:10px;}
.manager_k3I{height:30px;padding:0 5px 0 5px;border-radius:10px;border:1px solid black;border-radius:5px;}
.manager_k4{padding:10px 15px;height:auto;line-height:15px;text-align:center;font-size:14px;font-weight:bold;color:red;}
.manager_k5{margin:20px 30% 20px 30%;height:30px;line-height:30px;background:royalblue;border-radius:10px;color:white;font-size:14px;font-weight:bold;cursor:pointer;}
.manager_k5:hover{background:black;color:white;}


.noUserView{width:100%;height:30px;line-height:30px;text-align:center;font-size:14px;color:grey;}


/*快捷回复*/
.quickRespondView_pc{display:none;position:fixed;z-index:3;top:0px;right:0px;width:400px;height:100%;background:white;overflow:hidden;border-left:1px solid #f1f1f1;box-sizing:border-box;}
.quickRespondView_mb{display:none;position:fixed;z-index:3;top:0px;right:0px;width:100%;height:100%;background:white;overflow:hidden;box-sizing:border-box;}
.quickRespondViewUploadButton{position:absolute;top:5px;right:5px;width:20px;height:20px;overflow:hidden;}
.quickRespondContent{position:relative;margin:10px;border:1px solid #ccc;border-radius:10px;overflow:hidden;background:white;box-shadow: 10px 10px 10px 0 rgba(0, 0, 0, 0.2);cursor:pointer;}
.quickRespondContent:hover{border:1px solid black;box-sizing:border-box;}
.quickRespondContentLeft{float:left;width:30px;margin:20px 0 20px 0;line-height:15px;text-align:center;font-size:14px;}
.quickRespondContentRight{float:left;width:calc(100% - 30px);border-left:1px solid #f4f4f4;box-sizing:border-box;}
.quickRespondContentRightCt{margin:5px 5px 0 5px;padding:5px;height:auto;line-height:20px;text-align:left;border:1px solid f4f4f4;border-radius:1px solid #ccc;font-size:13px;border-radius:5px;background:rgba(100,180,200,0.5);white-space:pre-wrap;word-break:break-all;}
.quickRespondContentRightTime{width:100%;height:15px;line-height:15px;text-align:center;font-size:11px;}

.respondSelectView{display:none;position:absolute;z-index:2;top:0px;left:0px;width:100%;height:100%;text-align:center;}
.respondSelectViewContent{position:absolute;z-index:3;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;padding:10px;height:auto;border:1px solid #ccc;border-radius:10px;background:white;font-size:14px;line-height:40px;}
.respondSelectViewContentSelect{width:100%;height:40px;line-height:40px;text-align:center;font-size:14px;cursor:pointer;}
.respondSelectViewContentSelect:hover{background:#ccc;color:white;}
.borderBttom{border-bottom:1px solid #ccc;}




.fileManageView_pc{display:none;position:fixed;z-index:3;top:0px;right:0px;width:400px;height:100%;background:#f4f4f4;overflow:hidden;border-left:1px solid #ccc;box-sizing:border-box;}
.fileManageViewTop{position:relative;width:100%;height:30px;line-height:30px;text-align:center;border-bottom:1px solid #e4e4e4;background:white;font-size:14px;font-weight:bold;}
.fileManageViewCloseButton{position:absolute;top:5px;left:5px;width:20px;height:20px;cursor:pointer;border-radius:5px;}
.fileManageViewUploadButton{position:absolute;top:5px;right:5px;width:20px;height:20px;overflow:hidden;background:url('../../img/add2.jpg');background-size:100% 100%;cursor:pointer;border-radius:15px;}
.fileContentView_pc{height:calc(100% - 30px);overflow:auto;}
.fileContentView_mb{height:calc(100% - 30px);overflow:auto;}
.fileContentPart1{float:left;width:20%;height:auto;text-align:center;}
.fileContentPart1Picture{margin-top:15px;width:40px;height:40px;border-radius:10px;}
.fileContentPart2{float:left;width:80%;height:auto;font-size:8px;font-size:13px;}
.fileContentPart2Item{height:25px;line-height:25px;font-size:10px;font-weight:bold;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.fileContentPart2Content{width:70%;height:15px;line-height:15px;color:grey;border:1px solid #ccc;border-radius:5px;padding:5px;font-size:11px;}
.fileContentItem2{float:left;width:50%;height:20px;}

.fileContent{position:relative;margin:10px;border:1px solid #ccc;box-sizing:border-box;border-radius:10px;overflow:hidden;background:white;box-shadow: 10px 10px 10px 0 rgba(0, 0, 0, 0.2);}
.fileContent:hover{border:1px solid black;cursor:pointer;}

.fileContentItem{color:grey;font-size:8px;}
.fileContentData{height:20px;overflow:hidden;}

.addQuickRespondButton{position:absolute;top:5px;right:40px;width:20px;height:20px;cursor:pointer;}

.selectView{display:none;position:absolute;z-index:3;top:0px;left:0px;width:100%;background:rgba(0,0,0,0.7);overflow:hidden;text-align:center;padding:10px 0 10px 0;color:white;font-size:14px;box-sizing:border-box;}
.selectViewItem{float:left;width:20%;height:100%;line-height:100px;vertical-align: middle;cursor:pointer;text-overflow:wrap;}
.selectViewItem:hover{background:rgba(0, 0, 0, 0.6);;}
.borderRadius1{border-right:1px solid white;box-sizing:border-box;}
.borderRadius2{border-right:2px solid white;box-sizing:border-box;}

.uploadFileView_pc{display:none;position:absolute;z-index:3;top:100px;right:50px;width:400px;height:auto;background:white;border-radius:10px;box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.2);}
.uploadFileViewTop{width:100%;height:40px;line-height:40px;text-align:center;font-size:15px;font-weight:bold;color:royalblue;}
.uploadFileViewContent{width:100%;height:30px;line-height:30px;overflow:hidden;}
.uploadFileViewContentIt{float:left;width:30%;height:30px;text-align:center;font-size:14px;font-weight:bold;overflow:hidden;}
.uploadFileViewContentCt{float:left;width:70%;height:30px;text-align:left;overflow:hidden;text-overflow:ellipsis;}
.uploadFileViewBottom{margin:10px 0 10px 0;width:100%;height:40px;overflow:hidden;line-height:30px;text-align:center;}
.uploadFile{float:left;margin:5px 10% 5px 10%;width:30%;height:30px;background:royalblue;color:white;text-align:center;border:1px solid white;box-sizing:border-box;border-radius:10px;cursor:pointer;font-size:14px;}
.closeUploadFileView{float:left;margin:5px 10% 5px 10%;width:30%;height:30px;background:white;color:black;text-align:center;border:1px solid #ccc;box-sizing:border-box;border-radius:10px;cursor:pointer;font-size:14px;}

.containerIcon{position:absolute;top:5px;left:50px;width:50px;height:50px;border-radius:10px;}
.containerName{position:absolute;top:20px;left:110px;width:auto;height:30px;line-height:30px;font-size:16px;font-weight:bold;color:white;}
.containerTitle{width:100%;height:60px;line-height:60px;font-size:20px;font-weight:bold;color:white;}
.containerAvatar{position:absolute;top:10px;right:65px;width:auto;height:40px;line-height:40px;}
.containerQuite{position:absolute;top:18px;right:15px;padding:0 5px 0 5px;height:25px;line-height:25px;font-size:15px;color:white;font-weight:bold;cursor:pointer;}
.containerQuite:hover{background:rgba(0,0,0,0.4); border-radius:5px;}

.containerBackground{position:absolute;top:18px;right:200px;padding:0 5px 0 5px;height:25px;line-height:25px;font-size:13px;color:white;font-weight:bold;cursor:pointer;background:rgba(0,0,0,0.4);border-radius:5px;}
.containerBackground:hover{background:rgba(255,255,255,0.4); color:black;}


.changPageViewItem{flex: 0 0 auto; margin:3px 5px auto 5px;padding: 0 15px; display: flex; align-items: center;height:26px;line-height:26px;text-align:center;border:1px solid #ccc;border-radius:10px;cursor:pointer;user-select:none;font-size:15px;font-weight:bold;}
.changPageViewItem:hover{background:rgba(0,0,0,0.7);color:white;}