@media screen and (max-width: 1500px) and(min-width: 800px) {
  .mobile_float .component-cont .el-form .el-input__inner {
    min-width:100px;
  }
}
@media screen and (max-width: 800px) {
  .mobile_float{
    .myRow .myCol div{
      height: 50px !important;
      line-height: 50px !important;
      min-width: 90px;
      font-size: 14px!important;
    }
    .el-col-12 {
      width: 100%;
    }
    .el-input__inner {
      //height: 32px !important;
      //line-height: 32px !important;
    }
    .el-button--primary{
      padding: 9px 20px !important;
    }
    .tags-view-container {
      // display: none;
    }
    .navbar .right-menu{
      min-width: 100px !important;
    }
    .navbar .right-menu .avatar-container .avatar-wrapper .user-avatar{
      display: none;
    }
    .navbar .right-menu .avatar-container{
      padding-right: 10px !important;
      padding-left: 0px !important;
    }
    .navbar .right-menu{
      margin-right: 0;
    }
    .navbar .right-menu{
      max-width: 100px;
    }
    .app-breadcrumb.el-breadcrumb{
      margin-left: 0 !important;
    }
    .el-breadcrumb__separator{
      margin: 0 2px !important;
    }
    .el-col.el-col-8 {
      width: 50% ;
    }
    .chart-cont {
      height: 400px !important;
    }
    .el-date-editor.el-input, .el-date-editor.el-input__inner{
      width: 100% !important;
      //min-width: 150px;
    }
    .dragArea11>.component-cont {
      //width: 100% !important;
    }
    .dragArea11 {
      height: 100% !important;
      min-height: 100% !important;
    }
    .el-table__body-wrapper {
      -webkit-overflow-scrolling: touch !important;
      overflow: scroll !important;
    }
    .el-radio:nth-child(3){
      //margin: 0 !important;
    }
    .el-radio {
      width: 100%;
      margin: 5px 0 !important;
    }
    //.el-dialog__body {
    //  padding: 20px 25px !important;
    //}
    .el-radio__label {
      padding:0 5px !important;
    }
    .login-container .login-form{
      height: 350px !important;
    }
    .theme-picker.right-menu-item.hover-effect.el-tooltip.el-color-picker.el-color-picker--medium {
      display: none;
    }
    //canvas{
    //  width: 96% !important;
    //  height: 200px !important;
    //}
    .el-pagination .el-select .el-input {
      display: none;
    }
    .el-pagination__jump{
      display: none;
    }
    .button-cont {
      vertical-align: top !important;
    }
    .component-cont .el-form  .searchType {
      position: relative !important;
      left: 0 !important;
      top: 0px !important;
    }
    .el-row{
      min-width: 70px;
    }
    .el-table__header{
      width: 100%!important;
    }
    .el-button {
      margin-bottom: 5px !important;
    }
    .el-pagination {
      width: 100%;
    }
    .el-form .el-col-6 {
      width: 50%;
    }
    .el-dialog{
      width: 90% !important;
    }
    .component-cont .el-form-item__label{
      width: 85px;
      font-size: 12px;
      font-weight: 400;
      text-align: right;
      text-indent: 6%;
      // margin-left: 6%;
    }
    .table-cont .el-form-item__label{
      width: 85px;
    }
    .form-el .submit-btn {
      margin-left: -85px;
    }
    #app  .main-container .test-menu{
      margin-top: 10px !important;
      padding: 0 10px !important;
    }
    #app>.test-menu{
      margin-top: 0px !important;
      padding: 0 0px !important;
      height: 100%;
    }
    .el-row {
      margin-bottom: 5px !important;
    }
    .app-container {
      padding: 10px;
    }
    .bottom {
      margin-bottom: 5px !important;
    }
    .el-message-box {
      width: 90% !important;
    }
    div .el-form-item{
      margin-bottom: 16px;
    }
    .chart-cont div:first-child{
      width: 100% !important;
      overflow: scroll !important;
    }
    .component-cont .submit-btn .el-form-item__content{
      margin-left: 0% !important;
    }
    .form-el .submit-btn {
      margin-left:0px !important;
    }
    .el-table {
      font-size: 12px !important;
    }
    .el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev, .el-pagination.is-background .el-pager li{
      min-width: 22px !important;
      height: 22px;
      line-height: 22px;
    }
    .el-table--medium td, .el-table--medium th{
      padding: 5px 0;
    }
    .component-cont .form-el {
      border-radius: 5px;
    }
    .component-cont .form-el>div{
      width: 100% !important;
    }
    .el-pagination__total {
      display: none !important;
    }
    .el-pagination__jump {
      display: none !important;
    }
    .el-pagination__sizes{
      display: none !important;
    }
    //  首頁
    .myTop ,.demand,.develop,.repairBug {
      display: none;
    }
    .component-cont.btnStyle {

      padding-right: 0 !important;
    }
    .test-menu div .component-cont{
      // position:relative;
      //width:90%;
      //width: 100% !important;
      //height: auto;
      //left: 0 !important;
      //top: 0 !important;
    }
    .el-date-range-picker__content {
      width: 100% !important;
    }
    .el-picker-panel.el-date-range-picker.el-popper{
      width: 100%;
      overflow: scroll;
    }
    .el-picker-panel__body{
      width: 100% !important;
      min-width: 320px !important;
    }
    .dialog-cont {
      left:5% !important;
      top: 10% !important;
      right: 5% !important;
      width: 90% !important;
    }
    .layoutBg {
      position: absolute !important;
    }
    .distpicker-address-wrapper select {
      width: 48% !important;
      font-size: 0.8rem !important;
      //height: 32px !important;
      padding: 0.2rem !important;
    }
    .distpicker-address-wrapper select>option {
      font-size: 0.8rem!important;
    }
    // 小白鲸
    .el-tabs .el-tabs__item {
      padding: 0;
      margin: 0 20px;
    }
    .el-tabs .el-tabs__nav{
      float: none;
    }
    .el-tabs .el-tabs__active-bar {
      display: none;
    }
    .el-tabs .el-tabs__nav-scroll {
      text-align: center;
    }
    .el-tabs .el-tabs__item.is-active {
      border-bottom:2px solid #409eff;
    }
    .el-tabs__header.is-top{
      margin: 2px;
    }
    .el-table thead tr th {
      background: none !important;
      color: #111 !important;
      font-weight: 400;
    }
    .el-row .el-form-item__error {
      // top: 26px !important;
    }
    .el-message {
      min-width: 180px;
      height: 40px;
      line-height: 40px;
      width: 60%;
      top: 40%;
    }
  //小白鲸
}
}
@media screen and (max-width: 500px) {
  .mobile_float .el-form .el-col-6 {
    width: 100%;
  }
  .mobile_float .el-form .el-col.el-col-8 {
    width: 100%;
  }
}


