 @media screen and (min-width:768px) {
  .crumbs{color: #22272e;font-size: 16px;}
  .head-top>form{overflow: hidden;background: #fff;padding:20px;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.07)}
  form>div {float: left; height: 40px;font-size: 12px;color: #627386;line-height: 40px;margin-right: 15px}
  .Buyer {width: 168px; height: 36px;background-color: #ffffff;border-radius: 2px;border: solid 1px #b8bfca;padding-left: 10px;cursor: pointer;}
  .state {width: 168px;height: 36px;background-color: #ffffff;border-radius: 2px;border: solid 1px #b8bfca;padding-left: 10px;color: #627386;cursor: pointer;}
  input::placeholder{color: #9aa5b5;font-size: 12px;}
  textarea::placeholder{color: #9aa5b5;}
  #newBtn div{height: 36px;border-radius: 2px;display: inline-block;text-align: center;margin-left: 10px;cursor: pointer}
  #newBtn{float: right}
  .query-btn{background-color: #e15616;color: #fff;width: 90px;border: 1px solid #e15616}
  .addBrand{border: solid 1px #e15616;width: 128px;color: #e15616;}
  .brand-list{padding:0 20px 30px 20px; background: #fff; margin-top: 10px;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.07);}
  .brand-title li{list-style: none;display: inline-block;color: #627386;width: 11%;text-align: center}
  .brand-title li:first-child{text-align: left}
  .brand-title li:nth-child(3){width: 15%}
  .brand-title li:nth-child(4){width: 30%}
  .brand-title li:nth-child(5){width: 15%}
  .brand-title li:last-child{text-align: right}
  .brand-title{border-bottom: solid 1px #e2e7ef;line-height: 55px;height: 55px}
  .tbody ul li{list-style: none;display: inline-block;width: 11%;text-align: center;line-height: 24px;overflow: hidden;text-overflow: ellipsis;vertical-align: middle;
    white-space: nowrap;font-size: 12px;color: #22272e}
  .tbody li:first-child{text-align: left}
  .tbody li:nth-child(3){width: 15%}
  .tbody li:nth-child(4){width: 30%}
  .tbody li:nth-child(5){width: 15%}
  .tbody li:last-child{width: 52px;height: 24px;background-color: #ffe6dc; border-radius: 2px;border: solid 1px #e15616;margin-left: 60px;color: #e15616;cursor: pointer}
  .tbody ul{height: 100px;line-height: 100px;margin-bottom: 10px}
  .brand-logo img{width: 80px;height: 80px}
  .brand-name h3{font-size: 12px}
  .brand-status .font-red{color: #f94b4b;}
  .brand-status .font-blue{color: #1890f9;}
  .brand-status .font-red{color: #f94b4b;}
  .bg-brand{position: fixed;background: rgba(34,39,46, 0.3); top: 0;left: 0; width: 100%;height: 100%;z-index: 1000}
  .add-brand-box{ width: 338px; height: 350px;background-color: #ffffff;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16); border-radius: 2px;
    border: solid 1px #efefef;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto}
  .modal-header{height: 42px; line-height: 42px;border: solid 1px #efefef;background-color: #f8f8f8;padding-left: 20px;color: #333333}
  .close-modalForm{text-align: center;float: right;width: 30px;cursor: pointer}
  .brand-content{padding: 10px 10px;color: #22272e}
  .required{color: red}
  .brand-name input{width: 210px;height: 36px;background-color: #ffffff; border-radius: 2px;border: solid 1px #b8bfca;padding-left: 10px}
  .img-box{ width: 56px;height: 56px;background-color: #ffffff;border-radius: 2px;border: solid 1px #b8bfca;display: inline-block; position: relative;}
  .img-box img{width: 100%;height: 100%; }
  .brand-img{margin: 10px 0;}
  .add-pic{ width: 56px;height: 56px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);border-radius: 2px;opacity: 0;cursor: pointer}
  .brand-content .label{width: 81px;text-align: right; display: inline-block;}
  .font-color{color: #e15616;}
  .tishiyu{font-size: 12px;text-align: right; margin-top: 5px}
  .brand-description span{vertical-align: top; }
  .miaoshu{background-color: #ffffff;width: 220px;height: 78px;border-radius: 2px; border: 1px solid #EFEFEF; padding: 5px;resize: none}
  .box-btn{float: right}
  .box-btn div{display: inline-block;width: 68px;height: 32px;line-height: 32px;text-align: center;background-color: #ffffff;border-radius: 2px;border: solid 1px #b8bfca;
   margin-right: 10px;color: #22272e; cursor: pointer;}
  .box-btn .btn-cancel{background-color: #e15616;color: #fff; border: 1px solid #e15616;}
  .icon.add:before { width: 25px;height: 25px;background-position: -168px -374px; position: relative; top: 15px; right: -15px}
  }

