样式冲突

src/components/SupplierIndex.vue

@@ -3798,135 +3798,231 @@
 
 </script>
 <style lang="less">
-  @import "../assets/css/main.less";
-  @import "../assets/css/cssReset.css";
-  @import "../assets/css/message.css";
-
-  #downzip {
+@import "../assets/css/main.less";
+@import "../assets/css/cssReset.css";
+@import "../assets/css/message.css";
+.downmz .khd a{
+  color: #fff;
+}
+.downmz .khd{
+  display: inline-block;
+  width:162px;
+  height: 32px;
+  line-height:32px;
+  text-align: center;
+  background: rgba(0,0,0,0.5);
+  font-family:"PingFangR";
+  font-weight:400;
+  color:rgb(66, 25, 25);
+  box-shadow:0px 0px 8px 0px rgba(0, 0, 0, 0.21);
+  border-radius: 4px;
+  cursor: pointer;
+}
+.downmz .im_bottom{
+  width: 100%;
+  height:114px;
+  background: url('../assets/img/im/bottom.png') no-repeat;
+  position: absolute;
+  bottom:0;
+  left:0;
+}
+.downmz .downlist>div{
+  position: relative;
+  text-align: center;
+}
+.downmz .downlist>div>p{
+  position: absolute;
+  bottom:7px;
+  color:#333333;
+  font-size: 14px;
+  width:100%;
+  font-weight: 400;
+  
+}
+.downmz .downlist{
+  width:165px;
+  height: 210px;
+  margin:25px auto;
+  background: #fff;
+}
+.downmz .top_1{
+  width: 100%;
+  height: 59px;
+  background: url('../assets/img/im/yun.png') no-repeat;
+  background-size:100% 100%; 
+}
+.downmz{
+  position: fixed;
+  top:50px;
+  right: 0px;
+  width: 192px;
+  background: #FFD607;
+  height: calc(100% - 50px);
+  z-index:5000;
+  min-height: 727px;
+  
+}
+  #downzip{
     width: 100%;
     height: 100%;
     position: fixed;
-    background: rgba(0, 0, 0, 0.3);
+    background: rgba(0,0,0,0.3);
     top: 0;
     left: 0;
     z-index: 2000;
     display: table;
   }
-
-  #downzip>div {
+  #downzip>div{
     display: table-cell;
     vertical-align: middle; 
     margin-top: 200px;
   }
-
-  #downzip>div>div {
-    width: 285px;
+  #downzip>div>div{
+    width:285px;
     height: 260px;
     margin: 0 auto;
     position: relative;
     cursor: pointer;
     
   }
