html,body{margin: 0; padding: 0;width:100%;height:100%;font-family: "Microsoft YaHei","宋体", Arial, "新宋体";border:0;font:inherit;vertical-align:baseline;}
input:focus, textarea:focus{outline: none; outline-offset: 0;}
a,textarea{text-decoration:none; color:inherit;}
*{outline: none; -webkit-tap-highlight-color: rgba(0,0,0,0);}

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

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

/* 修改滚动条轨道的背景色 */
::-webkit-scrollbar-track {
background-color: none;
}

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

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

.content{position:fixed;z-index:0;top:0;left:0;width:100%;height:100%;overflow:hidden;background:white;}

.contentTop_pc{padding:0 5px;height:60px;line-height:60px;text-align:center;font-size:18px;font-weight:bold;background:linear-gradient(to right,#3366ff,purple);color:black;overflow:hidden;}
.contentTop_mb{padding:0 5px;height:50px;line-height:50px;text-align:center;font-size:18px;font-weight:bold;background:linear-gradient(to right,#3366ff,purple);color:black;overflow:hidden;}

.contentTopP_pc{float:left;margin:10px 10px 10px 5px;width:40px;height:40px;border-radius:5px;}
.contentTopP_mb{float:left;margin:5px 5px 5px 0px;width:40px;height:40px;border-radius:5px;}

.contentTopView_pc{float:left;width:calc(100% - 60px);height:60px;text-align:left;color:white;}
.contentTopView_mb{float:left;width:calc(100% - 50px);height:50px;text-align:left;color:white;}

.contentTopView1_pc{width:100%;height:35px;line-height:35px;font-size:15px;font-weight:bold;text-overflow:ellipsis;}
.contentTopView1_mb{width:100%;height:30px;line-height:30px;font-size:15px;font-weight:bold;text-overflow:ellipsis;}

.contentTopView2_pc{width:100%;height:20px;line-height:20px;font-size:13px;text-overflow:ellipsis;}
.contentTopView2_mb{width:100%;height:20px;line-height:20px;font-size:13px;text-overflow:ellipsis;}

.contentView_pc{width:100%;height:calc(100% - 60px);overflow:hidden;}
.contentView_mb{width:100%;height:calc(100% - 50px);overflow:hidden;}

.chatContent_pc{width:100%;height:calc(100% - 130px);padding-bottom:30px;overflow:auto;background:#e7e7e7;}
.chatContent_mb{width:100%;height:calc(100% - 110px);padding-bottom:30px;overflow:auto;background:#e7e7e7;}

.questionView_pc{white-space:nowrap;position:absolute;bottom:100px;left:0px;width:100%;height:30px;background:#f8f8f8;overflow-x:auto;overflow-y:hidden;}
.questionView_mb{white-space:nowrap;position:absolute;bottom:80px;left:0px;width:100%;height:30px;background:#f8f8f8;overflow-x:auto;overflow-y:hidden;}

.contentMiddle2_bt{display:inline-block;white-space:nowrap;margin:5px 5px 0 5px;padding:2px 8px 2px 8px;border:1px solid #e1e1e1;border-radius:10px;line-height:20px;font-size:14px;box-sizing:border-box;cursor:pointer;background:white;overflow:hidden;text-align:center;}
.contentMiddle2_bt_P{float:left;margin-top:0px;width:22px;height:22px;}
.contentMiddle2_bt_T{float:left;margin-left:3px;width:auto;;text-align:center;}

.part1_pc{position:relative;float:left;width:calc(100% - 200px);height:100%;border-right:1px solid #ccc;box-sizing:border-box;}
.part1_mb{width:100%;height:calc(100% - 0px);}

.part2_pc{float:left;width:200px;height:100%;}
.part2_mb{display:none;}
.part2Top{width:100%;height:30px;line-height:30px;text-align:center;border-bottom:1px solid #ccc;box-sizing:border-box;font-size:13px;font-weight:bold;}
.part2Content{padding:10px;height:calc(100% - 200px);overflow:auto;font-size:14px;font-weight:bold;}
.part2Bottom{width:100%;height:150px;border-top:1px solid #ccc;box-sizing:border-box;text-align:center;}
.part2BottomP{margin:10px 0 0 0;width:80px;height:80px;border-radius:5px;}
.part2BottomT{width:100%;height:40px;line-height:40px;font-size:14px;font-weight:bold;}



.sendView_pc{width:100%;height:100px;background:white;}
.sendView_mb{width:100%;height:80px;background:white;}

.textView_pc{width:100%;height:60px;overflow:hidden;text-align:center;}
.textView_mb{width:100%;height:40px;overflow:hidden;text-align:center;}

.textViewContent_pc{padding:5px;width:98%;height:50px;border:none;resize:none;font-size:14px;}
.textViewContent_mb{padding:5px;width:98%;height:30px;border:none;resize:none;font-size:14px;}

.sendBtnView{position:relative;width:100%;height:40px;background:white;}
.sendText{position:absolute;bottom:7px;right:8px;width:30px;height:30px;text-align:center;color:White;font-size:14px;font-weight:bold;overflow:hidden;border-radius:15px;cursor:pointer;background:url(../../img/fswztb.jpg);background-size:100% 100%;}
.sendPicture{position:absolute;bottom:7px;right:50px;width:42px;height:30px;line-height:30px;text-align:center;background:linear-gradient(to right,royalblue,purple);;color:White;font-size:14px;font-weight:bold;overflow:hidden;border-radius:15px;cursor:pointer;}
.sendPictureBtn{position:absolute;bottom:0;right:0;cursor:pointer;}
.sendPicture:hover{background:grey;}	    
			    
/*消息*/
.messageStyle{margin:10px;height:auto;overflow:hidden;/* 初始状态：完全透明 */  opacity: 0;  /* 定义动画 */  animation: fadeIn 0.5s ease-in-out forwards;}

.messageView1_left{float:left;width:40px;height:30px;}
.messageView1_right{float:right;width:40px;height:30px;text-align:right;}

.messageView2_left{float:left;width:calc(100% - 80px);height:auto;overflow:hidden;}
.messageView2_right{float:right;width:calc(100% - 80px);height:auto;overflow:hidden;}

.messageContent_left{padding:10px;max-width:95%;min-height:20px;border-radius:5px 10px 10px 10px;white-space:pre-wrap;word-break:break-all;overflow-wrap:break-word;font-size:14px;background:#F3F4F8;}
.messageContent_right{padding:10px;max-width:95%;min-height:20px;border-radius:10px 5px 10px 10px;white-space:pre-wrap;word-break:break-all;overflow-wrap:break-word;font-size:14px;background:#F3F4F8;}

.messagePicture_left{padding:10px;max-width:80%;min-height:20px;border-radius:5px 10px 10px 10px;background:#F3F4F8;}
.messagePicture_right{padding:10px;max-width:80%;min-height:20px;border-radius:10px 5px 10px 10px;background:#F3F4F8;}


.srk::placeholder{color:#0c99F7;}

.pictureStyle{width:100%;border-radius:5px;}
.fl{float:left;}
.fr{float:right;}

.bg1{background:#6590F8;color:white;}
.bg2{background:red;color:white;}
.bg3{background:purple;color:white;}
.bg4{background:green;color:white;}

/* 定义关键帧动画 */ 
@keyframes fadeIn{
from{ opacity:0; transform:translateY(10px); }
to{ opacity:1; transform:translateY(0); }
}

::-webkit-scrollbar{display:none;}


/*微信框*/
.wechatView{display:none;position:fixed;z-index:4;top:0;left:0;width:100%;height:100%;overflow:hidden;background:rgba(0,0,0,0.5);}
.wechatViewContent{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:15px;width:300px;height:auto;overflow:hidden;border-radius:20px;background:white;text-align:center;}
.wechatViewContentV1{position:absolute;top:10px;right:10px;width:20px;height:20px;cursor:pointer;}
.wechatViewContentV2{margin:15px 0;height:auto;line-height:30px;font-size:18px;font-weight:bold;}
.wechatViewContentV3{width:200px;height:200px;}
.wechatViewContentV4{height:30px;line-height:30px;font-size:15px;color:grey;overflow:auto;}
.wechatViewContentV5{margin:15px auto;width:100px;height:35px;line-height:35px;border-radius:10px;background:#20c060;color:white;font-size:14px;font-weight:bold;color:white;text-align:center;box-shadow:1px 1px 2px 1px rgba(0,0,0,0.1);cursor:pointer;}