@media screen and (min-width:768px) {
  input::placeholder{color: #9aa5b5;font-size: 12px;}
  table, td, th{border: none;}
  .crumbs{color: #22272e;font-size: 16px;}
  .head-top{overflow: hidden;background: #fff;padding:17px;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.07)}
  .head-top>div {float: left; height: 40px;font-size: 12px;color: #627386;line-height: 40px;margin-right: 10px;margin-bottom: 10px}
  .state {width: 158px !important;}
  #newBtn div{height: 36px;border-radius: 2px;display: inline-block;text-align: center;cursor: pointer}
  #newBtn{float: left;margin: 0}
  .disguise-content{ width: 100%;min-height: 653px;background: #FFFFFF;box-sizing: border-box;padding: 40px 100px;border-radius: 8px;}

  .bgFrom{position: fixed; background: rgba(34,39,46, 0.3);top: 0;left: 0; width: 100%;height: 100%;z-index: 1000;opacity: 0}
  .bgFrom.show{opacity: 1}
  .modalForm{ width: 650px;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; background-color: #f8f8f8; border-radius: 2px 2px 0px 0px;border: solid 1px #efefef; line-height: 42px;padding: 0 16px;color: #333333;}
  .icon.close{float: right; cursor: pointer;}
  .icon.close:before{width: 20px;height: 20px;background-position: -315px 2px}
  .modal-div span{color: #22272e;}
  .modal-div input{width: 560px;height: 36px;line-height:36px;border-radius: 2px;border: solid 1px #b8bfca;margin-bottom: 15px;color: #9aa5b5;padding-left: 5px}
  .modal-content{padding: 15px}
  .upimg { width: 56px;height: 56px;background-color: #ffffff;border-radius: 2px; border: solid 1px #b8bfca; display: inline-block; position: relative;}
  .icon.add:before { width: 25px;height: 25px;background-position: -168px -374px; position: relative;top: 15px;right: -15px;}
  .add-pic {width: 56px;height: 56px;position: absolute;top: 50%; left: 50%;transform: translate(-50%,-50%); border-radius: 2px;opacity: 0;cursor: pointer;}
  .upimg img {width: 100%; height: 100%;}
  .red{color: red}
  .upload-img .up{ vertical-align: baseline; height: 60px;display: inline-block}
  .colorstyle{color: #FF5B00}
  .saveBtn{ text-align: center;float: right;width: 68px;height: 32px; background-color: #FF5B00; border-radius: 2px;line-height: 32px;color: #ffffff;cursor: pointer;}
  .Note{float: left}
  .navLayout{min-height: auto;}

  .pagination{width: 100%;margin-top: 10px;float: left; background: #FFFFFF;padding: 8px 0px;box-sizing: border-box;}
}

/*移动端*/
@media screen and (max-width:768px) {
  #decoration{padding-top: 27vw;}
  footer{ display: none; }
  body{background: #FFFFFF;}
  table, td, th{border: none;}
  .head-top{padding: 3vw 0;background: #fff;}
  .head-top .form-row{margin:1.5vw 0;color: #627386;float: left;width: 50%;}
  .state {width: 92% !important;margin: 0 2vw;}
  #newBtn{float: left;margin: 2vw;}
  .disguise-content{ padding: 10vw 3.3vw 3.3vw 3.3vw; }
  .bgFrom{position: fixed; background: rgba(34,39,46, 0.3);top: 0;left: 0; width: 100%;height: 100%;z-index: 1000;opacity: 0}
  .bgFrom.show{opacity: 1}
  .modalForm{ width: 74.7vw;height:fit-content;background-color: #ffffff;box-shadow: 0px .8vw 1.6vw 0px rgba(0, 0, 0, 0.16);border-radius: 2.7vw;
    border: solid .27vw #efefef; position: absolute;left: 0;top: 0;right: 0;bottom: 0; margin: auto }
  .modal-header{height: 10.96vw;border-bottom: solid .27vw #efefef; line-height:10.9vw;padding: 0 4vw;color: #22272e;}
  .mIcon.close{float: right; cursor: pointer;}
  .mIcon.close:before{width: 5.3vw;height: 5.3vw;background-position: -33.3vw .53vw}
  .modal-div span{color: #22272e;display: inline-block;}
  .modal-div input{width: 54vw;height: 8.8vw;line-height:8.8vw;border-radius: .27vw;border: solid .27vw #b8bfca;margin-bottom: 4vw;
  color: #9aa5b5;padding-left: 1.3vw;display: inline-block;}
  .modal-content{padding: 2.7vw}
  input::placeholder{color: #9aa5b5;font-size: 3vw}
  .upimg { width: 13vw;height: 13vw;background-color: #ffffff;border-radius: .53vw; border: solid .27vw #b8bfca; display: inline-block; position: relative;}
  .mIcon.add:before {width: 5vw;height: 5vw;background-position: -9.6vw -62vw;position: relative;top: 4vw;right: -4vw;}
  .add-pic {width: 13vw;height: 13vw;position: absolute;top: 50%; left: 50%;transform: translate(-50%,-50%); border-radius: .53vw;opacity: 0;cursor: pointer;}
  .upimg img {width: 100%; height: 100%;}
  .red{color: red}
  .upload-img .up{ vertical-align: baseline; height: 60px;display: inline-block}
  .colorstyle{color: #FF5B00}
  .Note{float: left;font-size: 2.2vw;}
  .pagination{width: 100%;min-height: 2vw;position: fixed;bottom: 0;left: 0;background: #FFFFFF;z-index: 99;padding: 2vw;box-sizing: border-box;}
}
 @media screen and (max-width: 360px){
    .modal-div input{width: 51vw}
  }