body{height: 100%;background: #fff;}
.container{height: 100%;overflow-x: auto;}
.micromessage { margin: 0px 15px 0 0; font-family: "Microsoft Yahei"; font-size: 12px; width: 100%;  background: #eef2fa; height: 100%;min-height: 150px;}
.microchatcontainer{width: 100%;}
.micromessage .myNickName {color: white; font-weight: bold;display: inline-block;}
.micromessage .title { width: 100%; height: 40px; background: #515151; line-height: 40px; color: #FFF; font-size: 13px; text-indent: 5px; }

.micromessage .title .md-close { top: 3px; }

.micromessage .title .return { width: 27px; height: 35px; cursor: pointer; z-index:9;}

.micromessage .title .return img { width: 25px; height: 25px; vertical-align: middle; }
.micromessage .title .text { width: 400px; font-size: 10px; }

.micromessage .content { width: 100%; height: 100%; background: #FFF;overflow-y: auto;overflow-x: hidden;}
/*.micromessage .content::-webkit-scrollbar {display: none;}*/

.micromessage .el-tree { height: 501px; overflow-y:auto;}

.micromessage .el-tree .el-tree-node__label { font-size:12px; }
.micromessage .el-tree .el-tree-node__content { height: 28px; line-height: 28px; }

.contactMenuContainer{font-size: 12px;}
.contactMenuContainer .el-tree { height: 501px; overflow-y:auto;}

.contactMenuContainer .el-tree .el-tree-node__label { font-size:12px; }
.contactMenuContainer .el-tree .el-tree-node__content { height: 28px; line-height: 28px; }

.el-tree-node__expand-icon {margin-left:5px !important;}

/*.micromessge-home-container .content { overflow-y: auto; }*/ 
.micromessage .opt { background: #f8f9fc; width: 100%; height: 50px; }

.micromessage .microChatHomeOpt { background: #f8f9fc; width: 100%; height: 50px;position: absolute;bottom: 0px; }

.el-popover{min-width: 60px !important;}

.micromessage .opt .unchecked { color: #CCC; }

.micromessage .opt img { width: 28px; height: 28px; }
.micromessage .opt .smallImg { width: 24px; height: 24px;margin-top: 4px; }
.el-message-box{width: 200px !important;}
.el-message-box__header {
    padding: 10px 10px 0 !important;
}
.el-message-box__title {
    font-size: 12px !important;
}
.el-message-box__headerbtn {
    top: 9px !important;
    right: 10px !important;
}
.el-message-box__content {
    padding: 15px 10px !important;
    font-size: 12px !important;
}
.el-message-box__btns {
    padding: 5px 5px 5px !important;
}
.el-message-box__btns .el-button{
    padding: 5px 15px !important;
    font-size: 12px;
}
/*.el-message-box__status {
    font-size: 25px !important;
}
.el-message-box__message{margin-left: 30px !important;}*/
.micromessage .opt .bottomButton {width: calc(20% - 1px); margin: 10px 0 0 0; text-align: center; cursor: pointer; }
.micromessage .opt .micro {width: calc(20% - 1px); margin: 10px 0 0 0; text-align: center; cursor: pointer; }

.micromessage .opt .friend {width: calc(20% - 1px); margin: 10px 0 0 0; text-align: center; cursor: pointer; }

.micromessage .opt .addfriend {width: calc(20% - 1px); margin: 10px 0 0 0; text-align: center; cursor: pointer; }

/*.micromessge-home-container2 button{background-color: rgba(255,255,255,0);color:#20a0ff;}

.micromessge-home-container2 button:hover{opacity:0.8;}*/

.micromessge-home-container li { position: relative; cursor: pointer; padding-left: 5px; border-bottom: 1px solid silver; }
.micromessge-home-container .microMessageListContainer .microMessageListUl li { height: 60px;}
.micromessge-home-container .followUpList li { min-height: 50px;}

.micromessge-home-container li.me { background: rgba(81,81,81,1); position: relative; cursor: pointer; height: 50px; line-height: 50px; padding-left: 5px; border-bottom: 1px solid silver; }

.micromessge-home-container li .photoImage { position: absolute; top: 10px; width: 40px; height: 40px; border-radius: 40px; overflow: hidden;}

.micromessge-home-container li.me .photoImage { position: absolute; top: 8px; width: 30px; height: 30px; border-radius: 40px; overflow: hidden; }

.micromessge-home-container li .photoImage.group { position: absolute; top:-7px; width: 40px; height: 40px; border-radius: 0px; overflow: hidden; }

.micromessge-home-container li .photoImage img { width: 40px; height: 40px; }

.micromessge-home-container li.me .photoImage img { width: 30px; height: 30px; }

.micromessge-home-container li .lispan {margin-bottom: -4px; margin-left:35px; font-size: 12px; }

.micromessge-home-container li .friendpath{color: #666; font-size: 12px;width: calc(100% - 55px);height: 17px; display: inline-block;overflow: hidden; white-space: nowrap;margin-left: 45px;margin-top: 5px;}
.micromessge-home-container li .friendpath .l{ display: inline-block;overflow: hidden; white-space: nowrap;float: left;}
.micromessge-home-container li .friendpath .r{ display: inline-block;overflow: hidden; white-space: nowrap;float: right;}

.micromessge-home-container li .friendcontent{color: #999;margin-top: 3px;width: calc(100% - 55px);height: 20px; display: block;overflow: hidden; white-space: nowrap;margin-left:45px;}
.micromessge-home-container li .friendcontent .el-button{padding: 0;float: right;margin-top: 3px;}

.micromessge-home-container li .friendtime{ font-size: 11px;width: calc(100% - 55px);height: 17px; display: block;overflow: hidden; white-space: nowrap;margin-left:45px;}
.micromessge-home-container li .friendtime .el-button{padding: 0px;}
.micromessge-home-container li .friendtime .el-button span{padding: 0px;margin:0 0 0 10px;}

.micromessge-home-container li .groupchatname{font-size: 12px;height: 49px; line-height: 49px;padding-top: 0;}

.micromessge-home-container .micromessagelist .el-badge__content {font-size: 8px; height: 15px;line-height: 15px;padding: 0 4px;}

.micromessge-home-container .micromessagelist .el-badge__content.is-fixed {top: -2px; right: -30px;}

.micromessge-home-container li span.onlineStatus { display: inline-block; position: absolute; left: 0px; top: 30px; }

.micromessge-home-container li.me span.onlineStatus { left: -12px; top: 10px; }

.micromessge-home-container li.me span.changeStatusButton { z-index: 999; display: inline-block; position: absolute; right: 10px; top: 17px; width: 16px; height: 16px; background: url("/images/changeStatusButton.png") no-repeat; }

.micromessge-home-container li.me span { margin-left: 40px; font-size: 14px; margin-top: 5px;}

.micromessge-home-container li .message { padding-left: 55px; width: 274px; }

.micromessge-home-container .onlineStatusDialog { font-weight: normal; background: #FFF; top: 30px; left: 40px; width: 130px; position: absolute; border: 1px solid silver; height: 202px;}

.micromessge-home-container .onlineStatusDialog li.onlineStatusItem { height: 20px; line-height: 20px; border-bottom: none; padding: 0; }

.micromessge-home-container .onlineStatusDialog li.onlineStatusItem:hover { background: #DDD; }

.micromessge-home-container .onlineStatusDialog li.onlineStatusItem .itemIcon { width: 26px; height: 20px; }

.micromessge-home-container .onlineStatusDialog li.onlineStatusItem .itemIcon.online { background: #EEE url("/images/01_online.png") no-repeat 5px 2px; }

.micromessge-home-container .onlineStatusDialog li.onlineStatusItem .itemIcon.busy { background: #EEE url("/images/02_busy.png") no-repeat 5px 2px; }

.micromessge-home-container .onlineStatusDialog li.onlineStatusItem .itemIcon.notdisturb { background: #EEE url("/images/03_notdisturb.png") no-repeat 5px 2px; }

.micromessge-home-container .onlineStatusDialog li.onlineStatusItem .itemIcon.meeting { background: #EEE url("/images/04_meeting.png") no-repeat 5px 2px; }

.micromessge-home-container .onlineStatusDialog li.onlineStatusItem .itemIcon.phone { background: #EEE url("/images/05_phone.png") no-repeat 5px 2px; }

.micromessge-home-container .onlineStatusDialog li.onlineStatusItem .itemIcon.work { background: #EEE url("/images/06_work.png") no-repeat 5px 2px; }

.micromessge-home-container .onlineStatusDialog li.onlineStatusItem .itemIcon.back { background: #EEE url("/images/07_back.png") no-repeat 5px 2px; }

.micromessge-home-container .onlineStatusDialog li.onlineStatusItem .itemIcon.home { background: #EEE url("/images/08_home.png") no-repeat 5px 2px; }

.micromessge-home-container .onlineStatusDialog li.onlineStatusItem .itemIcon.leave { background: #EEE url("/images/09_leave.png") no-repeat 5px 2px; }

.micromessge-home-container .onlineStatusDialog li.onlineStatusItem .itemIcon.offline { background: #EEE url("/images/10_offline.png") no-repeat 5px 2px; }

.micromessge-home-container .onlineStatusImgText { position: absolute; top: 0; right: 30px; width: 100px; height: 100px; text-align: right; }

.micromessge-home-container .onlineStatusDialog li.onlineStatusItem .itemIcon.invisible { background: #EEE url("/images/invisible.png") no-repeat 5px 2px; }

.micromessge-home-container .onlineStatusDialog li.onlineStatusItem .itemText { height: 20px; line-height: 20px; margin-left: 10px; }

.micromessge-home-container li .message .newmessage { text-align: left; line-height: 20px; height: 20px; color: #d4c9c9; }

.micromessge-home-container li .message .nameanddate { position: relative; height: 20px; line-height: 20px; font-size: 14px; padding-top: 5px; }

.micromessge-home-container li .message .nameanddate .unread { margin-top: 1px; line-height: 15px; margin-left: 15px; font-size: 7px; text-align: center; width: 20px; height: 15px; border-radius: 8px; background: #CCC; }

.micromessge-home-container li .message .nameanddate .date { position: absolute; right: 10px; font-size: 12px; color: #d4c9c9; }

.micromessge-container .content { height: calc(80% - 40px); background: #E5E9F2; overflow-y: auto; padding: 10px 0; font-weight: normal; }

.micromessge-container .content ul { min-height: 100px; }

.micromessge-container li { width: 100%; position: relative; padding-top: 15px; font-size: 13px; }
.micromessge-container li:hover { cursor: pointer; }

.micromessge-container li .mymessage { margin-top: 3px; }

.micromessge-container li .timecontainer { width: 100%; text-align: center; color: white;}

.micromessge-container li .time { display: inline-block; padding: 0 5px; height: 20px; line-height: 20px; background: #CCC; }

.micromessge-container li .photoImage { position: absolute; top: 8px; width: 30px; height: 30px; border-radius: 30px; overflow: hidden; }

.micromessge-container li .photoImage.me { right: 15px; }

.micromessge-container li .photoImage.other { left: 15px; }

.micromessge-container li .photoImage img { width: 30px; height: 30px; }s

.micromessge-container li .message { margin-top: 3px; position: relative; }

.micromessge-container li .friendAlias { font-size: 10px; color: #999; margin: 10px 0 0 60px; }

.micromessge-container li .message .arrow { position: absolute; width: 0; height: 0; border-color: rgba(0, 0, 0, 0) #CECECE rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); border-width: 6px; border-style: solid; left: 46px; top: 24px; }

.micromessge-container li .message .arrowme { position: absolute; width: 0; height: 0; border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #98E165; border-width: 6px; border-style: solid; right: 46px; top: 16px; }
.micromessge-container li .message .nickName {  left: 59px;  }

.micromessge-container li .message .two { border-color: rgba(0, 0, 0, 0) #FFF rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); left: 46px; z-index: 9; }

.micromessge-container li .message .twome { border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #98E165; right: 46px; z-index: 9; }

.micromessge-container li .messagecardcontent .type { padding-top:4px;margin-top:7px;border-top:1px solid silver;text-align: center;  }
.micromessge-container li .messagecardcontent .name { margin-left:5px; width:calc(100% - 35px);overflow:hidden;margin-top: 5px; }
.micromessge-container li .messagecard { cursor:pointer; }

.micromessge-container li .messagecontent { white-space: normal;word-break: break-all;word-wrap: break-word; display: inline-block; max-width: calc(100% - 110px); border-radius: 5px; left: 57px; padding: 8px 8px; background: #FFF; text-align: left; border: 1px solid #CECECE; }

.micromessge-container li .messagecontentme {position: relative;white-space: normal;word-break: break-all;word-wrap: break-word;  display: inline-block; max-width: calc(100% - 110px); border-radius: 5px; right: 57px; padding: 8px 8px; background: #98E165; text-align: left; border: 1px solid #CECECE; margin-top: 6px;}
.micromessge-container li .messagecontentme .readflag{display: inline-block;margin-left: -30px;width: 12px; height: 12px;}
.micromessge-container li .messagecontentme .readflag img{width: 100%; height: 100%;}
.micromessge-container li .messagecontentme .messagecontentme2{/*display: inline-block;margin-left: 10px;*/}
.micromessge-container li .messagecontentme p{white-space: break-spaces;}
.micromessge-container li .messagecontent p{white-space: break-spaces;}
.micromessge-container li .transContent{margin-top:5px;}
.micromessge-container li .messagecontentfile{/*text-decoration: underline;color: #1D8CE0;*/vertical-align: middle;}
.micromessge-container .opt { height: 20%; background: #fff; min-height: 60px;}

.micromessge-container .opt textarea {border:none; background: #fff; border-right: 5px solid #f8f9fc; border-left: 5px solid #f8f9fc; border-radius: 5px; overflow: auto; width: 100%; height: calc(100% - 60px); padding: 1px; resize: none; }

.micromessge-container .opt button { width: 85px; border: 1px solid #ccc; background: #f0f0f0; border-radius: 4px; height: 25px; margin-right: 10px; margin-top: 2px;}

.micromessge-container .recommendFriendDialog  { z-index:9999;overflow-y:auto;padding:0px 10px 0px; border:1px solid silver;position: absolute; bottom:180px;left:1%; background:#fff;width:98%;min-height: 110px;    max-height: calc(100% - 190px);}
.micromessge-container .recommendFriendDialog  .type{ margin-bottom:10px;}
.micromessge-container .recommendFriendDialog  .type label{ width: 50px;display: inline-block;}
.micromessge-container .recommendFriendDialog  .type select{ width: 140px;}
.micromessge-container .recommendFriendDialog  .type select:disabled {color: rgb(84, 84, 84);cursor: default;background-color: rgb(235, 235, 228);}
.micromessge-container .recommendFriendDialog  span{ margin-bottom:8px;display:inline-block;width:90px;}
.micromessge-container .recommendFriendDialog  .radio{ margin-left:15px;vertical-align: -2px;}
.micromessge-container .recommendFriendDialog  .photoImage2 img{ vertical-align: -12px;width:30px;height:30px;margin-right:10px;}
.micromessge-container .recommendFriendDialog  .name{ height:30px;line-height: 30px;}
.micromessge-container .recommendFriendDialog  li{ height:40px;cursor:pointer;padding:5px 0px;}
.micromessge-container .recommendFriendDialog  li:hover{ background: #EEE;}
.micromessge-container .recommendFriendDialog  .el-tabs__item{height:30px;line-height: 30px;font-size: 12px;}
.micromessge-container .recommendFriendDialog  .el-tabs__header{margin: 0 0 10px}
.micromessge-container .recommendFriendDialog  .opt{height: 28px;background: none;}
.micromessge-container .dialog input {text-indent: 3px; height:24px; border:1px solid silver; border-radius: 3px; }
.micromessge-container .dialog input[type=button] {cursor:pointer;width:80px;text-indent: 3px; height:24px; border:1px solid silver; border-radius: 3px; }
.micromessge-container .dialog select {width:130px;text-indent: 3px; height:24px; border:1px solid silver; border-radius: 3px; }
.micromessge-container .dialog  { border:1px solid silver;background:#FFF;z-index:100;position:absolute; bottom:180px; left:2px;width: calc(100% - 5px);height:260px; }
.micromessge-container .sendFriendDialog  .contentSend { height:183px; padding:10px 20px; }
.micromessge-container .sendFriendDialog  .contentSend .text { font-size: 15px; margin-right:5px;}
.micromessge-container .dialog .opt { padding-top:5px;background:#E5E9F2;height:35px;text-align: right;}
.micromessge-container .sendFriendDialog  .contentSend .card { background:#EFF2F7; margin:10px 0 10px;height:55px;line-height: 26px;padding:0 8px;}
.micromessge-container .sendFriendDialog  .contentSend .note { margin-right:10px;font-size:13px;}
.micromessge-container .sendFriendDialog  .contentSend input { height:26px;width:100%;}
.micromessge-container .addFriendDialog  .contentadd { height:183px; padding:20px 15px;}
.micromessge-container .addFriendDialog  .contentadd .name { margin:0 0 15px 10px;}
.micromessge-container .addFriendDialog  .contentadd .value { margin:0 0 0px 20px; color:#777;}
.micromessge-container .addFriendDialog  .contentadd .key { display:inline-block;width:50px;height:20px;}
.micromessge-container .sendFileDialog{
    height: 120px;
    border: 1px solid silver;
    z-index: 100;
    position: absolute;
    bottom: 50px;
    width: calc(100% - 5px);
    overflow-y: auto;
    padding: 0px 10px 0px;
    left: 5px;
    background: #F9FAFC;}
.micromessge-container .sendFileDialog .title{
        background: #F9FAFC;
    color: #555;
    padding-left: 0;
}
.micromessge-container .sendFileDialog .opt{background: #F9FAFC;min-height: 22px;}
.micromessge-container .sendFileDialog .contentSend input{border: 0;}
.micromessge-container .taskRelationDialog  { z-index:9999;overflow-y:auto;padding:0px; border:1px solid silver;position: absolute; bottom:180px;left:1%; background:#F9FAFC;width:98%;min-height: 110px;}
.micromessge-container .taskRelationDialog .title {color: #000;}
.micromessge-container .taskRelationDialog li {text-indent: 8px;height:30px;line-height: 30px;padding:0px;}
.micromessge-container .taskRelationDialog li:hover {background:#EEE;}

.micromessge-container .addManagerDialog .el-input{ width:300px; }
.micromessge-container .addLanguagePairDialog .el-dialog  { width:850px;}
.micromessge-container .addLanguagePairDialog .el-dialog .btn_addLanguage  { margin:0px 0px 5px 0;}
.micromessge-container .addLanguagePairDialog .el-dialog .title_l  { line-height: 26px;font-size:12px;}
.micromessge-container .addLanguagePairDialog .sourceLanguageTable  { width:199px; margin:0px 8px 0 0; }
.micromessge-container .addLanguagePairDialog .targetLanguageTable  { width:199px; margin-right:28px; }
.micromessge-container .addLanguagePairDialog .LanguagePairTable  { width:360px; }
.micromessge-container .addLanguagePairDialog .el-table .el-table__body tr.current-row>td {background: #75b9fd;font-weight: bold;}
.micromessge-container .allLanguageList .el-dialog--small { width:299px;  }

li.contextMenuItem {padding-left:5px; padding-right:5px; min-width: 90px;height: 36px;line-height: 36px;width: auto;font-size: 12px;padding-top: 0;}
li.contextMenuItem:hover {background:#EEE; color:#333;}

.micromessge-container .contextMenu {z-index:9999;position:absolute;left:0;top:0;border:1px solid silver;background: #FFF;cursor:pointer;border-radius: 4px;}
.microMessageListContainer li.contextMenuItem {padding-left:5px; padding-right:5px;}
.microMessageListContainer li.contextMenuItem:hover {background:#EEE; color:#333;}
.microMessageListContainer .contextMenu {z-index:9999;position:absolute;left:0;top:0;border:1px solid silver;background: #FFF;cursor:pointer;border-radius: 4px;}
.microMessageListContainer #refreshCurrentStatus{
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
    float: right;
    margin-top: 15px;
    margin-right: 10px;
}
.contextMenu.modify li.contextMenuItem { text-align: center; padding-left:5px; padding-right:5px;}
.contextMenu.modify li.contextMenuItem:hover {background:#EEE; color:#333;}
.contextMenu.modify {font-family: "Microsoft Yahei";z-index:99999;position:absolute;left:0;top:0;border:1px solid silver;background: #FFF;cursor:pointer;border-radius: 4px;min-width: 60px;}
/*.li.contextMenuItem {padding-top: 6px; padding-bottom:6px; padding-left:5px; padding-right:5px;height: 30px;}
.li.contextMenuItem:hover {background:#EEE; color:#333;}
.contextMenu {z-index:9999;position:absolute;left:0;top:0;border:1px solid silver;background: #FFF;cursor:pointer;border-radius: 4px;}*/
.menuListDialog li { text-align: left;padding-top: 6px; padding-bottom:6px; padding-left:5px; padding-right:5px;height: 30px;}
.menuListDialog li+li {border-top: 1px solid silver;}
.menuListDialog li:hover {background:#EEE; color:#333;}
.menuListDialog {font-family: "Microsoft Yahei";z-index:9999;position:absolute;right:3px;top:3px;border:1px solid silver;background: #FFF;cursor:pointer;border-radius: 4px;min-width: 60px;}


.dialog .title{ background: #fff;height: 50px;line-height: 50px;padding-left: 10px; font-size: 14px;}
.registerToTeamDialog .title{width:calc( 100% - 19px );position: fixed;z-index: 999;top:-1px;}
.homeEditLanguagePairContainer .title{width: 100%;position: relative;top: 0;
    height: 50px;
    background: #ffffff;
    padding-top: 10px;
    font-size: 14px;
    font-weight: bold;
}
.homeEditLanguagePairContainer .addPriceSettingDialog .el-dialog .currencyTable .el-table__body-wrapper{overflow-x: hidden;}
.dialog .form input {text-indent: 3px; height:22px !important; border: 1px solid #D3DCE6; border-radius: 3px; }
.dialog .form input[type=button] {cursor:pointer;width:80px;text-indent: 3px; height:24px; border:1px solid silver; border-radius: 3px; }
.dialog .form select {width:130px;text-indent: 3px; height:22px; border:1px solid silver; border-radius: 3px; }
.dialog  { border:1px solid silver;background:#FFF;z-index:100;position:absolute; bottom:50px; left:20px;width:250px;height:260px; }
.dialog .opt { padding-top:5px;background:#E5E9F2;height:35px;text-align: right;}
.registerToTeamDialog   {z-index: 999; top: 0px;right: 0;bottom: 0;left: 0;position: relative; background:rgb(242, 242, 242);width: 100%;height:100%; margin: auto;}
.registerSupplierPersonallyDialog   {z-index: 999; top: 0;right: 0;bottom: 0;left: 0;position: relative; border:1px solid silver;min-width:600px;width: 100%; height:100%;margin: auto;}
.registerTranslatorToTeamDialog   {z-index: 999; top: 0;right: 0;bottom: 0;left: 0;position: relative; border:1px solid silver;min-width:600px;width: 100%; height:100%; margin: auto;}
#registerSupplierToTeamForApproveDialog{min-width: 600px;}
.registerToTeamDialog.register {height:auto;}
.registerSupplierPersonallyDialog.register {height:auto; }
.registerTranslatorToTeamDialog.register {width: 100%;}
.registerToTeamDialog .form {padding:16px; padding-top: 50px;padding-bottom: 50px;}
.registerMemberToTeamDialog .form {padding:16px; padding-top: 40px;padding-bottom: 169px;}
.registerToTeamDialog .form .friendInfoForm>div {margin: 0px 10px 2px 0px;}
.registerToTeamDialog .form .myInfoForm>div {margin: 0px 10px 2px 0px;}
.registerToTeamDialog .form .friendInfoForm {padding-top: 10px;padding-bottom: 10px;
    border: solid 1px #ddd;
    border-radius: 5px;
}
.registerToTeamDialog .form .myInfoForm {height: 290px;
    padding-top: 10px;
    border: solid 1px #ddd;
    border-radius: 5px;
}
.registerSupplierPersonallyDialog .form>div {margin: 0px 10px 3px 0px;}
.registerToTeamDialog .form select {width:calc(100% - 165px);  border-color: #d1dbe5; margin: 1px;}
.registerToTeamDialog .form select option{width:calc(100% - 185px); }
.registerToTeamDialog .form .el-select {width:calc(100% - 185px);  border-color: #d1dbe5; margin: 1px;}
.registerToTeamDialog .form .el-select .el-option{width:calc(100% - 185px); }
.registerToTeamDialog .form .el-select .el-input{font-size: 12px;width: 100%;}
.registerToTeamDialog .form select[disabled] { background: #eef1f6;appearance: none; -moz-appearance: none; /* Firefox */
-webkit-appearance: none;}
.registerToTeamDialog .form input {width:calc(100% - 185px);margin: 1px;border-radius: 8px;}
.registerToTeamDialog .form .el-date-editor input {width: 100%;}
.registerToTeamDialog .form .el-input__inner {width: 100%}
.registerToTeamDialog .form .el-input--small {width:calc(100% - 185px);}
.registerToTeamDialog .form input[disabled] {background: #eef1f6 !important; border-color: #d1dbe5 !important; margin: 1px;color: #bbb !important;}
/*.micromessge-container .registerToTeamDialog .form label {display:inline-block; margin-right:10px;width:70px;}*/
.registerToTeamDialog .form label {display: inline-block;
    margin-right: 5px;
    width: 150px;
    height: 22px;line-height: 22px;
    background: rgba(255, 245, 238, 1);
    text-align: center;
    border-radius: 8px;
    margin: 1px;}
 .registerToTeamDialog .form .phototitle{background: #fff;text-align: left;}
.registerToTeamDialog .form .col4 label{padding: 2px 7px;vertical-align: top;}
.registerToTeamDialog .form .col2 label{padding: 2px 7px;vertical-align: top;}
.registerToTeamDialog .form .col3 label{padding: 2px 7px}
.registerToTeamDialog .form .col1 {display:inline-block; margin-right: 5px;  margin-top: 15px; width:auto; font-size: 14px;
    font-weight: bold; background-color: unset;margin-left: 20px;}
.registerToTeamDialog .form label i{color:#FF4949;width: 6px;
    display: inline-block;}
.registerToTeamDialog .managerJob { width:150px; }
#registerSupplierToTeamForApproveDialog .el-date-editor.el-input {
    width: calc(100% - 165px); margin-left: 2px;
}
.registerSupplierPersonallyDialog .el-date-editor.el-input {
    width: 235px;    margin-right: 5px;   
    width: 83px;  
}
/*.micromessge-container .registerToTeamDialog .form input {width:205px;}*/
.registerTranslatorToTeamDialog .form input {width:calc(100% - 185px);}
.registerToTeamDialog .form input[type="button"] {width:90px; margin: 10px 10px; color: #fff; background-color: #20a0ff; border-color: #20a0ff; font-size: 12px; border-radius: 4px;}
.registerToTeamDialog select:disabled {color: rgb(84, 84, 84);cursor: default; background: #eef1f6; border-color: #d1dbe5;}
.registerToTeamDialog .form select {width:calc(100% - 165px);}
.registerToTeamDialog .form .el-select input{padding-left: 1px;}
.registerTranslatorToTeamDialog .el-form-item__label {text-align: left;}
.registerToTeamDialog .el-form-item__label {text-align: left;}
.registerToTeamDialog .col1 {width: auto;display:inline-block;margin-bottom:5px;color: #48576a;}
.registerToTeamDialog .col2 {margin: 5px 0px 5px 15px !important;width: calc(50% - 15px);}
.registerToTeamDialog .col3 {margin: 5px 0px 5px 15px;width: calc(50% - 15px);}
.registerToTeamDialog .col4 {margin: 5px 0px 5px 15px;width: calc(100% - 15px);}

.registerSupplierPersonallyDialog .col2 {margin: 0;}
.registerSupplierPersonallyDialog .form input {width:calc(100% - 165px);}
.registerSupplierPersonallyDialog .form select {width:calc(100% - 165px);}
/*.registerTranslatorToTeamDialog .col3 {margin: 0px 0px 5px 35px;}
.registerTranslatorToTeamDialog .col2 {margin: 0px 0px 10px 35px;}*/
.registerTranslatorToTeamDialog .el-upload-list__item-name{margin-right: 0;}
.registerTranslatorToTeamDialog .el-upload-list__item .el-progress {padding-left: 155px;}
.registerToTeamDialog .el-form-item { margin-bottom: 0px !important;display: inline-block;}
.registerToTeamDialog .el-table th>.cell { padding: 5px;}
.registerToTeamDialog .el-table .el-button+.el-button{margin-left: 0px;}
.registerTranslatorToTeamDialog .addPriceSettingDialog .el-select{width: 100%}
.registerTranslatorToTeamDialog .addPriceSettingDialog input{width: 100%}
.registerToTeamDialog .addPriceSettingDialog .el-select{width: 100%;}
.registerToTeamDialog .addPriceSettingDialog .el-form-item{width: 100%;}
.homeEditLanguagePairContainer .form{padding-top:0;top:0px;}
.registerToTeamDialog .form .baseInfoForm{
    padding-top:10px;border: solid 1px #ddd; border-radius: 8px;height: auto;
    background: #ffffff;box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.16);}
.registerToTeamDialog .form .tableList{margin-top: 16px;}

.registerToTeamDialog .form .tableContent{ border-radius: 5px;
display: inline-block; vertical-align: top;width: 100%;}
.registerToTeamDialog .form .tableContent2{padding-top: 15px;}
.registerToTeamDialog .tableContent .titlespan{padding-left: 20px;font-weight: bold;margin-bottom: 8px;}
.registerToTeamDialog .el-table{width: 100%;margin-top:0px;border-radius: 8px;
    box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.16);
    border: 1px solid #dfe6ec;
}
.registerToTeamDialog .el-table:hover{
    border: 1px solid rgba(255, 100, 51, 0.54);
}

.registerToTeamDialog .el-table--enable-row-hover .el-table__body tr:hover > td{
    background: rgba(255, 138, 53, 0.1) !important;
    /*background-image: linear-gradient(to right, rgba(255, 138, 53, 0.1), rgba(255, 138, 72, 0.0517),rgba(255, 180, 92, 0),rgba(255, 151, 92, 0)) !important;*/
}



.registerToTeamDialog .form .baseInfoForm .el-form-item{width: 100%;}
.registerToTeamDialog .el-form-item .el-button--default{
    color: rgba(255, 100, 51, 1);
    /*background-color: #F2F2F2;*/
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    background-image: linear-gradient(to right, #fff, #fff), linear-gradient(90deg, rgba(255, 150, 53, 1),rgba(255, 138, 72, 0.5168), rgba(255, 151, 92, 0.5));
    border: 1px solid transparent;
    box-shadow: 2px 2px 4px 0px #0000001a;
    border-radius: 8px;
}
.registerToTeamDialog .el-form-item .el-button--default:hover{
    color: rgba(255, 100, 51, 1);
    background-image: linear-gradient(to right, rgba(255, 125, 5, 0.24), rgba(255, 171, 72, 0.124),rgba(255, 180, 92, 0.1));
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    border: 1px solid rgba(255, 150, 53, 1);
    font-weight: bold;
    /*border-image:linear-gradient(to right, rgba(255, 150, 53, 1),rgba(255, 138, 72, 0.5168), rgba(255, 151, 92, 0.5));*/
}
.registerToTeamDialog .el-form-item .el-button--default:active{
    color: rgba(255, 100, 51, 1);
    background-image: linear-gradient(to right, rgba(255, 100, 51, 1), rgba(255, 100, 51, 0.5),rgba(255, 151, 92, 0)),
    linear-gradient(180deg, rgba(255, 100, 51, 0.252),rgba(255, 100, 51, 0.9), rgba(255, 100, 51, 0.9),rgba(255, 100, 51, 0.9),rgba(255, 100, 51, 0.252));
    color: #fff;
    border: 1px solid rgba(255, 150, 53, 1);
    font-weight: bold;
}

.registerToTeamDialog .el-form-item .el-button--default:focus{
    color: rgba(255, 100, 51, 1);
    background-image: linear-gradient(to right, rgba(255, 100, 51, 1), rgba(255, 100, 51, 0.5),rgba(255, 151, 92, 0)),
    linear-gradient(180deg, rgba(255, 100, 51, 0.252),rgba(255, 100, 51, 0.9), rgba(255, 100, 51, 0.9),rgba(255, 100, 51, 0.9),rgba(255, 100, 51, 0.252));
    color: #fff;
    border: 1px solid rgba(255, 150, 53, 1);
    font-weight: bold;
}

.el-table .el-button{
    /*color:rgba(175, 175, 175, 1);
    border-color:rgba(175, 175, 175, 1);*/
    border-radius: 4px;
}

.el-table .el-button:hover{
    color: rgba(255, 171, 145, 1);
    border-color: rgba(255, 171, 145, 1);
    box-shadow: 0px 1px 2px 0px rgb(0 0 0 / 10%);
}

.el-table .el-button:active{
    color: rgba(255, 100, 51, 1);
    border-color:rgba(255, 100, 51, 1);
}

.el-table .el-button:focus{
    color: rgba(255, 100, 51, 1);
    border-color:rgba(255, 100, 51, 1);
}

.el-dialog .el-button:hover{
    color: rgba(255, 171, 145, 1);
    border-color: rgba(255, 171, 145, 1);
    box-shadow: 0px 1px 2px 0px rgb(0 0 0 / 10%);
}

.el-dialog .el-button:active{
    color: rgba(255, 100, 51, 1);
    border-color:rgba(255, 100, 51, 1);
}

.el-dialog .el-button:focus{
    color: rgba(255, 100, 51, 1);
    border-color:rgba(255, 100, 51, 1);
}
.el-dialog__body .professionalFieldContainer{padding:0;}
/*.homeEditLanguagePairContainer .form .baseInfoForm .el-form-item{width: 100%;}*/
.homeEditLanguagePairContainer .form .baseInfoForm.accountinfo .el-select{width: calc(100% - 185px);}
.homeEditLanguagePairContainer .form .baseInfoForm.accountinfo .el-input{font-size: 12px;width: calc(100% - 185px);}
.homeEditLanguagePairContainer .form .baseInfoForm .el-form-item .el-button{min-width: 80px;}
.homeEditLanguagePairContainer .emaildialog .el-dialog{width: 500px;}
.homeEditLanguagePairContainer .emaildialog .el-dialog .el-form-item{width: 100%; margin-bottom: 10px !important;font-size: 12px;}
.homeEditLanguagePairContainer .emaildialog .el-dialog .el-form-item .el-input{width: 220px;font-size: 12px;}
.homeEditLanguagePairContainer .emaildialog .el-dialog .el-form-item .el-button{display: inline-block;font-size: 12px;}
.registerToTeamDialog .el-table__header-wrapper thead div{background: #fff;}
.registerToTeamDialog .el-table th{background: #fff;}
.registerToTeamDialog .el-table .addNewRowClass{color: rgba(255, 100, 51, 1);}
.addManagerDialog .el-input{ width:100%; }
.addManagerDialog .el-select{ width:100%; }
.addLanguagePairDialog .el-dialog  { width:850px; }
.addLanguagePairDialog .el-dialog .btn_addLanguage  { margin:0px 0px 5px 0;}
.addLanguagePairDialog .el-dialog .title_l  { line-height: 26px;font-size:12px;}
.addLanguagePairDialog .sourceLanguageTable  { width:201px; margin:0px 8px 0 0; }
.addLanguagePairDialog .targetLanguageTable  { width:201px; margin-right:28px; }
.addLanguagePairDialog .LanguagePairTable  { width:360px; }
.addLanguagePairDialog .el-dialog .el-dialog__body{padding: 20px;}
.addLanguagePairDialog .el-table .el-table__body tr.current-row>td {background: #75b9fd;font-weight: bold;}
.allLanguageList .el-dialog--small { width:400px; }
.addlanguagecontainer .targetLanguageTable .el-table thead .cell .el-checkbox__inner{
    display: none !important; 
}
.addlanguagecontainer .sourceLanguageTable .el-table thead .cell .el-checkbox__inner{
    display: none !important; 
}
.addfriendrequest{font-size: 12px;height: 100%;}
.addfriendrequest .title{width: 100%;background: #fff;color: #111;border-bottom: 1px solid #ddd;}
.addfriendrequest .title:hover{background: #EFF2F7 !important;}
.addfriendrequest .title2{width: 100%;margin: 5px auto 3px auto;}
.addfriendrequest .friendrequest{padding: 5px 5px 0 15px;height: 45px;line-height: 25px;border-bottom: 1px solid #ddd;}
.addfriendrequest .friendInfo{width: 145px;margin-left: 40px;display: block; height: 12px; line-height: 12px;margin-top: 3px;}
.addfriendrequest .option{display: block; float: left; margin-left: 40px; height: 12px; line-height: 12px; margin-top: 2px;}
.addfriendrequest .option .status{float: right;margin-right: 5px;color: #409eff;}
.addfriendrequest .option .el-button{margin-right: 10px;height: 20px;line-height:0px;padding: 0;margin-left: 0px;}
.addfriendrequest .friendrequest .option button{    color: #fff;
    background: #409EFF;
    border: 1px solid #409eFF;
    border-radius: 4px;
    padding: 1px 8px;}
.addfriendrequest .friendrequest .option button:hover{opacity: 0.8;}
.addfriendrequest .photoImage { position: absolute;width: 35px; height:35px; border-radius: 35px; overflow: hidden;}
.addfriendrequest .photoImage img { width: 35px; height: 35px; }

.supplierapply .friendrequest .friendInfo{width: calc(100% - 40px);margin-left: 40px;display: block; height: 12px; line-height: 12px;margin-top: 3px;}
.supplierapply .friendrequest .option{display: inline-block;margin-top: 0px;}

.el-tree-node__content>.el-checkbox, .el-tree-node__content>.el-tree-node__expand-icon {margin-right: 4px !important;}
/*.el-checkbox__inner {width:14px !important;height:14px !important;}*/

.microMessageListContainer {height: 100%;}
.microMessageListContainer .microMessageListUl{height: calc(100% - 20px);overflow-y: auto;}
.microMessageListContainer .microMessageListUl::-webkit-scrollbar {display: none;}
.microMessageListContainer .microMessageListUl{height:calc(100% - 0px);}
.microMessageListContainer .microMessageListUl .newMessgeItem:hover{background: #EFF2F7 !important;}
.microMessageListContainer .followUpList{height: calc(100% - 20px);overflow-y: auto;}
.microMessageListContainer .followUpList::-webkit-scrollbar {display: none;}
.microMessageListContainer .followUpList{height:calc(100% - 20px);}
.microMessageListContainer .followUpButton{height:20px;padding: 0 0 0 10px;font-size: 12px;}
.microMessageListContainer .return{height: 35px;line-height: 35px;background: #eee;}
.el-popover {word-break: break-word;}

.groupChatListContainer .microGroupMessageListUl{height: calc(100% - 20px);overflow-y: auto;}
.groupChatListContainer .microGroupMessageListUl::-webkit-scrollbar {display: none;}
.groupChatListContainer .microGroupMessageListUl{height:calc(100% - 20px);}
.groupChatListContainer .microGroupMessageListUl .newGroupMessgeItem:hover{background: #EFF2F7 !important;}

.menu_style{position: absolute;width: 125px;background-color: #fff;border-radius: 2px;box-shadow: 2px 2px 14px #d0d0d0;z-index:999;}
.menu_style>ul>li{text-indent: 25px;height: 25px;line-height: 25px;border-bottom: 1px dashed #f0f0f0;cursor: pointer;padding-top: 0px;}
.menu_style>ul>li:hover{background: #E0EEFF;}


.is-expanded  .el-tree-node__children{background: url(../../images/line_conn.gif) 0px 10px repeat-y;}
.is-expanded .is-expanded .el-tree-node__children {background: url(../../images/line_conn.gif) 10px 10px repeat-y;}
.is-expanded .is-expanded .is-expanded .el-tree-node__children{background: url(../../images/line_conn.gif) 20px 10px repeat-y;}

.el-tree--highlight-current: not(.advertisingTree) .el-tree-node.is-current>.el-tree-node__content {background-color: transparent !important;}
.el-tree--highlight-current: not(.advertisingTree) .el-tree-node.is-current>.el-tree-node__content>span:last-child{background-color: #6ab4ef !important;}

.addlanguagecontainer .el-dialog .btn_addLanguage  { margin:0px 0px 5px 0;}
.addlanguagecontainer .el-dialog .title_l  { line-height: 26px;font-size:12px;}
.addlanguagecontainer  { height: 500px; }
.addlanguagecontainer .sourceLanguageTable  { width:25%; margin:0px 8px 0 0; }
.addlanguagecontainer .targetLanguageTable  { width:25%; margin-right:10px; }
.addlanguagecontainer .LanguagePairTable  { width:calc(50% - 20px);}
.addlanguagecontainer .el-table .el-table__body tr.current-row>td {background: #75b9fd;font-weight: bold;}
.advertisingContainer .addLanguagePairDialog .el-dialog{width: 90% !important;}
.advertisingContainer .addLanguagePairDialog .el-table__body-wrapper{overflow-x: hidden !important;}
.advertisingContainer .addLanguagePairDialog .el-dialog--small{width:50% !important; top: 40px !important;height: 550px;left:50% !important;}
.advertisingContainer .nowChoosed td{font-weight:bold;color:#FF0000;}
.count {
    background-color: #ff4949;
    border-radius: 10px;
    color: #fff;
    display: inline-block;
    font-size: 10px;
    height: 16px;
    line-height: 14px;
    padding: 0 4px;
    text-align: center;
    border: 1px solid #fff;
    top: 5px;
    right: 20px;
    position: absolute;
    -ms-transform: translateY(-50%) translateX(100%);
    transform: translateY(-50%) translateX(100%);
}

.count2 {
    background-color: #ff4949;
    border-radius: 10px;
    color: #fff;
    display: inline-block;
    font-size: 10px;
    height: 16px;
    line-height: 14px;
    padding: 0 3px;
    text-align: center;
    border: 1px solid #fff;
    /*top: 20px;*/
    left: calc(100% - 30px);
    position: absolute;
    min-width: 16px;
    max-width: 24px;
    z-index: 999;
}

.hide {display:none;}

.groupChatSetupDialog label {width:80px;display:inline-block;}
.groupChatSetupDialog .infoContainer  {margin-top:8px;padding:10px;}
.groupChatSetupDialog .infoContainer div {margin-bottom:5px;}
.groupChatSetupDialog .infoContainer div input[type="radio"]{vertical-align: -8px;margin-left:5px;}
.groupChatSetupDialog .infoContainer div textarea{width:133px;}
.groupChatSetupDialog .friendListContainer {margin-top:2px;padding:6px;border-top:1px solid silver;}
.groupChatSetupDialog .infoContainer div .groupInfoInput{width: calc(100% - 100px)}
.groupChatFriendContainer .personalFriendList{overflow-y: auto;height: calc(100% - 50px);}
.groupChatFriendContainer .personalFriendList .friendinfo{height: 100%;}
.groupChatFriendContainer .personalFriendList .friendinfo span{vertical-align: top;
    display: inline-block;
    height: 35px;}
.groupChatFriendContainer .personalFriendList .friendinfo img{    width: 25px;
    height: 25px;
    border-radius: 25px;
    margin-top: 5px;}
.startGroupChatOpt {height:28px;line-height: 28px;text-align: right;}
/*.btn_openStartGroupChatDialog {border: 1px solid silver; margin-right:7px; height:22px;line-height: 22px;border-radius: 2px;padding: 0px 12px;}
.btn_openStartGroupChatDialog:hover {background: #ccc;}*/
.startGroupChatContainer {position: absolute; top:0 ; left:0; width:100%; height:calc(100% - 35px); background:#fff;}
.startGroupChatContainer .title .return img {width: 25px;height: 25px; vertical-align: middle;}
.startGroupChatContainer .title .text {font-size: 14px;color:#FFF;margin-left:70px;}
.groupChatFriendContainer {height: calc(100% - 40px);}
.groupChatFriendContainer .type .radio {vertical-align: -2px;margin-left:10px;}
.groupChatFriendContainer .type span {margin-left:3px;}
.groupChatFriendContainer {height: calc(100% - 5px);}
/*.groupChatFriendContainer .personalFriendList {margin-top:10px;}*/
.groupChatFriendContainer .personalFriendList li{padding-top:0px;padding-left:8px;height: 36px;background-color: #fff;line-height: 36px;border-bottom: 1px solid #D3DCE6;}
.groupChatFriendContainer .personalFriendList li .checkbox{vertical-align: -3px;}
.btn_openGroupChatDialog {border: 1px solid silver;margin-right:7px; height:22px;line-height: 2px;border-radius: 2px;padding: 0px 12px;}
.btn_sure {border: 1px solid silver;margin-right:7px; height:22px;line-height: 22px;border-radius: 2px;padding: 0px 12px;}
.btn_cancel {border: 1px solid silver;margin-right:7px; height:22px;line-height: 22px;border-radius: 2px;padding: 0px 12px;}
.btn_openGroupChatDialog:hover {background: #ccc;}
.btn_sure:hover {background: #ccc;}
.btn_cancel:hover {background: #ccc;}

/*.registerMemberToTeamDialog .el-dialog .el-select{width:350px;}*/
.registerToTeamDialog .el-form .el-form-item__label {font-size: 14px !important; text-align: left; font-weight: bold; width: 83px;height: 25px;}
.registerToTeamDialog .myInfoDialog { padding-top: 10px; border: solid 1px #ddd; border-radius: 5px;}
.registerToTeamDialog .teamInfoDialog { padding-top: 10px; padding-bottom: 10px;border: solid 1px #ddd; border-radius: 5px;margin-bottom: 10px;}

.el-table .el-table__body tr.current-row>td{font-weight: bold;}
.el-dialog__header .el-dialog__title{font-weight: bold;} 
.el-table__header .cell{font-weight: bold;}
.addfriendrequestfromme .friendadddialog{width: 173px;left: 10px;}
.addfriendrequestfromme .friendadddialog li{border:0;}
.addfriendrequestfromme .friendadddialog li label{vertical-align: top;display: block;margin-bottom: 5px;}

.addfriendrequestfromme .title img{width: 25px;
    height: 25px;
    margin-top: -6px;
    vertical-align: middle;
}
.addfriendrequestfromme .title span{margin-left: 5px;}
.addfriendrequestfromme .friendadddialog li .addFriendInput{
    margin-bottom: 8px;
    width: calc(100% - 7px);
    box-sizing: border-box;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    border-radius: 4px;
}

.addfriendrequestfromme .friendadddialog .dialogtitle{
    height: 30px;
    background: #f8f9fc;
    line-height: 30px;
    padding-left: 10px;
    font-weight: bold;
}
.addfriendrequestfromme .friendadddialog .dialogcontent{padding-top:10px;height: calc(100% - 65px);}   
.addfriendrequestfromme .friendadddialog .opt { background: #fff;margin-right: 5px;}
.addfriendrequestfromme .friendadddialog .opt a{
    min-width: 50px;
    display: inline-block;
    text-align: center;
    border: 1px solid #20A0FF;
    height: 20px;
    line-height: 16px;
    border-radius: 4px;
    background: #20A0FF;
    color: #fff;
    margin-top: 4px;
}
.addfriendrequestfromme .tipDialog {border-radius: 4px;height: 100px;top: 100px;left: 50px;}
.addfriendrequestfromme .tipDialog .opt a{
    min-width: 50px;
    display: inline-block;
    text-align: center;
    border: 1px solid #20A0FF;
    height: 20px;
    line-height: 16px;
    border-radius: 4px;
    background: #20A0FF;
    color: #fff;
    margin-top: 4px;
    right: 10px;
}
.addfriendrequestfromme .opt a:hover{
    opacity: 0.8;
    cursor: pointer;
}
/*.addfriendrequestfromme .addFriendButton{
    min-width: 50px;
    display: inline-block;
    text-align: center;
    border: 1px solid #20A0FF;
    height: 20px;
    line-height: 16px;
    border-radius: 4px;
    background: #20A0FF;
    color: #fff;
    margin-top: 4px;
    padding: 0 10px;
}*/
.addfriendrequestfromme .addFriendButton:hover{
    opacity: 0.8;
    cursor: pointer;
}

.groupChatListContainer .btn_openStartGroupChatDialog{
    min-width: 50px;
    display: inline-block;
    text-align: center;
    border: 1px solid #20A0FF;
    height: 20px;
    line-height: 16px;
    border-radius: 4px;
    background: #20A0FF;
    color: #fff;
    margin: 7px;
    padding: 0 10px;
}
.groupChatListContainer .btn_openStartGroupChatDialog:hover{
    opacity: 0.8;
    cursor: pointer;
}

.el-notification__closeBtn{top: 5px !important;}


.addfriendrequestfromme .friendregisterdialog { border: 1px solid #ccc; position: absolute; left: 0; top: 0; background-color: #fff; font-family: "Microsoft Yahei"; color: #555; width: 100%; height: 100%; }

.addfriendrequestfromme .friendregisterdialog .content { width: 100%; padding: 10px 15px; text-align: left; height: calc(100% - 35px);}

.addfriendrequestfromme .friendregisterdialog .content ul { margin-top: 10px; }

.addfriendrequestfromme .friendregisterdialog .content li { margin-top: 10px; width: 100%; padding: 0 10px; }

.addfriendrequestfromme .friendregisterdialog .content li div {width: 100%;}

.addfriendrequestfromme .friendregisterdialog .content li div .friendregisteremail l{width: 100%;}

.addfriendrequestfromme .friendregisterdialog .content li.identifycode { margin: 0px auto; width: 100%; padding: 5px; background-color: #fff; height: 42px; border: 0;}

.addfriendrequestfromme .friendregisterdialog .content li.identifycode span { font-family: "Microsoft Yahei"; font-size: 14px; color: #8b8b8b; cursor: text; }

.addfriendrequestfromme .friendregisterdialog .content li.identifycode .identifycode { width: 100%;float: left; margin-top: 10px;}

.addfriendrequestfromme .friendregisterdialog .content li.identifycode .changeidentifycode { text-align: center; width: 40px; height: 30px; line-height: 30px; }

.addfriendrequestfromme .friendregisterdialog .content li.identifycode .changeidentifycode img { height: 16px; width: 16px; vertical-align: -6px; }

.addfriendrequestfromme .friendregisterdialog .content li.identifycode .identifycodeimg { height: 36px; line-height: 36px; margin-left: 5px;}

.addfriendrequestfromme .friendregisterdialog .content li.identifycode .identifycodeimg img { width: 76px; height: 36px; cursor: pointer; }

.addfriendrequestfromme .friendregisterdialog .content h3 { margin: 10px 0; width: 100%; padding: 0 10px; font-size: 12px; }

.addfriendrequestfromme .friendregisterdialog .content h6 { text-indent: 20px; margin: 25px 0; width: 100%; padding: 0 10px; font-size: 12px; }

.addfriendrequestfromme .friendregisterdialog .content label { display: inline-block; width:130px; text-align: left; }

.addfriendrequestfromme .friendregisterdialog .content label.lblverifyinto { vertical-align: 40px; display: inline-block; width: 130px; text-align: left; }

.addfriendrequestfromme .friendregisterdialog .content input { text-indent: 8px; height: 30px; width: 320px; text-align: left; padding: 0px; }

.addfriendrequestfromme .friendregisterdialog .content button { border-radius: 4px; margin-right: 6px; text-align: center; width: 80px; height: 22px; padding: 0;font-size: 12px; }

.addfriendrequestfromme .friendregisterdialog .opt{background: #fff;}
.addfriendrequestfromme .friendregisterdialog .opt a{ 
    min-width: 50px;
    display: inline-block;
    text-align: center;
    border: 1px solid #20A0FF;
    height: 20px;
    line-height: 16px;
    border-radius: 4px;
    background: #20A0FF;
    color: #fff;
    margin-top: 4px;
}
.addfriendrequestfromme .friendregisterdialog .opt a:hover{opacity: 0.8;cursor: pointer;}

.is-danger { background: #FDD; }

.ispassed { background: #dff0d8; }


.contactlistcontainer{font-size: 12px;font-family: "Microsoft Yahei";}

.contactlistcontainer .friendTypeDiv{
    /*height: 50px;*/
    width: 90%;
    margin-left: 5%;
}
.contactlistcontainer .friendTypeList{
    height: 50px;
    padding: 0;
    line-height:50px;
    width: calc(50% - 2px);
    display: inline-block;
    text-align: center;
}
.contactlistcontainer .langTypeDelete {display: none !important;}

.contactlistcontainer .friendListContent li{
    height: 48px;
    padding: 0 10px;
    line-height: 48px;
}

.contactlistcontainer .friendListContent li .photoImage{
    top: 5px;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    display: inline-block;
    position: relative;
}

.contactlistcontainer .slider-content>ul>li img{
    width: 36px;
    height: 36px;
    border-radius: 36px;
    vertical-align: top;
    margin-top: 6px;
}
.contactlistcontainer .sliderNav li{
    border:0;
}
.contactlistcontainer .friendListContent li .photoImage img{
    width: 30px;
    height: 30px;
    border-radius: 30px;
}
.contactlistcontainer .friendListContent li .friendpathemail{display: inline-block;}
.contactlistcontainer .friendListContent li .groupchatname{
    height: 40px;
    line-height: 40px;    vertical-align: super;
}
.contactlistcontainer .friendListContent li .groupchatname2{
    height: 40px;
    line-height: 40px;    vertical-align: top;
}
.contactlistcontainer .friendListContent li .subgroupspan{
    height: 40px;
    line-height: 40px;    vertical-align: top;
}
.contactlistcontainer .friendListContent .slider .friendListTitle{
    height: 30px;
    line-height: 30px;
    /*border-top: 1px solid #C0CCDA;*/
    padding-left: 10px;
}
/*.micromessge-home-container .contactlistcontainer .friendListContent .slider .friendListTitle:first-child{
    border-top:0;
}*/
.contactlistcontainer .friendListContent .slider .friendElement{
    border: 0;
}
.contactlistcontainer .friendListContent .slider .friendElement .friendElementName{
    vertical-align: text-bottom;
    padding-left: 8px;
}
.contactlistcontainer .friendListContent .slider .friendElement2 {
    border: 0;
    height: 48px;
    padding: 0 10px;
    margin-top: 8px;
}
.contactlistcontainer .friendListContent .slider .friendElement2 img{
    border: 0;
    width: 36px;
    height: 36px;
    vertical-align: top;
    border-radius: 36px;
    margin-top: 6px;
}

.contactlistcontainer .friendListContent .slider .friendElement2 .friendElementName{
    vertical-align: top;
    margin-top: 16px;
    display: inline-block;
    padding-left: 8px;
}
.contactlistcontainer .friendListContent.slider{width: 100%;height: 100%;position: relative ;}
.contactlistcontainer .friendListContent .sliderNav{
    width: 20px;position: fixed;right: 0;height: 100%;text-align: center;top: 0;align-items: center;
    display: flex;
}
.contactlistcontainer .friendListContent .sliderNav li{padding:0;}
.contactlistcontainer .friendListContent .sliderNav #sliderNav{width: 20px;background: #F0F0F0;opacity: 0.6;}
.contactlistcontainer .friendListContent.slider>h2{
    font-size: 14px;
    line-height: 3.5rem;
    padding-left: 1.5rem;
}
.contactlistcontainer .friendListContent.sliderNav>li>a{
    font-size: 12px;
    color: #18a2ff;
}
.friendListContent::-webkit-scrollbar{display: none;}


.contactlistcontainer .friendListContent .slider .microGroupMessageListUl li{border:0;}
.contactlistcontainer .friendListContent .groupTypeList .microGroupMessageListUl li{border:0;}
.contactlistcontainer .friendListContent .groupTypeList .microGroupMessageListUl .newGroupMessgeItem {padding-left: 25px;}
.contactlistcontainer .friendListContent .groupTypeList .microGroupMessageListUl .newGroupMessgeItem2 {padding-left: 25px;}
.contactlistcontainer .friendListContent .microLangTypeListUl li{
    border: 0;
}
.contactlistcontainer .friendListContent .microLangTypeListUl li:first-child{
    border-top: 0;
}
.contactlistcontainer .friendListContent .microLangTypeListUl .langTypeFriend{
    padding-left: 20px;border: 0;
}
.contactlistcontainer .friendListContent .microPersonalCustomerListUl li{
    border-top: 1px solid #C0CCDA;border-bottom: 0;
}
.contactlistcontainer .friendListContent .microPersonalCustomerListUl li:first-child{
    border-top: 0;
}
.contactlistcontainer .friendListContent .microPersonalCustomerListUl .personalCustomerFriend{
    padding-left: 20px;border: 0;
}

.contactlistcontainer .friendListContent .groupTypeList li{
    height: 45px;
    line-height: 45px;
}
.contactlistcontainer .friendListContent .groupTypeList .groupTypeTitle{
    height: 30px;
    line-height: 30px;
    border-top: 1px solid #C0CCDA;
    padding-left: 10px;
}
.contactlistcontainer .friendListContent .groupTypeList li .groupchatname{
    height: 15px;
    line-height: 15px;
    vertical-align: bottom;
    display: block;
}
.contactlistcontainer .friendListContent .groupTypeList li .subgroupspan{
    height: 20px;
    line-height: 20px;
    vertical-align: top;
    display: block;
}

.contactlistcontainer .friendListContent .groupTypeList .groupTypeTitle:first-child{
    border-top:0;
}
.contactlistcontainer .friendListContent .groupTypeList .groupMemberListUl li{
    padding-left: 25px;
    border:0;
}
.contactlistcontainer .friendListContent .groupTypeList .groupSupplierListUl li{
    padding-left: 25px;
    border:0;
}
.contactlistcontainer .friendListContent .groupTypeList .groupCustomerListUl li{
    padding-left: 25px;
    border:0;
}
.contactlistcontainer .friendListContent .groupTypeList .groupTranslatorListUl .groupTranslatorLang{
    border-top: 1px solid #C0CCDA;
    border-bottom: 0;
    padding-left: 18px;
}
.contactlistcontainer .friendListContent .groupTypeList .groupTranslatorListUl .groupTranslator{
    padding-left: 25px;
    border:0;
}
.contactlistcontainer .friendListContent .groupTypeList .photoImage{
    position: relative;
    display: inline-block;vertical-align: top;
}
.contactlistcontainer .friendListContent .groupTypeList .groupchatname{
    display: inline-block;
}

.contactlistcontainer .friendListContent input[type=checkbox] + label::before{
    content: "\a0";  /*不换行空格*/
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 5px;
    border:1px solid #8492A6;
    line-height: 18px;
    text-indent: 4px;
    cursor: pointer;
    vertical-align: top;
    margin-top: 12px;
    margin-right: 5px;
}
.contactlistcontainer .friendListContent input[type="checkbox"]:checked  + label::before{
    background: #13CE66;
    content: "\2713";
    color:#fff;
    font-weight: bold;
    border-color: #13CE66;

}
.contactlistcontainer .friendListContent input[type='checkbox']{
    clip: rect(0,0,0,0);
    /*visibility: hidden;*/
    position: absolute;
}

.microchatcontainer input[type=checkbox] + label::before{
    content: "\a0";  /*不换行空格*/
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 5px;
    border: 1px solid #8492A6;
    line-height: 14px;
    text-indent: 2px;
    cursor: pointer;
    vertical-align: top;
    margin-top: 3px;
    margin-left: 15px;
}
.microchatcontainer .friendLiItem input[type=checkbox] + label::before{
    margin-top: 10px;
}

.microchatcontainer .friendLiItem input[type=checkbox] + .disabledCheckLable::before{background: #E5E9F2;}
.microchatcontainer input[type="checkbox"]:checked  + label::before{
    background: #13CE66;
    content: "\2713";
    color:#fff;
    font-weight: bold;
    border-color: #13CE66;

}
.microchatcontainer input[type='checkbox']{
    clip: rect(0,0,0,0);
    /*visibility: hidden;*/
    position: absolute;
}
.contactlistcontainer .friendListContent .addGroupChat input{
    min-width: 50px;
    display: inline-block;
    text-align: center;
    border: 1px solid #20A0FF;
    height: 20px;
    line-height: 16px;
    border-radius: 4px;
    background: #20A0FF;
    color: #fff;
    margin-right: 5px;
    margin-top: 5px;
    float: right;
}
.contactlistcontainer .friendListContent .addGroupChat input:hover{
    opacity: 0.8;
    cursor: pointer;
}
.contactlistcontainer .friendListContent .addGroupChat {
    height: 30px;
    position: fixed;
    width: 100%;
    bottom: 50px;
    background: #fff;
}
.contactlistcontainer .friendListContent .contextMenu {z-index:9999;position:fixed;left:0;top:0;border:1px solid silver;background: #FFF;cursor:pointer;border-radius: 4px;}
.contactlistcontainer .friendListContent li.contextMenuItem:hover {background:#EEE; color:#333;}
.contactlistcontainer .friendListContent .deletePersonalFriendContainer label{padding-left: 5px;}
.contactlistcontainer .friendListContent .deletePersonalFriendContainer {position: fixed;top: 80px;width: calc(100% - 10px);height: 80px;background: #fff;padding-top: 10px;border: 1px solid #8492A6;
    border-radius: 5px;
    left: 5px;
}
.contactlistcontainer .friendListContent .deletePersonalFriendContainer label img{width: 17px;height: 17px;vertical-align: top;}

.el-table .cell img{vertical-align: sub;}

.el-input__inner{border-radius: 8px;}
.el-textarea__inner{border-radius: 8px;}
.el-tabs{border-radius: 8px;}
button{border-radius: 8px !important;}
.modifyDialog{z-index: 99999 !important ; font-family: "Microsoft Yahei";position:absolute; height: auto !important;}
.modifyDialog label {
        width: 100px;
        text-align: left;
        display: inline-block;
        vertical-align: top;
    }
.modifyDialog div{ height: 30px;}
.modifyDialog select{  height:25px;width: 120px; position: absolute;}
.modifyDialog input{  height:24.5px;width: 100px; position: absolute;}
.modifyDialog .unit {position: relative; display: inline-block;float: right;z-index: 999;}
.modifyDialog .unit table{border: 1px solid #8492A6;width: 115px;}
.modifyDialog .unit th{border: 1px solid #8492A6;}
.modifyDialog .unit td{border: 1px solid #8492A6;}
.modifyDialog .unit td:last-child{width: 50px;}
.ui-dialog{z-index: 99999 !important ; font-family: "Microsoft Yahei";position:absolute;width: 100%; }
.ui-dialog .modifyDialog
/*.ui-dialog{z-index: 99999 !important ; font-family: "Microsoft Yahei";position:absolute; width:360px!important;}*/

.modifyContextmenu  { cursor: pointer; color: #555; background: #e6f1fc; border: 1px solid silver; height: 30px; line-height: 30px; width: 80px; text-align: center; position: fixed; z-index: 99999; top: 0; left: 0;border-radius: 4px; }

.modifyContextmenu :hover { background: #ecf1fc;  }

/*.qualityStandardContainer .dialog_out/deep/ .el-dialog { width: 600px; }*/

.modifyDialogVue .el-dialog .el-dialog__header{color: #1f2d3d;background: #fff; height:2vh;}
/*.modifyDialogVue .el-dialog .el-dialog__header .el-dialog__title{color: #1f2d3d; font-size: 16px;}*/
.modifyDialogVue .el-dialog .el-dialog__body{
    /*background-color:#ffffff;*/
    padding-top: 25px;
    padding-right: 0;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;}
.modifyDialogVue .el-dialog .el-dialog__footer{height:55px; background: #fff}
.modifyDialogVue .el-dialog .modifyInput .el-input__inner{width: 260px; }
input[readonly] {
    background: #EFF2F7;
}
.el-select input[readonly] {
    /*background: #fff;*/
}
.el-date-editor input[readonly] {
    /*background: #fff;*/
}

.modifyDialogVue .modifySelect{ width: 252px; position: absolute;}
.modifyDialogVue .modifyInput { width: calc(100% - 10px); /*position: absolute;*/}
.modifyDialogVue .verticlFrom .modifyInput { width:100%;}
/*.modifyDialogVue .unit {position: relative;}*/
.modifyDialogVue .el-form .el-form-item__label{font-size: 12px !important;height: auto;font-weight: normal;}

.registerToTeamDialog .form .accountinfo li label{padding: 2px 7px;}
.registerToTeamDialog .form .accountinfo li input{width: calc(100% - 270px);}
.registerToTeamDialog .form .accountinfo li button{width: 100px;float:right;}
.registerToTeamDialog .form .accountinfo .photoli .fileInput {
    height: 85px !important;
    width: 100%;
    overflow: hidden;
    font-size: 0px;
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer;
}

.registerToTeamDialog .form .accountinfo .photoli .fileInputContainer {
    text-align: center;
    cursor: pointer;
    /*float: right;*/
    display: inline-block;
    width: 85px;
    height: 85px;
    /*line-height: 22px;
    background: #20A0FF;*/
    color: #FFF;
    margin-top: 10px;

}
/*.registerToTeamDialog .form .accountinfo .photoli .fileInputContainer:hover{background: #4db3ff;}*/
.registerToTeamDialog .form .accountinfo .photo {
    display: inline-block;
    /*width:calc(100% - 270px);*/
    width: 100%;
    /*margin-left: 5px;*/
    /*max-height: 100px;*/
}
.registerToTeamDialog .form .accountinfo .photo img{
    width: 85px;
    height: 85px;
    object-fit: cover;
    border-radius: 85px;
}
.registerToTeamDialog .form .upload label{background: none;width: auto;}
.registerToTeamDialog .form .upload .el-upload-list__item .el-icon-upload-success{color: #13ce66;vertical-align: top; margin-top: 3px;width: auto;right: 10px;}
.registerToTeamDialog .form .upload .el-upload-list__item .el-icon-close{top: 7px;right: 0px;}
.registerToTeamDialog .form .upload .el-upload-list__item .el-progress{width: calc(100% + 20px);}
.homeEditLanguagePairContainer .form .upload .el-upload-list__item .el-progress{width: calc(100% + 20px);}

.micromessge-container .AIRealTimeDialog span span{ margin-bottom:8px;display:inline-block;}
.micromessge-container .AIRealTimeDialog .radio{ margin-left:15px;vertical-align: -8px;
    margin-right: 5px}
.micromessge-container .backTransDialog span span{ margin-bottom:8px;display:inline-block;}
.micromessge-container .backTransDialog .radio{ margin-left:15px;vertical-align: -8px;
    margin-right: 5px}
.allInterfaceLangugaeList{padding: 0px !important;}
.allInterfaceLangugaeList .title{background: #E5E9F2;}
.allInterfaceLangugaeList ul {height: 300px;overflow-y: scroll;    margin-bottom: 45px}
.allInterfaceLangugaeList li{padding-top: 15px;}
.allInterfaceLangugaeList .opt {background: #E5E9F2;}
.allInterfaceLangugaeList .opt button {float: right;}

.microchatcontainer .recommendFriendDialog .interfaceLangugaeItem .interfaceLangugaeInfo span{width: calc(100% - 65px);vertical-align: top;margin-top: 2px;}
.microchatcontainer .recommendFriendDialog .interfaceLangugaeItem .interfaceLangugaeInfo img{vertical-align: top;margin-top: 4px;}

.el-time-spinner .el-scrollbar__wrap{overflow-x: hidden;margin-bottom: 0 !important;}

.el-dialog{ border-radius: 6px !important;}
.el-dialog--full{border-radius: 2px !important;}
.el-dialog__header {
    color: #324057;
    font-weight: bold;
    background: #eef2fa;
    height: 50px;
    padding: 0 20px;
    line-height: 50px;
    border-radius: 6px 6px 1px 1px;
}
.el-dialog__footer {
    height: 50px;
    background-color: #eef2fa;
    padding: 0 35px;
    border-radius: 2px 2px 6px 6px;
}
.el-dialog__footer .el-button{
    margin-top: 10px;
    height: 30px;
    line-height: 0;
}
.el-dialog__title{
    color: #324057;
    font-weight: bold;
    font-size: 14px;
}
.el-dialog--full .el-dialog__header {
    color: #1f2d3d;
    background: #FFFFFF;
    font-weight: bold;
    height: 45px;
}
.el-dialog--full  .el-dialog__footer {
    height: 50px;
    background:#ffffff;
    padding: 0 35px;
}
.el-dialog--full .el-dialog__title {
    color: #1f2d3d;
    font-size: 14px;
}
.advertisingContainer{height: calc(100% - 10px) !important;}
.advertisingContainer .clusterContent { height:calc(100% - 30px); width: 100%;}
.advertisingContainer .content { font-weight: normal; font-size: 12px;background: #FFF;border-radius: 10px;padding: 10px; overflow: hidden; width: 100%; position: relative; height: calc(100% - 10px); color: #555; text-align: left;  }

.modifyBarginDialog .el-form .el-form-item{padding-right: 15px;}

.modifyDialogVue .el-dialog {
    width: 800px;
    z-index: 99999;
}

.ui-dialog{
    border-radius: 6px !important;
}

.ui-button{
    border-radius: 4px !important;
}
.modifyDialog select,input{
     border-radius: 4px;
}
.modfiyAppend{
    margin-bottom: 10px;
}
.chatContainer{margin-left: 0px !important;max-width: 500px;}
.chatContainer+.chatContainer{margin-left: 10px !important;}