@charset "UTF-8";

i {display:block;margin:0;transform:scale(0.7);-moz-transform:scale(0.7);-webkit-transform:scale(0.7);}
#mphone_btmnav {position:fixed;bottom:0;left:0;width:100%;z-index:10000;}
#mphone_btmnav .themfour {height:60px;width:100%;overflow:hidden;}
#mphone_btmnav .themfour i.lnr {color:#fff;display:inline-block;fill:currentColor;min-height:1em;min-width:1em;vertical-align:-0.05em;transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);}
#mphone_btmnav .themfour ul {background-color:#fff;border-top:1px solid #f39801;height:42px;margin-top:17px;}
#mphone_btmnav .themfour ul li {float:left;position:relative;z-index:2;}
#mphone_btmnav .themfour ul li a {display:block;font-size:12px;height:36px;text-align:center;padding:3px 0;width:64px;overflow:hidden;}
#mphone_btmnav .themfour ul li a p {width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-transform:scale(.9, .9);-ms-transform:scale(.9, .9);-o-transform: scale(.9, .9);transform: scale(.9, .9);transition:all 0.3s;-webkit-transition:all 0.3s;-ms-transition:all 0.3s;-moz-transition:all 0.3s;}
#mphone_btmnav .themfour ul li .highlightbg {background-color:#f39801;position:absolute;height:60px;margin:13px 0 0 -12px;width:60px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
#mphone_btmnav .themfour ul li .highlight {position:relative;z-index:10;}
#mphone_btmnav .themfour ul li .highlight .lnr {color:#fff;display:block;font-size:32px;padding:20px 0 0 7px;margin:0;}
#mphone_btmnav .themfour ul li .highlight [class*='icono'] {color:#fff;display:block;transform:none;-moz-transform:none;-webkit-transform:none;}
#mphone_btmnav .themfour ul li .highlight img {display:block;height:30px!important;margin:4px 0 0 0;}
#mphone_btmnav .themfour ul li .highlight .icono-home {margin:34px 0 0 12px;}
#mphone_btmnav .themfour ul li .highlight .icono-commentEmpty {margin:27px 0 0 8px;}
#mphone_btmnav .themfour ul li .highlight .icono-mail {margin:27px 0 0 8px;}
#mphone_btmnav .themfour ul li .highlight .icono-user {margin:36px 0 0 8px;}
#mphone_btmnav .themfour ul li .ib {display:block;height:23px;margin:0 auto;}
#mphone_btmnav .themfour ul li p,
#mphone_btmnav .themfour ul li [class*='icono'],
#mphone_btmnav .themfour ul li .lnr {color:#9c9c9c;}
#mphone_btmnav .themfour ul li:active p,
#mphone_btmnav .themfour ul li:active [class*='icono'],
#mphone_btmnav .themfour ul li:active .lnr {color:#f39801;}
#mphone_btmnav .themfour ul li:active .highlight .lnr,
#mphone_btmnav .themfour ul li:active .highlight [class*='icono'] {color:#fff;}
#mphone_btmnav .themfour ul li.more, #mphone_btmnav .themfour ul li.more a {width:20px;}
#mphone_btmnav .themfour ul:before {background-color:#fff;position:absolute;top:1px;left:0;display:block;content:" ";height:41px;margin-top:17px;width:101%;overflow:hidden;z-index:1;}

#mphone_btmnav .themfour .icono-home, #mphone_morepop .icono-home {margin:8px 0 0;}
#mphone_btmnav .themfour .icono-mail, #mphone_morepop .icono-mail {height:21px;margin:1px 0 0;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;}
#mphone_btmnav .themfour .lnr-phone-handset, #mphone_morepop .lnr-phone-handset {font-size:20px;margin:0 auto;}
#mphone_btmnav .themfour .lnr-map-marker, #mphone_morepop .lnr-map-marker {font-size:20px;margin:0 auto;}
#mphone_btmnav .themfour .lnr-alarm, #mphone_morepop .lnr-alarm {font-size:24px;}
#mphone_btmnav .themfour .lnr-diamond, #mphone_morepop .lnr-diamond {font-size:23px;}
#mphone_btmnav .themfour .icono-user:before, #mphone_morepop .icono-user:before {top:-17px;}
#mphone_btmnav .themfour .icono-user, #mphone_morepop .icono-user {border-bottom:none;margin:10px 0 0;width:30px;}
#mphone_btmnav .themfour .lnr-cart, #mphone_morepop .lnr-cart {font-size:23px;}
#mphone_btmnav .themfour .icono-commentEmpty, #mphone_morepop .icono-commentEmpty {margin:0;}
#mphone_btmnav .themfour .icono-infinity {left:3px;margin-top:-6px;}

#mphone_morepop {display:none;position:fixed;background-color:#fff;padding:2px 4px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;max-width:257px;z-index:10001;-webkit-box-shadow:1px 0 5px 0 #9c9c9c;-moz-box-shadow:1px 0 5px 0 #9c9c9c;box-shadow:1px 0 5px 0 #9c9c9c;}
#mphone_morepop:after, #mphone_morepop:before {top:98%;right:3%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;}
#mphone_morepop:before {border-top-color:transparent;border-width:8px;margin:0;/*margin-left:-10px;*/}
#mphone_morepop i.lnr {color:#fff;display:inline-block;fill:currentColor;min-height:1em;min-width:1em;vertical-align:-0.05em;transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);}
#mphone_morepop ul {background-color:#fff;}
#mphone_morepop ul li {float:left;position:relative;margin:0;}
#mphone_morepop ul li a {display:block;font-size:12px;height:36px;text-align:center;padding:3px 0;width:64px;overflow:hidden;}
#mphone_morepop ul li a p {width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-transform:scale(.9, .9);-ms-transform:scale(.9, .9);-o-transform: scale(.9, .9);transform: scale(.9, .9);transition:all 0.3s;-webkit-transition:all 0.3s;-ms-transition:all 0.3s;-moz-transition:all 0.3s;}
#mphone_morepop ul li .ib {display:block;height:23px;margin:0 auto;}
#mphone_morepop ul li p,
#mphone_morepop ul li [class*='icono'],
#mphone_morepop ul li .lnr {color:#9c9c9c;}
#mphone_morepop ul li:active p,
#mphone_morepop ul li:active [class*='icono'],
#mphone_morepop ul li:active .lnr {color:#f39801;}
#mphone_placeholder {position:absolute;width:100%;}

.query-wrap {
  position: relative;
  padding: 15px;
  box-sizing: border-box;
  margin-top: -50px;
  background: #FFF;
  border-radius: 8px;
  box-shadow: 0px 3px 19px 0px #0064d4;
  border: 1px solid #dedede \9;
  z-index: 4;
}

.query-wrap .input-wrap {
  position: relative;
  float: left;
  height: 35px;
  background: #f8f8f8;
}

.query-wrap input {
  width: 300px;
  height: 35px;
  line-height: 35px;
  padding: 0 0 0 13px;
  /*border: none;*/
  border-radius:5px;
  border-color:blue;
  outline: none;
}