-
-  .close {
+  .close{
     position: absolute;
     top: 0;
     right: 0px;
     width: 25px;
     height: 25px;
   }
-
-  .changelanguage {
-    width: 124px;
-  }
-
-  .changelanguage .el-dropdown-menu__item .icon-duigou {
-    color: #000000;
+.changelanguage{
+  width:124px;
+}
+.changelanguage .el-dropdown-menu__item .icon-duigou{
+  color:#000000;
   position: absolute;
   right: 10px;
-    font-size: 14px;
-  }
-
-  .changelanguage .el-dropdown-menu__item {
-    padding: 0;
-    padding-left: 15px;
+  font-size: 12px;
+}
+.changelanguage .el-dropdown-menu__item{
+  padding:0;
+  padding-left:15px;
   font-size: 14px;
   position: relative;
-    color: #333333;
-  }
-
-  .changelanguage .el-dropdown-menu__item:hover {
+  color:#333333;
+}
+.changelanguage .el-dropdown-menu__item:hover{
   background: #D9D9D9;
-    color: #333333;
-  }
-
-  ._dropdown.el-dropdown-menu {
+  color:#333333;
+}
+._dropdown.el-dropdown-menu {
   padding: 0;
-    background-color: #1f2533 !important;
+  background-color: #FFF !important;
   border-radius: 4px;
   overflow: hidden;
   width: 210px;
   top: 40px !important;
-  }
-
-  ._dropdown_f1.el-dropdown-menu__item {
-    background-color: #4d515b !important;
+  box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
+}
+._dropdown_f1.el-dropdown-menu__item {
   color: #ffffff !important;
-    cursor: default;
-    height: 50px;
-    line-height: 50px;
-  }
+  height: 120px;
+  background: url("../assets/img/persion/bg-1.jpg");
+  background-size: cover;
+  background-repeat: no-repeat;
+}
+._dropdown_f1 .h-info-box {
+  display: flex;
+}
+._dropdown_f1 .h-info-box .h-info {
+  flex: 1;
+}
+._dropdown_f1 .h-info-box .h-info .k {
+  color: #8a8894;
+  height: 16px;
+  line-height: 16px;
+  font-size: 14px;
+  font-family: "pingfangR";
+  text-align: right;
+  display: block;
+  margin-top: 10px;
+}
+._dropdown_f1 .h-info-box .h-info .v {
+  color: #ddd;
+  // height: 20;
+  line-height: 18px;
+  font-size: 18px;
+  font-family: "pingfangR";
+  text-align: right;
+  display: block;
+  margin-top: 10px;
+}
 
-  ._dropdown_f1.el-dropdown-menu__item .company {
+._dropdown_f1 .h-info-box .h-img {
+  width: 100px;
+  height: 100px;
+  position: relative;
+  align-items: center;
+  justify-content: center;
+  margin-left: 20px;
+  display: flex;
+  margin-top: 10px;
+  background: rgba(44,39,57,.3);
+  border-radius: 100px;
+}
+._dropdown_f1 .h-info-box .h-img img {
+  width: 82px;
+  height: 82px;
+  border-radius: 82px;
+}
+._dropdown_f1.el-dropdown-menu__item .company {
   font-size: 14px;
   display: flex;
   justify-content: space-between;
   align-items: center;
-  }
-
-  ._dropdown_f1.el-dropdown-menu__item .company span:nth-child(2) {
+}
+._dropdown_f1.el-dropdown-menu__item .company span:nth-child(2) {
   display: inline-block;
   padding: 3px 8px;
   background-color: #007eff;
   border-radius: 9px;
   line-height: 18px;
   font-size: 12px;
-  }
-
-  ._dropdown_f1.el-dropdown-menu__item:hover,
-  ._dropdown_f1.el-dropdown-menu__item:focus {
+}
+._dropdown_f1.el-dropdown-menu__item:hover,
+._dropdown_f1.el-dropdown-menu__item:focus {
   background-color: #4d515b !important;
   color: #ffffff !important;
-  }
-
-  ._dropdown_other.el-dropdown-menu__item {
-    color: #a9aaad;
+}
+._dropdown_other{
+  line-height: 42px !important;
+}
+._dropdown_other.el-dropdown-menu__item {
+  color: #6c7293;
   position: relative;
-  }
-
-  ._dropdown_other.el-dropdown-menu__item .el-badge {
+}
+._dropdown_other.el-dropdown-menu__item .el-badge {
   position: absolute;
-    right: 20px;
+  right: 35px;
   top: 5px;
-  }
-
-  ._dropdown_other.el-dropdown-menu__item i {
-    color: #a9aaad;
+}
+._dropdown_other.el-dropdown-menu__item .icon-right1 {
+  position: absolute;
+    right: 4px;
+    top: 3px;
+    font-size: 12px;
+}
+._dropdown_other.el-dropdown-menu__item i {
   display: inline-block;
   margin-right: 6px;
-  }
-
-  ._dropdown_other.el-dropdown-menu__item:hover,
-  ._dropdown_other.el-dropdown-menu__item:focus {
-    background-color: #6f737b !important;
-    color: #ffffff !important;
-  }
-
-  ._dropdown .popper__arrow::after {
+}
+._dropdown_other.el-dropdown-menu__item:hover,
+._dropdown_other.el-dropdown-menu__item:focus {
+  transition: background-color 0.3s ease;
+  background-color: #f7f8fa;
+  color:#5d78ff;
+}
+._dropdown .popper__arrow::after {
   border-bottom-color: transparent !important;
-  }
-
-  .IM_body {
+}
+.IM_body {
   position: absolute;
   z-index: 9999;
   right: 0;
@@ -3941,39 +4037,36 @@
   background-image: url("../assets/img/imbg/1.png");
   box-shadow: 1px 1px 50px rgba(0, 0, 0, 0.3);
   background-clip: content-box;
-  }
-
-  .myDocumentsLink {
+}
+.myDocumentsLink {
   margin: 25px 0;
-  }
+}
 
-  .myDocumentsLink>span {
+.myDocumentsLink > span {
   font-size: 12px;
   cursor: pointer;
   color: #e95252;
-  }
+}
 
-  .myDocumentsLink>span:not(:last-of-type):hover {
+.myDocumentsLink > span:not(:last-of-type):hover {
   text-decoration: underline;
-  }
+}
 
-  .myDocumentsLink>span:not(:last-of-type):after {
+.myDocumentsLink > span:not(:last-of-type):after {
   content: ">";
   margin: 0 3px;
   color: #e95252;
   pointer-events: none;
-  }
+}
 
-  .myDocumentsLink>span:last-child {
+.myDocumentsLink > span:last-child {
   color: #666;
   cursor: default;
-  }
-
-  .dsyNone {
+}
+.dsyNone {
   display: none;
-  }
-
-  .indexMsgLayer {
+}
+.indexMsgLayer {
   position: fixed;
   z-index: 999;
   background: rgba(0, 0, 0, 0.2);
@@ -3981,9 +4074,8 @@
   height: 100%;
   left: 0;
   top: 0;
-  }
-
-  .indexMsgLayerContent {
+}
+.indexMsgLayerContent {
   width: 400px;
   background: #fff;
   z-index: 1100;
@@ -3994,128 +4086,109 @@
   position: absolute;
   box-shadow: 4px 0px 10px rgba(0, 0, 0, 0.1);
   transition: right 0.5s;
-  }
-
-  .indexMsgLayerContent.rightZero {
+}
+.indexMsgLayerContent.rightZero {
   right: 0px;
-  }
-
-  .indexMsgLayerContent .title {
+}
+.indexMsgLayerContent .title {
   height: 48px;
   background: #edeef0;
   line-height: 48px;
   font-size: 16px;
   color: #333;
   text-indent: 30px;
-  }
-
-  .indexMsgLayerContent .user {
+}
+.indexMsgLayerContent .user {
   width: 340px;
   margin: 0 30px;
   border-bottom: 1px solid #e6e6e6;
   height: 60px;
   padding: 30px 0;
   box-sizing: content-box;
-  }
-
-  .indexMsgLayerContent .user>p {
+}
+.indexMsgLayerContent .user > p {
   line-height: 28px;
-  }
-
-  .indexMsgLayerContent .user>img {
+}
+.indexMsgLayerContent .user > img {
   width: 58px;
   height: 58px;
   border-radius: 29px;
   float: left;
   margin: 0 12px 0 0;
-  }
-
-  .indexMsgLayerContent .detail {
+}
+.indexMsgLayerContent .detail {
   width: 340px;
   margin: 0 30px;
   padding: 25px 0;
   border-bottom: 1px solid #e6e6e6;
   min-height: 120px;
-  }
-
-  .indexMsgLayerContent .audit {
+}
+.indexMsgLayerContent .audit {
   width: 340px;
   margin: 30px 30px 0;
   min-height: 120px;
   border-bottom: 1px solid #e6e6e6;
-  }
-
-  .indexMsgLayerContent .audit .auditItem {
+}
+.indexMsgLayerContent .audit .auditItem {
   min-height: 80px;
   width: 320px;
   margin-left: 20px;
   border-left: 1px solid #ededed;
   position: relative;
   font-size: 14px;
-  }
-
-  .indexMsgLayerContent .audit .auditItem:last-child {
+}
+.indexMsgLayerContent .audit .auditItem:last-child {
   border-left: none;
-  }
-
-  .indexMsgLayerContent .audit .auditItem>p {
+}
+.indexMsgLayerContent .audit .auditItem > p {
   line-height: 40px;
   text-indent: 40px;
-  }
-
-  .indexMsgLayerContent .audit .auditItem>img {
+}
+.indexMsgLayerContent .audit .auditItem > img {
   width: 40px;
   height: 40px;
   border-radius: 20px;
   position: absolute;
   left: -20px;
-  }
-
-  .indexMsgLayerContent .send {
+}
+.indexMsgLayerContent .send {
   width: 340px;
   margin: 30px 30px 0;
   min-height: 120px;
-  }
-
-  .indexMsgLayerContent .send .sentTitle {
+}
+.indexMsgLayerContent .send .sentTitle {
   height: 14px;
   line-height: 14px;
   text-indent: 10px;
   border-left: 3px solid #e95252;
   font-size: 14px;
-  }
-
-  .indexMsgLayerContent .send .sentTitle span {
+}
+.indexMsgLayerContent .send .sentTitle span {
   color: #666;
   margin-left: 20px;
-  }
-
-  .indexMsgLayerContent .send .sendList>div {
+}
+.indexMsgLayerContent .send .sendList > div {
   float: left;
   margin: 10px 10px 0 0;
   font-size: 12px;
   color: #666;
   width: 40px;
   text-align: center;
-  }
-
-  .indexMsgLayerContent .send .sendList>div>img {
+}
+.indexMsgLayerContent .send .sendList > div > img {
   width: 40px;
   height: 40px;
   border-radius: 20px;
-  }
-
-  .indexMsgLayerContent .myApprovalTable tr {
+}
+.indexMsgLayerContent .myApprovalTable tr {
   height: 40px;
   font-size: 14px;
-  }
-
-  .indexMsgLayerContent .myApprovalTable tr td:nth-child(1) {
+}
+.indexMsgLayerContent .myApprovalTable tr td:nth-child(1) {
   text-align: right;
   color: #666;
-  }
-
-  .indexMsgLayerContentBtn {
+}
+.indexMsgLayerContentBtn {
   position: fixed;
   bottom: 0;
   background: #fff;
@@ -4124,19 +4197,16 @@
   line-height: 40px;
   padding: 0 30px;
   border-top: 1px solid #f0f3fa;
-  }
-
-  .indexMsgLayerContentBtn input {
+}
+.indexMsgLayerContentBtn input {
   margin-right: 10px;
-  }
-
-  .Supplier_nav_right ul li.user_head .el-dropdown-link {
+}
+.nav-right ul li.user_head .el-dropdown-link {
   display: flex;
   align-items: center;
   cursor: pointer;
-  }
-
-  .Supplier_nav_right ul li.user_head span.name {
+}
+.nav-right ul li.user_head span.name {
   color: #99a7b3;
   font-size: 12px;
   display: inline-block;
@@ -4144,242 +4214,229 @@
   overflow: hidden;
   width: 45px;
   height: 50px;
-  }
-
-  .Supplier_nav_right ul li.user_head img {
+}
+.nav-right ul li.user_head img {
   width: 24px;
   height: 24px;
   border-radius: 50%;
-  }
-
-  .nav {
+  margin-top: 13px;
+}
+.nav {
   display: -webkit-box;
   .size(100%, 50px);
   .min-width(1366px);
-    background: #1f2533;
-  }
-
-  .nav-left {
+  background: #1f1e2e;
+}
+.nav-left {
   width: 56px;
   line-height: 50px;
   color: #e73828;
   text-align: center;
-  }
-
-  .nav-left .GroupPic {
+}
+.nav-left .GroupPic{
     width: 36px;
     height: 36px;
     -webkit-border-radius: 36px;
     margin: 7px 0px 0px 15px;
 
-  }
-
-  .nav-left i.iconfont {
+}
+.nav-left i.iconfont {
   font-size: 24px;
-  }
-
-  .nav-left img {
+}
+.nav-left img {
   .fl();
-    .size(50px; 50px);
+  .size(50px;50px);
   .circle(25px);
-  }
-
-  .nav-left p.name {
+}
+.nav-left p.name {
   .fz(14px, 18px);
   color: #444;
   margin: 20px 0 5px 0;
-  }
-
-  .nav-left p.company {
+}
+.nav-left p.company {
   .fz(12px);
   color: #444;
-  }
-
-  .nav-middle {
+}
+.nav-middle {
   /*width: calc(100% - 140px);*/
   display: flex;
-  }
-
-  .nav-middle ul {
+}
+.nav-middle ul {
   width: 100%;
   margin: 0 auto;
   height: 100%;
   z-index: 2019128;
-  }
-
-  .nav-middle ul li {
-    .size(100px, 100%);
+}
+.nav-middle ul li {
+  .min-size(100px, 100%);
   .fz(14px);
   .center(text-x);
   .hover-bg(#f1f1f1);
   color: #a6adb4;
   position: relative;
-    padding: 12px 0;
+  padding: 12px 10px;
   float: left;
   z-index: 2019128;
-  }
-
-  .nav-middle ul li i {
+}
+.nav-middle ul li i {
   font-size: 16px;
   color: #a6adb4;
-  }
-
-  .nav-middle ul li img {
+}
+.nav-middle ul li img {
   height: 40px;
   margin: 32px 0 14px;
-  }
-
-  .nav-middle ul li:hover .menuList_son {
+}
+.nav-middle ul li:hover .menuList_son{
   // display: block;
   width: 1000px;
   z-index: 999999;
   opacity: 1;
-    padding: 20px 0 20px 20px;
+  // padding: 20px 0 20px 20px;
   height: auto;
   // transition: all .5s linear .5s;
-    animation: ttt .5s forwards;
+  animation:ttt .5s forwards;
+}
+@keyframes ttt {
+    0%{
+        opacity:0;
     }
-
-  @keyframes ttt {
-    0% {
-      opacity: 0;
+    66%{ 
+        opacity:0;
     }
-
-    66% {
-      opacity: 0;
+    100%{
+        opacity:1;
     }
-
-    100% {
-      opacity: 1;
-    }
-  }
-
-  .nav-middle ul li .menuList_son {
+}
+.nav-middle ul li .menuList_son{
   position: fixed;
   z-index: 9000;
-    background-color: #363c4a;
+  background-color: #FFF;
   top: 50px;
   // display: none;
   opacity: 0;
   padding: 0;
   overflow: hidden;
   height: 0;
-  }
-
-  .menuList_tittle_box {
+  box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
+}
+.menuList_tittle_box{
   line-height: 30px;
-    padding-top: 15px;
-  }
-
-  .menuList_son_one_tittle {
-    color: #a6adb4;
+  // padding-top: 15px;
+}
+.menuList_son_one_tittle{
+  color: #5f6281;
   font-size: 16px;
   padding-bottom: 15px;
-    border-bottom: 1px solid #495165;
+  /* border-bottom: 1px solid #495165; */
   text-align: left;
-  }
-
-  .menuList_son_two_tittle {
-    color: #e9ebec;
+  padding: 9px 10px;
+  font-family: "pingfangR";
+}
+.menuList_son_two_tittle{
+  color: #a1aad0;
   text-align: left;
-  }
-
-  .menuList_son_three_tittle {
+  font-family: pingfangR;
+  padding: 0 9px;
+}
+.menuList_son_three_tittle{
       cursor: pointer;
-    transition: all linear .3s;
+    -webkit-transition: all linear 0.3s;
+    transition: all linear 0.3s;
     text-align: left;
-  }
-
-  .menuList_son_three_tittle:hover {
-    color: white;
-  }
-
-  .menuList_son_item {
+    padding: 0 9px;
+    color: #494d5f;
+    /* font-family: pingfangR; */
+    font-size: 12px;
+}
+.menuList_son_three_tittle i{
+  color: #494d5f;
+  display: inline-block;
+  margin-right: 10px;
+  font-size: 13px;
+}
+.menuList_son_three_tittle:hover{
+  color: #5867dd;
+  background:#f8f8fb;
+}
+.menuList_son_three_tittle:hover i{
+  color: #5867dd;
+}
+.menuList_son_item{
   width: 100%;
   display: flex;
   justify-content: flex-start;
-  }
-
-  .hoverNote {
+}
+.menuList_son_item div:last-child{
+  border:none;
+}
+.hoverNote {
   width: 0;
   height: 4px;
   background: #e95252;
   position: absolute;
   left: 0;
   bottom: -2px;
-  }
-
-  .nav-middle ul li:hover {
-    background-color: #2f384d;
-  }
-
-  .nav-middle ul li:hover .hoverNote {
+}
+.nav-middle ul li:hover {
+  background-color: #232337;
+}
+.nav-middle ul li:hover .hoverNote {
   width: 100%;
-    transition: width 0.3s;
-  }
-
-  .nav-middle ul li i {
-    color: #a6adb4;
+  transition: width 0.5s;
+}
+.nav-middle ul li i {
   display: inline-block;
-    margin-right: 12px;
-  }
-
-  .big_tittle {
+  margin-right: 8px;
+}
+.big_tittle{
   cursor: pointer;
-  }
-
-  .nav-middle ul li.active .big_tittle {
+  font-size: 15px;
+  font-family: pingfangR;
+}
+.nav-middle ul li.active .big_tittle{
   color: #ffffff;
   // background: #2f384d;
   cursor: pointer;
-  }
+}
 
-  .nav-middle ul li.active .hoverNote {
+.nav-middle ul li.active .hoverNote {
   width: 100%;
-  }
-
-  .Supplier_nav_right {
-    min-width: 220px;
+}
+.nav-right {
+  width: 220px;
   position: absolute;
   right: 0;
-  }
-
-  .Supplier_nav_right ul {
+}
+.nav-right ul {
   display: flex;
   line-height: 50px;
   justify-content: flex-end;
-  }
-
-  .Supplier_nav_right ul li {
+}
+.nav-right ul li {
   height: 50px;
   margin-right: 20px;
   text-align: center;
   justify-content: flex-end;
-  }
-
-  .Supplier_nav_right ul li i {
+}
+.nav-right ul li i {
   cursor: pointer;
   .fz(18px);
   color: #e4e4e4;
-  }
-
-  .Supplier_nav_right ul li i:hover {
+}
+.nav-right ul li i:hover {
   color: #999;
-  }
-
-  .hide {
+}
+.hide {
   display: none;
-  }
-
-  #message_box {
+}
+#message_box {
   position: fixed;
   left: 0;
   top: 0;
   z-index: 1889;
   font-family: "PingFangSC-fine" !important;
-  }
-
-  .box {
+}
+.box {
   height: 100%;
   background-color: rgba(255, 255, 255, 0);
   overflow: hidden;
@@ -4388,70 +4445,55 @@
   top: 0;
   z-index: 180;
   width: 100%;
-  }
-
-  .mybox-leave-active {
+}
+.mybox-leave-active {
   transition: all 1s ease;
-  }
-
-  .mybox-enter-active {
+}
+.mybox-enter-active {
   transition: all 0.5s ease;
-  }
-
-  .mybox-leave-active,
-  .mybox-enter {
+}
+.mybox-leave-active,
+.mybox-enter {
   right: -100% !important;
-  }
-
-  .mybox-leave,
-  .mybox-enter-active {
+}
+.mybox-leave,
+.mybox-enter-active {
   right: 0;
-  }
-
-  .noNewMsg {
+}
+.noNewMsg {
   font-size: 16px;
   color: #999;
   text-align: center;
-  }
-
-  @keyframes zy {
+}
+@keyframes zy {
   10% {
     transform: rotate(15deg);
   }
-
   20% {
     transform: rotate(-10deg);
   }
-
   30% {
     transform: rotate(5deg);
   }
-
   40% {
     transform: rotate(-5deg);
   }
-
   50%,
   100% {
     transform: rotate(0deg);
   }
-  }
-
-  .animation::before {
+}
+.animation::before {
   color: #e95252;
   float: left;
   width: 18px;
   height: 27px;
   animation: zy 2.5s 0.15s linear infinite;
-    -moz-animation: zy 2.5s 0.15s linear infinite;
-    /* Firefox */
-    -webkit-animation: zy 2.5s 0.15s linear infinite;
-    /* Safari and Chrome */
-    -o-animation: zy 2.5s 0.15s linear infinite;
-    /* Opera */
-  }
-
-  #message_box .content {
+  -moz-animation: zy 2.5s 0.15s linear infinite; /* Firefox */
+  -webkit-animation: zy 2.5s 0.15s linear infinite; /* Safari and Chrome */
+  -o-animation: zy 2.5s 0.15s linear infinite; /* Opera */
+}
+#message_box .content {
   width: 350px;
   height: 100%;
   background-image: url("../assets/img/message_bg@3x.png");
@@ -4460,73 +4502,58 @@
   right: 0;
   top: 0;
   z-index: 200;
-  }
-
-  #message_box .header {
+}
+#message_box .header {
   padding: 18px 20px;
   height: 6%;
-  }
-
-  #message_box .header i {
+}
+#message_box .header i {
   color: #e95252;
   font-size: 18px;
   cursor: pointer;
