@media screen and (min-width:768px) {
  .crumbs{color: #22272e;font-size: 16px;}
  .head-top{ height: 60px;background-color: #ffffff;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.07);padding: 0 20px;line-height: 60px}
  .head-top div{display: inline-block}
  .head-top .title-text{color: #22272e;}
  .head-top .title-text span{color: #627386;}
  .head-top .addHomepage{width: 128px;height: 36px;line-height:36px;background-color: #ffe6dc;border-radius: 2px;border: solid 1px #e15616;
  color: #e15616;text-align: center;float: right;margin-top: 12px;cursor: pointer}
  .content{padding: 0 20px 20px 20px;background: #fff; margin-top: 8px;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.07)}
  .title-list{height: 55px;line-height: 55px;border-bottom: solid 1px #e2e7ef;}
  .title-list li{list-style: none;display: inline-block;color: #627386;width: 25%; text-align: center}
  .title-list li:nth-child(1){width: 12%;}
  .title-list li:last-child{width: 11%}
  .shopBanner ul li{list-style: none;display: inline-block;width: 25%; text-align: center;padding: 10px 0;color: #22272e;}
  .shopBanner ul li:nth-child(1){width: 12%;}
  .shopBanner ul li:last-child{width: 11%}
  .advertisement-pic{width: 80px;height: 80px;border: solid 1px #e2e7ef}
  .banner-title{vertical-align: middle; word-break: break-all;overflow: hidden;text-overflow: ellipsis;display: -webkit-inline-box;
    -webkit-line-clamp: 2; -webkit-box-orient: vertical; width: 200px}
  .operate div{width: 52px;height: 24px;background-color: #ffe6dc;border-radius: 2px;border: solid 1px #e15616;line-height: 24px;
  text-align: center;color: #e15616;margin:5px auto;cursor: pointer}
  .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}
  input::placeholder{color: #9aa5b5;}
  .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: #e15616}
  .saveBtn{ text-align: center;float: right;width: 68px;height: 32px; background-color: #e15616; border-radius: 2px;line-height: 32px;
    color: #ffffff;cursor: pointer;}
  .Note{float: left}

}

/*移动端*/
@media screen and (max-width:768px) {}
