          .tongxu{
            display: none;
          }
					.tongxu .el-dialog {
						height: 560px;
						border-radius: 15px;
						background-color: #303133;
            box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.41), 0px 1px 5px 0px rgba(0, 0, 0, 0.17);
            border-radius: 8px;
            min-height: 560px;
            max-height: 560px;
					}

					.tongxu .el-dialog__body {
						height: 70%;
					}

					.tongxu .el-dialog__footer {  
						text-align: center;
					}

					.tongxu .el-dialog__headerbtn .el-dialog__close {
						color: #fff;
					}

					.tongxu .dialog-footer {
						color: #fff;
						display: flex;
						justify-content: space-around;
						padding-top: 4.5%;
						border-top: 1px solid rgba(255,255,255,0.1);
					}

					.tongxu .countDown {
						text-align: center;
						font-size: 30px;
						color: #fff;
        
					}



					.tongxu .countDown .time {
						color: #fff;
						margin: 0 2px;
						padding: 0 5px;
					}

					.tongxu .timeOver {
						font-weight: 700;
						color: #c00;
					}

					.tongxu .el-dialog__headerbtn {
						display: none;
					}

					.detailsbox .el-dialog {
            /* max-height: 1050px; */
            min-width: 1249px !important;
            height: 100%;
            margin-top: 0 !important; 
          
					}

					.detailsbox .el-dialog__body {
            padding: 10px 20px;
						height: 83%;
					}

					.detailsbox .middlebox {
						height: 156px;
						background-image: url('/NotarialPlatform/img/bgsp.png');
						background-size: 100% 100%;

					}
					.detailsbox .distant-stream {
						height: 100%;
						width: 99%;
					}
          .detailsbox .el-dialog__wrapper{
            overflow:visible
          }
					.detailsbox .middlebox .local-stream {
						width: 9.5%;
						height: 156px;
            min-width: 145px;
					}
					.detailsbox .middlebox.local-stream .gongneng {
						position: absolute;
						z-index: 100;
						top: 17%;
						left: 3%;
					}
					.detailsbox .middlebox .remote-stream {
						width: 9.5%;
						height: 156px;
            min-width: 145px;
						cursor: pointer;
						margin-right: 2%;
            position: relative;
					}
                  .bidmatters {
                    height:  calc(100% - 156px);
                    display: flex;
                    justify-content: space-between;
                    margin-top: 1.5%;
                  } 
                  .bidmatters .leftbid{
                      width: 49%;
                      height: 100%;
                      border: 1px solid #DBDBDB;
                      background: #FAFAFA;
                      
                  }
                  .bidmatters .leftbid .el-tabs--border-card{
                    height: 90%;
                    border: none;
                    border-top: 1px solid rgb(235, 238, 245);
                  }
                  .bidmatters .leftbid .el-tabs__content{
                        overflow-y: auto;
                      overflow-x: visible;
                      height: 90%;
                  }

                  .bidmatters .rightbid{
                    width: 49%;
                    height: 100%;
                    position: relative;
                    /* border: 1px solid #ebeef5; */
                }
                .bidmatters.rightbid.el-dropdown{
                  width: 40px;
                  height: 40px;
                }
                .bidmatters .el-tabs--border-card{
                    height: 91.5%;
                    box-shadow: 0 0px 0px #fff;
                    background-color: #f5f7fa;
                }
                .bidmatters .el-tabs--border-card>.el-tabs__header .el-tabs__item:not(.is-disabled):hover{
                    color: #ffb820;
                    
                }
                .bidmatters .el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active{
                    color: #ffb820;
                    background-color: #f5f7fa;
                }
                .bidmatters .el-tabs--border-card>.el-tabs__header .el-tabs__item{
                  font-weight: 400;
                  color: #666666;
                }
                .bidmatters .el-tabs--border-card>.el-tabs__header{
                  background-color:#fff
                }
                .bidmatters .navlode{
                    display: flex;
                    position: relative;
                    margin: 0 0 0px;
                    border: 1px solid #E4E7ED;
                    background-color: #fff;
             
                }
                .bidmatters .el-tabs__item{
                  font-size: 15px;
                }
                .bidmatters .navlode .navitem{
                    padding: 0 20px;
                    height: 40px;
                    -webkit-box-sizing: border-box;
                    box-sizing: border-box;
                    line-height: 40px;
                    display: inline-block;
                    list-style: none;
                    font-size: 16px;
                    font-weight: 500;
                    position: relative;
                    cursor: pointer;
                    border-left:1px solid #E4E7ED ;
                }
                .articitme{
                    background-color: #f5f7fa;
                    color: #FF9503;
                    border-bottom:none
                } 
                .newarticitme {
                  color: #FF9503;
                }
                .bidmatters .moban{
                  /* height: 87%; */
                  background: #FAFAFA;
                 
                }
                .bidtext{
                  height:8.5%;
                  /* border-top: 1px solid #E4E7ED; */
                  padding-left: 2%;
                  padding-top: 1%;
                  font-size: 18px;
                  font-weight: 500;
                  color: #333333;
                  font-family: monospace;
                }
                .bidmatters .titlehead{
                  font-size: 14px;
                  color: #333333;
                  font-weight: 500;
                  padding-left: 3%;
                  padding-top: 1.5%;
                  font-family: 'element-icons'
                }
                .bidmatters .textnorl{
                   width: 100%;
                }
                .childinfobox{
                  display: flex;
                flex-wrap: wrap;
                
                }
                .childinfobox .soninfobox{
                    width: 49%;
                    display: flex;
                    flex-wrap: wrap;
                    padding-top: 16px;
                }
                .childinfobox .soninfobox .el-col-8{
                    text-align: right;
                }

                div::-webkit-scrollbar{
                    width:5px;
                    height:5px;
                    /**/
                  }
                  .bidmatters .moban::-webkit-scrollbar-track{
                    background: rgb(239, 239, 239);
                    border-radius:2px;
                  }
                  .bidmatters .moban::-webkit-scrollbar-thumb{
                    background: #bfbfbf;
                    border-radius:10px;
                  }
                  .bidmatters .moban::-webkit-scrollbar-thumb:hover{
                    background: #333;
                  }
                  .bidmatters .moban::-webkit-scrollbar-corner{
                    background: #179a16;
                  }

                  .rightbid .material{
                    width: 98%; 
                    height: 100%;
                    margin: auto;
                    margin-top: 1%;
                    background: #D8D8D8;
                    text-align: center;
                  }
                  .material .el-carousel__container{
                    height: 100%
                  }
                  .material .el-carousel--horizontal{
                    height: 100%;
                  }
                  .rightbid .point{
                    margin-top: 1%;
                    padding-left: 6%
                  }
                  .rightbid .el-tabs--border-card>.el-tabs__content{
                    padding: 0%;
                    height: 95%;
                  }
                  .rightbid .el-carousel__arrow{
                    height: 9vh;
                    border-radius: 3%
                  }

                  .timefiz{
                    font-size: 20px;
                    font-weight: 700;
                    margin-left: 3%;
                  }
                  .amplif{
                    width: 400px !important;
                    height: 400px !important;
                    z-index: 1000 !important;
                  }

                  .rightbid .el-tabs__nav-wrap.is-scrollable{
                    width: 90%;
                    
                  }
                   .rightbid .redundant{
                    width: 8%;
                    position: absolute;
                    z-index: 10000;
                    right: -4.5%;
                    top: 10%;
                   }
                   .rightbid .redundant .el-icon--right{
                     font-size: 20px;
                     cursor: pointer;
                   }


                  .yuanwenjian .el-dialog {
                    height: 85vh;
                  }
                  .yuanwenjian .el-dialog__body{
                    height: 100%;
                  }
                  .bushouli .el-dialog {
                    z-index: 100 !important;
                  background-color: #fff;
                  background-clip: padding-box;
                  border: 1px solid #ebedf2;
                  border-radius: 0.3rem;
                   height: 270px
                  }


                  .bushouli .el-dialog .el-dialog__header{
                    border-bottom: 1px solid #ebedf2
                  }
                 
                  .bushouli .el-dialog .dialog-footer .el-button--primary{
                    background-color: rgba(29, 201, 183, 0.1);
                    color: #1dc9b7;
                    border: none;
                  }
                  .bushouli .el-dialog .el-dialog__body{
                    height: 150px;
                  }
                  .bushouli .el-dialog .el-dialog__body .grid-content .bg-purple .el-textarea__inner{
                    height: 100px;
                  }


                  .shuxin{
                    display: inline-block;
                    line-height: 1;
                    white-space: nowrap;
                    cursor: pointer;
                    background: #FFF;
                    border: 1px solid #DCDFE6;
                    color: #606266;
                    -webkit-appearance: none;
                    text-align: center;
                    -webkit-box-sizing: border-box;
                    box-sizing: border-box;
                    outline: 0;
                    margin: 0;
                    -webkit-transition: .1s;
                    transition: .1s;
                    font-weight: 500;
                    padding: 8px 20px;
                    font-size: 14px;
                    border-radius: 4px;
                  }
                  .point .el-button{
                    padding: 8px 20px;
                  }
                  .shuxin:hover {
                    color: #409EFF;
                    border-color: #c6e2ff;
                    background-color: #ecf5ff;
                }
                [v-cloak] {
                  display: none;
                }
                
                
                .el-message--error{
                  z-index:  10000 !important;
                }

                .el-message--success{
                  z-index:  10000 !important;
                }
                .match-parent-w{
                  width: 100% !important;
                }
                .width-parent-49{
                  width: 49% !important;
                }

                .teshu{
                  text-align: left !important;
                  margin-left: 5%;
                }
                .yangshi{
                  text-align: right;font-weight:500;
                }
                .detailsbox .el-dialog__close{
                  font-size: 30px;
                }
                .el-image-viewer__mask{
                  position: absolute;
                  width: 100%;
                  height: 100%;
                  top: 0;
                  left: 0;
                  opacity: 1;
                  /* background: #fff; */
                }
                @media screen   and (min-width: 1366px) and (max-width: 1440px){
                  .rightbid .redundant{
                    width: 8%;
                    position: absolute;
                    z-index: 10000;
                    right: -3.5%;
                    top: 296px;
                  }
                  .detailsbox .middlebox .remote-stream{
                    width: 9.5%;
                    height: 115px;
                    min-width: 110px;
                    cursor: pointer;
                    margin-right: 1%;
                  }
                  .detailsbox .middlebox .local-stream{
                    width: 9.5%;
                    height: 115px;
                    min-width: 110px;
                  }
                  .detailsbox .middlebox{
                    height: 115px;
                  }
                } 

                .nonedata{
                  border: 1px solid #DBDBDB;;
                }
                .detailsbox .el-dialog__header{
                  text-align: center;
                  min-height: 57px;
                }
                .detailsbox .el-dialog__header .el-dialog__title{
                  font-size: 30px;
                  color: red;
                  font-weight:bold;
                }