@charset "utf-8";

#search{position:fixed;top:0;left:0;z-index:500;width:100%;height:200%;-moz-transform:translate3d(0,-9999px,0);-webkit-transform:translate3d(0,-9999px,0);transform:translate3d(0,-9999px,0);box-sizing:border-box;background:white}
#search.active{-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
#search .close{position:absolute;top:20px;right:15px;overflow:hidden;width:25px;height:25px;text-indent:-9999px;background:url(../imgs/global/close2.png) center center no-repeat;background-size:15px 15px}
#search .scroll{position:absolute;top:0;left:0;z-index:1;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;width:100%;height:50%;box-sizing:border-box;-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);background:white}
#search .scroll .content{position:absolute;top:0;left:0;width:100%;min-height:100%;padding:40px 0;box-sizing:border-box}
#search .scroll input[type=search]{position:relative;z-index:1;width:calc(100% - 40px);margin:25px 0 0 20px;padding:5px 67px 6px 18px;font-size:15px;line-height:25px;border-radius:40px;border:2px solid black}
#search .scroll input[type=search]::-webkit-search-decoration,
#search .scroll input[type=search]::-webkit-search-results-button,
#search .scroll input[type=search]::-webkit-search-results-decoration{display:none}
#search .scroll input[type=search]::-webkit-search-cancel-button{position:absolute;top:9px;right:49px;overflow:hidden;width:18px;height:18px;margin:0;padding:0;text-indent:-9999px;font-size:0;line-height:0;-webkit-appearance:none;border-radius:100%;border:none;background:#eee url(../imgs/global/close5.png) center center no-repeat;background-size:10px 10px}
#search .scroll input[type=search]::placeholder{color:#999}
#search .scroll .submit-button{position:absolute;top:70px;right:36px;z-index:2;overflow:hidden;width:30px;height:30px;text-indent:-9999px;background:url(../imgs/global/top-search.png) center center no-repeat;background-size:22px 20px}
#search .scroll .item-wrap{position:relative;margin:36px 20px 0;padding:59px 0 0}
#search .scroll .item-wrap:before{content:"";position:absolute;top:39px;left:0;width:100%;height:2px;background:#ccc}
#search .scroll .item-wrap .item{display:inline}
#search .scroll .item-wrap .item .item-button{position:absolute;top:0;left:50%;width:50%;padding:10px 0 9px;text-align:center;font-size:14px;color:#999;line-height:20px;border-bottom:2px solid transparent}
#search .scroll .item-wrap .item:first-child .item-button{left:0}
#search .scroll .item-wrap .item .item-cont{display:none}
#search .scroll .item-wrap .item .item-cont:after{content:"";display:block;clear:both}
#search .scroll .item-wrap .item .item-cont li{position:relative}
#search .scroll .item-wrap .item .item-cont li:after{content:"";display:block;clear:both}
#search .scroll .item-wrap .item .item-cont li a{float:left;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:black}
#search .scroll .item-wrap .item .item-cont ol{float:left;clear:both;width:100%;margin:0 0 -5px}
#search .scroll .item-wrap .item .item-cont ol li{padding:6px 0 0}
#search .scroll .item-wrap .item .item-cont ol li:first-child{padding:0}
#search .scroll .item-wrap .item .item-cont ol li a{font-size:14px;line-height:24px}
#search .scroll .item-wrap .item .item-cont ol li a:before{display:inline-block;width:27px;vertical-align:top;color:#999}
#search .scroll .item-wrap .item .item-cont ol li:nth-child(1) a:before{content:"1"}
#search .scroll .item-wrap .item .item-cont ol li:nth-child(2) a:before{content:"2"}
#search .scroll .item-wrap .item .item-cont ol li:nth-child(3) a:before{content:"3"}
#search .scroll .item-wrap .item .item-cont ol li:nth-child(4) a:before{content:"4"}
#search .scroll .item-wrap .item .item-cont ol li:nth-child(5) a:before{content:"5"}
#search .scroll .item-wrap .item .item-cont ol li:nth-child(6) a:before{content:"6"}
#search .scroll .item-wrap .item .item-cont ol li:nth-child(7) a:before{content:"7"}
#search .scroll .item-wrap .item .item-cont ol li:nth-child(8) a:before{content:"8"}
#search .scroll .item-wrap .item .item-cont ol li:nth-child(9) a:before{content:"9"}
#search .scroll .item-wrap .item .item-cont ol li:nth-child(10) a:before{content:"10"}
#search .scroll .item-wrap .item .item-cont ul{float:left;clear:both;width:100%;margin:0 0 -5px}
#search .scroll .item-wrap .item .item-cont ul li a{padding:1px 0 0;font-size:13px;line-height:23px}
#search .scroll .item-wrap .item .item-cont ul li:first-child a{margin:-1px 0 0}
#search .scroll .item-wrap .item .item-cont .list-none{margin:0;padding:0;text-align:center;font-size:13px;color:#666;line-height:23px}
#search .scroll .item-wrap .item .item-cont .delete-button{float:left;clear:both;margin:16px 0 -3px;font-size:12px;color:#999;line-height:18px}
#search .scroll .item-wrap .item.active .item-button{color:black;border-bottom:2px solid black}
#search .scroll .item-wrap .item.active .item-cont{display:block}
#search .scroll .product-item.suggest{position:absolute;bottom:40px;left:0;width:100%;box-sizing:border-box}
#search .scroll .product-item.suggest h1{height:24px;padding:0 5px;text-align:left;font-size:15px;color:#111;line-height:12px;font-weight:400}
#search .scroll .product-item.suggest .list .item{margin:0}
#search .scroll .product-item.suggest .list .item a .text{height:57px}
#search .scroll .frame{display:block;width:50%;padding:49px 0 70px 25px;box-sizing:border-box}