-  }
-
-  #message_box .header>div {
+}
+#message_box .header > div {
   width: 50%;
   float: left;
-  }
-
-  #message_box .header>div:nth-child(2) {
+}
+#message_box .header > div:nth-child(2) {
   text-align: right;
-  }
-
-  #message_box .header i.icon-img_caidan {
+}
+#message_box .header i.icon-img_caidan {
   font-size: 16px;
-  }
-
-  #message_box .header>div:nth-child(2) .icon-img_delete_small {
+}
+#message_box .header > div:nth-child(2) .icon-img_delete_small {
   display: inline-block;
   margin-right: 38px;
-  }
-
-  .msgItem_box {
+}
+.msgItem_box {
   height: 94%;
   overflow: auto;
-  }
-
-  #message_box .msgItem {
+}
+#message_box .msgItem {
   padding: 20px;
   transition: all linear 0.5s;
   cursor: pointer;
-  }
-
-  #message_box .msgItem:hover {
+}
+#message_box .msgItem:hover {
   background: rgba(0, 0, 0, 0.1);
-  }
-
-  #message_box .msgItem:hover .icon-ego-guanbi {
+}
+#message_box .msgItem:hover .icon-ego-guanbi {
   display: inline-block;
-  }
-
-  .msgItem_left {
+}
+.msgItem_left {
   width: 40px;
-  }
-
-  .msgItem_right {
+}
+.msgItem_right {
   width: 250px;
-  }
-
-  .msgItem_right>div>div {
+}
+.msgItem_right > div > div {
   float: left;
-  }
-
-  .msgItem_right>div>div:nth-child(2) {
+}
+.msgItem_right > div > div:nth-child(2) {
   float: right;
-  }
-
-  .msgItem_tit {
+}
+.msgItem_tit {
   padding-left: 10px;
   font-size: 14px;
   color: #333333;
@@ -4534,15 +4561,13 @@
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-  }
-
-  .msgItem_left,
-  .msgItem_right {
+}
+.msgItem_left,
+.msgItem_right {
   height: 80px;
   float: left;
-  }
-
-  .msgItem_radius {
+}
+.msgItem_radius {
   height: 38px;
   width: 38px;
   line-height: 38px;
@@ -4551,100 +4576,82 @@
   background-color: #6694dc;
   font-size: 12px;
   color: white;
-  }
-
-  .msgItem_time {
+}
+.msgItem_time {
   font-size: 14px;
   color: #999999;
-  }
-
-  .icon-ego-guanbi {
+}
+.icon-ego-guanbi {
   font-size: 12px;
   color: #999999;
   cursor: pointer;
   display: inline-block;
   padding-left: 20px;
   display: none;
-  }
-
-  .msgItem_conten {
+}
+.msgItem_conten {
   padding: 10px;
   font-size: 12px;
   color: #666666;
   padding-bottom: 0;
-  }
-
-  .icon-imessage_top {
+}
+.icon-imessage_top {
   animation: mymove 5s infinite;
-    -webkit-animation: mymove 5s infinite;
-    /*Safari and Chrome*/
-  }
-
-  @keyframes mymove {
+  -webkit-animation: mymove 5s infinite; /*Safari and Chrome*/
+}
+@keyframes mymove {
   from {
     left: 0px;
   }
-
   to {
     left: 200px;
   }
-  }
-
-  @-webkit-keyframes mymove
-
-  /*Safari and Chrome*/
-    {
+}
+@-webkit-keyframes mymove /*Safari and Chrome*/ {
   from {
     left: 0px;
   }
-
   to {
     left: 200px;
   }
-  }
-
-  .temDivs {
+}
+.temDivs {
   /*flex:1;margin-top: 2px;*/
   position: absolute;
   top: 50px;
   bottom: 0px;
   left: 0px;
   right: 0px;
-  }
-
-  .red {
+}
+.red {
   color: #e95252 !important;
-  }
-
-  .weOytour {
+}
+.weOytour {
   display: none;
-  }
-
-  .sysMsg_lod_more {
+}
+.sysMsg_lod_more {
   text-align: center;
   font-size: 12px;
   color: #999999;
-  }
-
-  .IM_messageList2 {
+}
+.IM_messageList2{
   top: 41px;
-  }
-
-  .IM_messageList ul li.sysMsg_lod_more:hover {
+}
+.IM_messageList ul li.sysMsg_lod_more:hover {
   background-color: inherit;
   height: auto;
   line-height: 35px;
-  }
-
-  .IM_messageList ._SysNoteDate_ul li {
+}
+.IM_messageList ._SysNoteDate_ul li {
   height: auto;
-  }
-
-  ._more_dropdown._dropdown.el-dropdown-menu {
-    top: 50px !important;
-  }
-
-  .logsBack {
+}
+._more_dropdown._dropdown.el-dropdown-menu{
+  top: 39px !important;
+  border-radius: 0;
+  border-color: #ddd;
+}
+
+.logsBack{
   position: fixed;
   z-index: 999;
   background: rgba(0, 0, 0, 0.2);
@@ -4652,195 +4659,66 @@
   height: 100%;
   left: 0;
   top: 0;
-  }
-
-  .updateLogs {
+}
+.updateLogs{
     position: absolute;
-    width: 400px;
+    width:400px;
     // height:400px;
-    left: 50%;
-    top: 50%;
-    margin-left: -200px;
-    margin-top: -200px;
+    left:50%;
+    top:50%;
+    margin-left:-200px;
+    margin-top:-200px;
     border-radius: 4px;
-    border: 1px solid #DCDCDC;
+    border:1px solid #DCDCDC;
     z-index: 9999;
     background-color: #fff;
-  }
-
-  .logsTitle {
-    width: 100%;
-    padding: 0 10px;
+}
+.logsTitle{
+  width:100%;
+  padding:0 10px;
   text-align: center;
-    color: #333333;
-    font-size: 14px;
-    margin-top: 10px;
+  color:#333333;
+  font-size:14px;
+  margin-top:10px;
   font-weight: bold;
-  }
-
-  .inlogs_Content {
-    width: 100%;
-    padding: 0 15px;
+}
+.inlogs_Content{
+  width:100%;
+  padding:0 15px;
   // height:260px;
   overflow: auto;
-    margin-top: 20px;
-    color: #666666;
-    font-size: 12px;
-  }
-
-  .inlogs_Content p {
-    margin-bottom: 10px;
-  }
-
-  .logsImg {
-    margin-top: -30px;
-    margin-left: 155px;
-  }
-
-  ._saleRnk.el-dialog--center {
+  margin-top:20px;
+  color:#666666;
+  font-size:12px;
+}
+.inlogs_Content p{
+  margin-bottom:10px;
+}
+.logsImg{
+  margin-top:-30px;
+  margin-left:155px;
+}
+._saleRnk.el-dialog--center{
   z-index: 2019523;
-  }
-
-  ._saleRnk.el-dialog--center .el-dialog__body {
+}
+._saleRnk.el-dialog--center .el-dialog__body{
   padding: 0;
   max-height: 800px;
-  }
-
-  ._saleRnk.el-dialog--center {
+}
+._saleRnk.el-dialog--center{
   margin-top: 45px !important;
   margin-bottom: 0 !important;
   height: 850px;
-  }
-
-  .Supplier_nav_right ul li.user_head span.SupplierName {
-    color: #99a7b3;
-    font-size: 12px;
+}
+.MenuConfirm{
   display: inline-block;
-    margin-left: 5px;
-    overflow: hidden;
-    min-width: 45px;
-    height: 50px;
-  }
-
-  .SupplierIndex_Nav ul li {
-    margin-left: 20px;
-  }
-
-  .classHong {
-    background-color: rgb(255, 55, 55);
-    color: #fff;
-  }
-
-  .classWang {
-    background-color: rgb(255, 153, 204);
-  }
-
-  .classPing {
-    background-color: rgb(188, 214, 238);
-  }
-
-  .classDan {
-    background-color: rgb(221, 221, 221);
-  }
-
-  .classTe {
-    background-color: rgb(2, 247, 142);
-  }
-
-  .HouseTypeList {
-    background: #ccc;
-    width: 100%;
-    margin-top: 20px;
-  }
-
-  .Com_hoteldiv {
-    min-width: 70px;
-    white-space: nowrap;
-  }
-
-  .noKucun {
-    background-color: black !important;
-  }
-
-  .Hotel_kong {
-    width: 100%;
-    height: 35px;
+  width:15px;
+  height:15px;
+  font-size:12px;
   text-align: center;
-    line-height: 35px;
-    border-bottom: 1px solid #d1d1d1;
-  }
-
-  .Hotel_kong:last-child {
-    border: 0;
-  }
-
-  .HouseTypeList tr th {
-    background: #e6e6e6;
-    height: 35px;
-    font-size: 12px;
-    color: #333;
-  }
-
-  .HouseTypeList tr {
-    background: #fff;
-    text-align: center;
-    height: 35px;
-  }
-
-  .HouseTypeList tr td {
-    font-size: 12px;
-  }
-
-  .hotelProductManage2_tableBox span {
-    margin: 0 10px 10px 0;
-  }
-
-  .Hq_addDetail {
-    margin-top: 20px;
-  }
-
-  .Hq_addDetail .el-textarea__inner {
-    resize: none;
-  }
-
-  .Hq_addTable .el-button.is-circle {
-    padding: 5px;
-  }
-
-  .HqCom_bottom .el-form-item {
-    margin-bottom: 0
-  }
-
-  .HqCom_bottom {
-    height: 350px;
-    padding-top: 35px;
-  }
-
-  .HQ_miaoshu {
-    color: #E95252;
-    font-size: 12px;
-  }
-
-  .HQ_miaoshu:first-child {
-    margin-top: 10px;
-  }
-
-  .HotelQueryList .has-gutter tr th,
-  .el-table th.is-leaf {
-    background: #EAEAEA !important;
-  }
-
-  .HotelQueryList .el-table td,
-  .el-table th.is-leaf {
-    border-bottom: 1px solid #ebeef5;
-  }
-
-  .HotelQueryList .el-table .cell {
-    padding: 0;
-  }
-
-  .HotelQueryList .el-table td {
-    padding: 0;
-  }
-
+  border-radius: 2px;
+  background-color: #E95252;
+  color:#fff;
+  line-height: 15px;
+}
 </style>