@charset "utf-8";

.sIcon{background:url(../image/searchIcon1.png) no-repeat; background-size:120px 40px; cursor: pointer;}
.pubSearcHeader{ background-color: #fafafa; position: relative;z-index: 100;}
.headSearch{ width: 100%; height: 40px;  border-bottom: 1px solid #e4e4e4; padding: 0 54px 0 33px; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; background-color: #fafafa; position: relative; z-index:100; overflow:hidden;}
.headSearch .back{ display: block; width: 33px; height: 40px; background-position:-3px 0; position: absolute; left: 0; top: 0; z-index: 101;}
.searchInput{ margin: 6px 0; position: relative;}
.searchInput input,.searchInput b{ display: inline-block; width: 100%; height: 28px; font-size: 12px; color: #333; line-height: 28px; border: none; background-color: #ececec; border-radius: 5px; padding: 0 30px; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;}
.searchInput input::-webkit-search-cancel-button{display: none;}
.searchInput input[type=search]::-ms-clear{ display: none;}
.searchInput b{ font-weight: normal; color: #666;font-family:"Microsoft YaHei"; cursor: pointer;}
.searchInput em{ display: inline-block; width: 12px; height: 12px; background-position: -41px -18px; position: absolute; left: 10px; top: 8px;}
.searchInput span{ display: none; width: 15px; height: 15px; background-position: -41px 0; position: absolute; right: 8px; top: 7px;}
.headSearch .tabPic,.headSearch .searchBtn{ display: block; width: 54px; height:40px; line-height:40px; color: #666; font-size: 14px; text-align: center; position: absolute; top: 0; right: 0;}
.searchBoxWrap{ width: 100%; height: 100%; position: fixed;left: 100%; top: 0; z-index: 101; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;}
.hsContent,.automatedwords{ width: 100%; height: 100%; overflow-y: auto; overflow-scrolling: touch; -webkit-overflow-scrolling: touch; background-color: #fff; padding-top: 41px; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; position: absolute; top: 0; z-index: 99;}
.automatedwords{ display: none;}
.hsContent .hs-wrap{ padding-top: 15px;}
.hs-title{ line-height: 24px; font-size: 0; vertical-align: middle; padding: 0 12px; position: relative;}
.hs-title *{display: inline-block;}
.hs-title em{ vertical-align: middle; width: 16px; height: 16px; margin-right:8px;}
.hs-title span{ vertical-align: middle; font-size: 15px; color: #252525; }
.hs-title .clear{ width: 18px; height: 18px; background-position: -58px -17px; position:absolute; right: 12px; top: 3px; }
.hotWords .hs-title em{ background-position: -62px 0;}
.hotWords .hs-list{ padding: 12px 10px 0 20px;}
.hotWords .hs-list span{ display: inline-block; padding: 0 12px; height: 23px; line-height: 23px; color: #666; font-size: 13px; margin:0 10px 16px 0; background-color: #f4f4f4; border-radius: 12px; cursor: pointer;}
.hotWords .hs-list span.hot{ color: #fc5a5a;}
.hsContent .historyWords{ padding-top: 12px;}
.historyWords .hs-title em{ background-position: -84px 0;}
.historyWords .hs-list{ padding-left: 35px;}
.historyWords .hs-list li{ color: #666; font-size: 14px; height: 44px; line-height: 44px; border-bottom: 1px solid #e8e8e8; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 12px; cursor: pointer;}
.automatedwords .aut-wrap li{ line-height: 44px; padding: 0 12px; border-bottom: 1px solid #e8e8e8; cursor: pointer;}
.aut-wrap li span{ color:#252525; font-size: 14px;}
.aut-wrap li em{ color:#999; font-size: 12px; float:right; font-style: normal;}
.noscroll{ height: 100%; overflow: hidden;}




.publicAlert{ display:none; width:750px;}
.alertMask{ width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5);position:fixed; top:0; left: 0; right:0; margin:0 auto;  z-index: 10001;}
.alertPop{ width:100%; max-width:640px; min-height:80px; padding:0 30px; position:fixed; top:35%; left: 0; right:0; margin:0 auto; z-index: 10002; box-sizing:border-box; -webkit-box-sizing:border-box;}
.alertPop .alertCon{ width:100%; min-height:80px; background:#fff; border-radius:5px;}
.alertPop .alertText{ min-height:19px; text-align:center; padding:14px 8% 12px;}
.alertPop .alertText .alertTitle{ color:#252525; font-size:14px; line-height:1.4em;}
.alertPop .alertBtn{ border-top:1px solid #e8e8e8; position:relative;overflow: hidden; display: -moz-box; display: -webkit-box; display: -o-box; display: box; }
.alertPop .alertBtn a{ display:block; height:40px; line-height:40px; font-size:14px; color:#666; text-align:center;-webkit-box-flex: 1;}
.alertPop .alertBtn .alertSure{ color:#ff6666;}
.alertPop .alertBtn .alertCancel{ border-right:1px solid #e8e8e8; box-sizing:border-box; -webkit-box-sizing:border-box;}


.header{ position: relative;z-index: 100;}
.header .headSearch{ height:27px; border-bottom:none; padding:0; background: none;}
.header .searchInput{ margin:0;}
.header .searchInput input,.header .searchInput b{ height:27px; line-height:27px;background-color:#fff;border-radius:3px;}

.searchFrame .searchBoxWrap{padding-top: 40px;}
.searchFrame .hsContent,.searchFrame .automatedwords{padding-top: 81px;}
.listSearcHeader .headSearch{padding: 0 15px;}
.topFix{ z-index:10001;}
.bodyHidden{ height:100%; overflow:hidden;}