@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}
  .empty{background: #fff;margin-top: 10px;}
  .navLayout{min-height: auto;}
}

/*移动端*/
@media screen and (max-width:768px) {
  .head-top{height: 10vw;padding: 0 3.3vw;line-height: 10vw;}
  .head-top div{display: inline-block}
  .head-top .title-text{color: #22272e;}
  .head-top .title-text span{color: #627386;}
  .banner-title{vertical-align: middle;overflow: hidden;text-overflow: ellipsis;width: 100%;color: #22272e;font-size: 3.4vw;white-space: nowrap}
  .advertisement-pic{width: 20vw;height: 20vw}
  .operate div{width: 22.4vw;height:9.6vw;background-color: #e0f1ff;border-radius: 4.8vw;border: solid 1px #1890f9;line-height: 9.6vw;text-align: center;color: #1890f9;cursor: pointer;display: inline-block;margin-right: 2.7vw;}
  .title-list{padding-top: 2.7vw;background: #fff;color: #9aa5b5}
  .shopBanner ul  .title-color{color: #9aa5b5;}
  .title-list span{display: inline-block;width: 23%}
  .shopBanner ul{background: #fff;margin-bottom: 1.3vw;padding: 0 3.3vw 3.3vw;overflow: hidden}
  .shopBanner ul li{list-style: none;display: inline-block;padding-top: 10px;color: #22272e;width: 75%;float: left}
  .shopBanner ul li:nth-child(1){}
  .shopBanner ul li>p:nth-child(2){padding: 2.7vw 0}
  .addHomepage{width: 93.4vw;height: 11.2vw;line-height: 11.2vw;background: #e15616;color: #fff;text-align: center;margin: 2.7vw auto}
  .shopBanner ul li.operate{float: right; width: auto;padding: 0 }
  .operate .operate-delete{background: #ffd8d8;color: #f94b4b;border: 1px solid #f94b4b}
  .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: #e15616}
  .saveBtn{ text-align: center;float: right;width: 66.6vw;height: 9.9vw; background-color: #e15616; border-radius: .53vw;line-height: 9.9vw;
    color: #ffffff;cursor: pointer;margin: 2.7vw 0}
  .Note{float: left;font-size: 2.2vw;}
}
 @media screen and (max-width: 360px){
    .modal-div input{width: 51vw}
  }
