@import url('//at.alicdn.com/t/font_494392_w5s91b55wsjug14i.css');
i{font-style: normal;}
i.globalIcon{
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
// 公用的标题
.b_Til{font-size:16px;color: #333333; margin-top: 0px;}
.b_Til{
  ul li{
    float: left;padding:10px 0;cursor: pointer;margin:0 10px;
    &.active{border-bottom: 2px solid #ffba00;}
  }
}
//公共弹框居中(更改bs样式)
.modal{z-index: 99999;overflow-y:auto;}
.modal-body{max-height: 500px;overflow-x: auto;overflow-y: auto;}
.modal-dialog{width: 800px;}
.modal-footer.modelCenter{text-align: center;}


//公共弹框表格
.b_tableStyle{
  border: 1px solid #dedede;
  border-collapse: collapse;
  overflow-x: auto;
  background: #fdfdfd;
  color: #666666;
  min-width: 100%;
  th{text-align: center;padding: 5px;font-weight: normal;background: #f9f5f5;}
  td{text-align: center;padding: 5px;}
}

// 页面表格
.b_allTable{
  border-collapse: collapse;
  overflow-x: auto;
  background: #fdfdfd;
  color: #666666;
  min-width: 100%;
  th{text-align: center;padding: 10px 0;font-weight: normal;background: #eeeeee;}
  td{
    text-align: center;padding: 10px 0;
  
  }
  input[type='checkbox']{
    margin-right: 10px;
  }
}
// 公共的下拉菜单
select.b_select{
  padding:5px;border-radius: 5px;line-height: 30px;width: 100%;display: inline-block;
}

// 上传图片
.b_addProductUpload{
  // float: left;
  vertical-align:middle;
  margin-right: 10px;
  margin-bottom: 10px;
  display: inline-block;
}
// 上传图片后
.b_upImage{
  float: left;
  .b_upImagesBox{
    position: relative;
    display: inline-block;
    margin: 0 5px 5px 0px;
    img{
      height: 100px;width: 100px;
    }
    .b_delImageIcon{
      position: absolute;
      background: #ff0000;color:#fff;
      height: 20px;width: 20px;border-radius: 50%;line-height: 20px;text-align: center;
      right: 0;top: 0; display: none;
      cursor: pointer;
    }
    &:hover{
      .b_delImageIcon{display: inline-block;}
    }
  }
}

.b_delImageIcon{
  position: absolute;
  background: #ff0000;color:#fff;
  height: 20px;width: 20px;border-radius: 50%;line-height: 20px;text-align: center;
  right: 0;top: 0; display: none;
  cursor: pointer;
}
// <div class="b_upImage">
// <span class="b_upImagesBox">
//     <i class="b_delImageIcon">x</i>
//     <img src="//www.acendealuz.com/7oogjb.mtmdemo/agent/s/less/common/../s/images/demo.jpg" height="100" width="100" alt="">
// </span>
// </div>




// 词条
.selectedTil{
  border-bottom: 1px solid #ccc;
  li{float: left;display: inline-block;padding:6px 16px;border: 1px solid #ccc;cursor: pointer;margin-bottom:-1px;background:#fff;border-radius:8px 8px 0 0;
    &.currentOn{border-bottom: 1px solid transparent;}
  }
}
.selectedBox{
  span{display: inline-block;padding:5px 10px;color: #fff;background:#555555 ;margin:0 5px 5px 5px;vertical-align: middle;

  }
  i{cursor: pointer;}
  li{float: left;display: inline-block;padding:5px 10px;border: 1px solid #ccc;margin:8px;cursor: pointer;
      &.currentOn{border-color: #ffc000 ;color: #ffc000;}
  }

}


.rowNoPadding{
  &.row{margin: 0;}
  .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{
      padding: 0;
  }
}

// 复选框
input[type="checkbox"]{
  height: 18px;width: 18px;vertical-align: middle;
}



// 公共面料弹框样式
.fabricSelectedBox{
  li{float: left;display: inline-block;width: 100px;overflow: hidden; margin:8px;cursor: pointer;
      position: relative;
      .newFabric{
          position: absolute;height: 20px;width: 40px;right: 0;top: 10px;z-index: 2;
          background: #ff485e;color: #fff;text-align: center;

      }
      .currentOnImg{position: absolute;background: url(../../../s/images/currentOnImg.png) no-repeat center;display: none;height: 100px;width: 100px;border:2px solid transparent;left: 0;top: 0;z-index: 1;}
      &.currentOn{display: block;
          .currentOnImg{display: inline-block;border-color: #75be65 ;}
      }
  }
}


// 退拽面料
.gbin1-list {
  list-style: none;
  padding:0;
  margin:0;
  li {
      line-height: 80px;
      float: left;
      width: 80px;
      height: 80px;
      text-align: center;
      margin: 10px;
      font-family: arial;
      color: #FFF;
      border-radius: 5px;
      padding: 0px;
      position: relative;
      &:hover{
          .b_delImageIcon{display: inline-block;}
      }
  }
}

// 公用的头像
.b_portraitBox{
  height: 80px;width: 80px;border-radius: 50%;background: #ff0000;overflow: hidden;
}







// 加减输入框
// <div class="b_inputAddBox clearfix">
// <div  class="cursor min b_iconBox">-</div>      
//     <input type="text">      
// <div  class="cursor add b_iconBox">+</div>
// </div>
.b_inputAddBox{
  input[type="text"]{
    font-size: 12px;
    color: #666666;
    width: 100px;
    min-width: 50px;
    padding-top: 7px;
    padding-right: 5px;
    padding-bottom: 7px;
    padding-left: 5px;
    border: 1px solid #cccccc;
    float: left;
    display: inline-block;
    text-align: center;
    margin:0 2px;
}
  .b_iconBox{
    float: left;
    display: inline-block;
    padding:5px 6px;
    font-size: 16px;
    font-weight: bold;
    background-color: #ffffff;
    color: #5e5e5e;
    text-align: center;
    border: 1px solid #dddddd;
    
  }
}



// netBodyLayer净体弹框


// 地址公用弹框
.addressListCont ul li {
  float: left;
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 15px;
}

// 公共登录弹框
// .b_loginTil{
//   margin-bottom: 60px;
//   text-align: center;
//   padding-left: 0px;
//   ul li{
//     float: left;border-bottom: 2px solid transparent;
//     padding:0 5px 10px 0;cursor: pointer;display: inline-block;font-size:16px;margin-right:20px;
//     &:first-child{
//       margin-right: 100px;
//       margin-left: 10px;
//     }
//     &.on{
//       color:#f2c025;border-bottom: 2px solid #f2c025;
//     }
//   }
// }
// .b_getCodeBtn{background: #dddddd;color: 666666;}
// .b_account{border:none;border-bottom: 1px solid #878787;padding-left: 20px;background: url()}

.timeBox {
  font-size: 12px;
  color: #999;
  width: 238px;
  padding-top: 6px;
  padding-right: 35px;
  padding-bottom: 6px;
  padding-left: 15px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #dcdcdc;
  height: 36px;
  line-height: 36px;}



.netBodyTil{
  padding: 10px 5px;
  border-bottom: 3px solid #ffa200;display: inline-block;
}

// .b_getLoginBtn{
//   height: 50px;width: 50px;border-radius: 100%;background: #666666;display: inline-block;text-align: center;line-height: 50px;
// }

.elTil{
  position: relative;
  .elCont{display: none; position: absolute;left: 0;top: 40px;z-index: 9999999;background: rgba(0, 0, 0, 0.5);width: 220px;text-align: center;padding: 10px;border-radius: 5px;}
  .elHelpBox{display: inline-block;height: 20px;width: 20px;}
  .elHelp{cursor: pointer;display: none;}

}

// 20190220更改代理商后台颜色
.index_page .naviTopTil,.bill_page .naviTopTil,.client_page .naviTopTil,.set_page .naviTopTil,.goods_Page .naviTopTil{
  background:linear-gradient(90deg,rgba(44,126,246,1) 0%,rgba(100,180,254,1) 100%)!important;
}
.navbar-inverse .side-nav>li>a {
  color: #666!important;
}
.side-nav{
  background-color:#fff!important;border-right: transparent!important;
}
// 一级导航
body.index_page .overview1>a,
body.index_draftsPage .overview2>a,
body.appointment_page .overview2>a,
body.productNav_page .overview3>a,
body.bill_page .overview4>a,
body.agent_page .overview5>a,
body.client_page .overview6>a,
body.material_page .overview7>a,
body.set_page .overview8>a,
body.goods_Page .overview9>a,
body.dataStatistics_page .overview10>a
{
    background-color: rgba(228,242,255,1)!important;
    color: #2E8AF7!important;
    border-right: 3px solid #2E8AF7!important;
}
.navbar-inverse .navbar-nav.stair_nav>li>a:hover,
.navbar-inverse .navbar-nav.stair_nav>li>a:focus{
  background-color: rgba(228,242,255,1)!important;
  color: #2E8AF7!important;
  border-right: 3px solid #2E8AF7!important;
}
// 二级导航
body.productNav_page1 .show_secondNav .secondOverview1>a,
body.productNav_page2 .show_secondNav .secondOverview2>a,
body.productNav_page3 .show_secondNav .secondOverview3>a,
body.productNav_page4 .show_secondNav .secondOverview4>a,
body.productNav_page5 .show_secondNav .secondOverview5>a,
body.productNav_page6 .show_secondNav .secondOverview6>a,
body.productNav_page7 .show_secondNav .secondOverview7>a
{background-color: transparent!important;;color:#2E8AF7!important;}
.navbar-inverse .navbar-nav.second_nav>li>a:hover,
.navbar-inverse .navbar-nav.second_nav>li>a:focus {
  background-color: transparent!important;;color:#2E8AF7!important;
}