


































































































































































/*搜索框返回键重写样式*/
.search-box {position: relative;  width: 15rem;  height: 1.76rem;  margin: 0 auto;  background: #fff;  overflow: hidden; z-index: 23;}
.input-fixed {position: fixed;  left: 0;  top: 0;}
.ico-return {display: block;  position: absolute;  left: 0.28rem;  top: 0.28rem;  width: 1.2rem;  height: 1.2rem;  background: url(img/return.9e028fc.png) 0 0 no-repeat;  background-size: 100%;  overflow: hidden;}
.search-box .input-box {position: absolute;  left: 50%;  top: 0.28rem;  margin-left: -5.8rem;  width: 11.6rem;  height: 1.2rem;  border-radius: 0.6rem;  overflow: hidden;  background: #f2f2f2;}
.search-box .input-box .search-word {  position: absolute;  left: 0.12rem;  top: 0.12rem;  z-index: 92; height: 0.96rem;  width: 10rem;  overflow: hidden;  background: #f2f2f2;}
.search-box .input-box .search-word i { position: relative;  float: left;  padding: 0 0.96rem 0 0.28rem;  margin: 0 0.12rem 0 0;  height: 0.96rem;  line-height: 0.96rem;  border-radius: 0.48rem;  overflow: hidden;  background: #fff;}
.search-box .input-box .search-word i:after {  display: block;  content: "";  position: absolute;  right: 0.3rem;  top: 0.3rem;  width: 0.36rem;  height: 0.36rem;  background: url(img/close.be0b159.png) 0 0 no-repeat;  background-size: 100%;}
.search-box .input-box .ico-search {  position: absolute;  left: 0.24rem;  top: 0.24rem;  width: 0.72rem;  height: 0.72rem;  background: url(img/search.81ae8c9.png) 0 0 no-repeat;  background-size: 100%;}
.search-box .input-box .search-input {  position: absolute;  left: 1.2rem;  top: 0.1rem;  z-index: 91;  width: 9rem;  height: 1rem;  line-height: 1rem;  border: none;  background: none;}
.search-box .input-box .ico-clear { position: absolute;  right: 0.04rem;  top: 0.04rem;  width: 0.72rem;  height: 0.72rem;  border: 0.2rem solid #f2f2f2;  box-sizing: content-box;  background: url(img/clear.e018370.png) 0 0 no-repeat; background-size: 100%;}
.search-box .search-btn {  position: absolute;  top: 0;  right: 0;  width: 1.7rem;  text-align: center;  line-height: 1.76rem;  font-size: 0.6rem;}
.search-box .ico-show {  display: block;  position: absolute;  right: 0.28rem;  top: 0.28rem;  width: 1.2rem;  height: 1.2rem;  overflow: hidden;}
.search-box .ico-show.big-img {  background: url(img/img_mode_active.fcae3b6.png) 0 0 no-repeat;  background-size: 100%;}
.search-box .ico-show.small-img { background: url(img/list_mode_active.3b8c9de.png) 0 0 no-repeat; background-size: 100%;}







































































/* 联想词 */
.associational-words {  overflow: hidden;  background: #fff;}
.associational-words ul {  overflow: hidden;}
.associational-words ul li {  float: left;  width: 100%;  padding: 0 0.4rem;  box-sizing: border-box;  height: 1.76rem;  line-height: 1.76rem;  border-bottom: 1px solid #f8f8f8;  color: #222;  font-size: 0.48rem;}
.associational-words ul li.channel-search a{display: block}
.associational-words ul li.about-shop i.icon-shop {  display: inline-block;  vertical-align: middle;  width:.96rem;  height:.96rem;  margin: 0 0.24rem 0 0; background: url(img/icon_shop.c216f3c.png) 0 0 /100% no-repeat;}
.associational-words ul li.about-shop a{  display: block;}/* .associational-words ul li.about-class em{color:#9e61f8;} */
.associational-words ul li.associational-base span{  display: inline-block;  max-width: 35%;  white-space: nowrap;  text-overflow: ellipsis;  overflow: hidden;}
.associational-words ul li.associational-base span b{font-weight: bold; color:#F90;}
.associational-words ul li.associational-base em {  max-width: 65%;  float: right;  height: .96rem;  margin: 0.38rem 0;  overflow: hidden;}
.associational-words ul li.associational-base em i {  float: right;  box-sizing: content-box;  height: .96rem;  line-height: .96rem;  font-size: 0.48rem;  padding: 0 0.48rem;  border-radius: 2px;  margin: 0 0 0 0.48rem;  max-width: 3rem;  white-space: nowrap;  text-overflow: ellipsis;  overflow: hidden;  background: #f2f2f2;color:#666}
.associational-words ul li img{ height: .56rem;  max-width: 4.8rem;  vertical-align: text-top;  margin: 0 4px;}




















































/* 热门搜索 */
.entry-hot-search {padding: 0.18rem 0.26rem; background: #FFF;margin-top: -.36rem}
.entry-hot-search h4{width:100%; color:#222; font-size:.6rem; margin:.72rem 0; text-indent: .48rem; text-align:left;font-weight: bold;}
.entry-hot-search section{white-space: nowrap; overflow: hidden;padding: 0 0 0 .48rem;}
.entry-hot-search section a {float: left; padding:0 .48rem; height: 1.08rem;  line-height:1.08rem;  margin:0 .48rem .48rem 0 ;  background: #F2F2F2;  border-radius: 4px;  overflow: hidden;vertical-align: top}
.entry-hot-search section a.hot{color:#f42}




















































/* 最近搜索 */
.history-search {padding: 0.18rem 0 0.18rem 0.26rem; background: #FFF; text-align: left;}
.history-search h4{ position:relative; width:100%;  height:.72rem; line-height: .72rem; color:#222; font-size:.6rem; margin:.68rem 0; text-indent: .48rem;font-weight: bold;}
.history-search h4 a{display:block; position: absolute; right:.48rem; top:0; height:.72rem; font-size: .48rem;color: #999;font-weight: normal}
.history-search section{padding:0 0 0 .48rem;}
.history-search section a {height:.96rem; line-height:.96rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; float: left;background: #F2F2F2;border-radius: 4px;padding: 0 .24rem;margin-right: .36rem;margin-bottom: .36rem;}


.input-area{min-height: 100vh;  background-color: #fff;}
.input-page{width:15rem; margin:0 auto; overflow:hidden;}

