.sumencheng { position: fixed; top: 90px; left: 0; right: 0; bottom: 0; background-color: #000; opacity: 0.4; z-index: 99999999999999; }

@media (max-width: 767px) { .sumencheng { position: fixed; top: 48px; left: 0; right: 0; bottom: 0; background-color: #000; opacity: 0.4; z-index: 99999999999; } }

.shousuo { width: 976px; height: 48px; float: right; margin-top: 26px; background-color: transparent; position: relative; border-radius: 4px; }

.shousuo input { width: 100%; height: 100%; float: right; background-image: url("/images/juxing.png"); background-color: transparent; border: none !important; padding-left: 20px; font-size: 16px; color: #aab0bb; border-radius: 4px; }

.shousuo span { display: inline-block; width: 23px; height: 23px; background-image: url("/images/icon_search.png"); background-size: 100% 100%; position: absolute; top: 12px; right: 20px; }

@media (max-width: 1450px) { .shousuo { width: 800px; } }

@media (max-width: 1100px) { .shousuo { width: 600px; } }

@media (max-width: 800px) and (min-width: 768px) { .shousuo { width: 500px; } }

@media (max-width: 767px) { .shousuo1 { width: 100%; height: 34px; margin-top: 8px; background-color: transparent; position: relative; border-radius: 4px; }
  .shousuo1 input { width: 100%; height: 100%; float: right; background-image: url("/images/juxing.png"); background-color: transparent; border: none !important; padding-left: 35px; font-size: 16px; color: #aab0bb; border-radius: 4px; }
  .shousuo1 span { display: inline-block; width: 19px; height: 19px; background-image: url("/images/icon_search.png"); background-size: 100% 100%; position: absolute; top: 9px; left: 10px; } }