/***********************
模块名：tui-search
作者：rexren（任寒韬）
************************/

/*搜索*/
.tui-search,.tui-search-input{position: relative;}
.tui-search-input{overflow: hidden;border-radius: 27px;}
.tui-search-input>input{display:block;padding:3px 49px 3px 9px;width:100%;font-size:14px;line-height:18px;height:27px;background-color: #fff;
    border:1px solid #e5e5e5;border-radius: 27px;cursor: text;color: #8c8c8c;
}
.tui-search-input>input::-ms-clear{
	display: none;
}


.tui-search-input>input:focus,
.tui-search-input>input.focus{color: #8c8c8c;border-color:#f69c00;background-color: #fff;}
.tui-search-submit,.tui-search-submit:after{position: absolute;top:50%;}
.tui-search-submit{right:1px;width:32px;height: 25px;margin-top: -13px;cursor: pointer; border-left:1px solid #e5e5e5;border-radius:0 25px 25px 0;}
.tui-search-submit:hover{background:rgba(255,200,0,.5);border-color:#f69c00;}
.tui-search-input:hover>input {border-color:#f69c00;}
.tui-search-submit:after{content: "";left:50%;width: 13px;height: 13px;margin:-6px 0 0 -8px;
    background-image: url(../../images/common/sprites/search-icon.png?__sprite);}
.tui-search-submit:hover:after{}

/*搜索框带下拉*/
.tui-search .dropdown-menu {position: absolute;top:30px;left: 0;width:100%; border:1px solid #b2b2b2;max-height: 200px; overflow: hidden;
	overflow-y:auto; background: #fff;z-index: 20;border-radius: 3px;
	box-shadow:0 3px 7px -3px rgba(0, 0, 0, .2), 0 4px 8px -4px rgba(0, 0, 0, .2);}
.tui-search .dropdown-menu ul { position: relative; width: 100%; clear: both; overflow: hidden;}
.tui-search .dropdown-menu li { height: 30px; display: block; margin-top: -1px;padding:0 10px;width:100%;}
.tui-search .dropdown-menu li a {display: block;height: 30px;color: #8c8c8c;line-height: 30px;font-size: 12px;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-right:32px;}
.tui-search .dropdown-menu li:hover{ background:#f0f0f0;-webkit-transition: background ease-in-out .3s}
.tui-search .tui-none-text{ padding:20px; text-align:center;}
.tui-search .icon-delete{background: url("../../images/common/sprites/icon-feeds-close.png");width: 9px;height: 9px;position: absolute;right: 38px;top: 10px;cursor: pointer;opacity: 0.6;display: none}
.tui-search .icon-delete:hover{opacity: 1}
/*.tui-search .dropdown-menu .icon-close{background: url("../../../theme/images/icenter/icon_close.png");width: 10px;height: 10px;display: inline-block;position: relative;top: -19px;right: 0;opacity: 0;cursor: pointer;float: right}*/
.tui-search .dropdown-menu{max-height: 230px;}
.tui-search .dropdown-menu li:hover>.icon-close{opacity: 0.7}
.tui-search .dropdown-menu li:hover>.icon-close:hover{opacity: 1.0}
.tui-search .dropdown-menu span{font-weight: bold;font-size: 12px;color: #3c3c3c;line-height: 30px;height: 30px;display: inline-block;float: left}
.tui-search .dropdown-menu .clear-search{color: #aeaeae;font-weight: normal;float: right;cursor: pointer}
.tui-search .dropdown-menu .clear-search:hover{color: #3c3c3c;}
.tui-search .dropdown-menu .icon-v2{margin:3px 0 0 4px;}
.tui-search .dropdown-menu .icon-v{margin-left: 4px;margin-top: -3px}
.tui-search .dropdown-menu .icon-game{font-size: 12px;color: #363636;border-radius: 2px;border: 1px solid #818181;padding: 0 3px;margin-left: 5px;height: 22px;line-height: 20px}
.tui-search .dropdown-menu li{float: left;padding: 0 15px}
.tui-search .dropdown-menu li a{text-align: left;color: #3c3c3c}

/* 带分类的搜索 */
.tui-search--category{width: 230px}
.tui-search--category .tui-search-change{left: 0;border-right: 1px solid #e2e2e2;width: 52px;height: 25px;margin-top: -13px;cursor: pointer;position: absolute;top: 50%;line-height: 26px;padding-left: 13px;font-size: 12px;}
.tui-search--category .triangle-down{width: 0;height: 0;border-left: 3px solid transparent;border-right: 3px solid transparent;border-top: 5px solid #000000;margin-top: 12px;position: absolute;margin-left: 4px;}
.tui-search--category input{padding-left: 57px}
.tui-search--category .search-change-menu{width: 52px;}
.tui-search--category .search-change-menu ul{width: 100%}
.tui-search--category .search-change-menu li{padding: 0;line-height: 24px;width: 100%;height: 24px;text-align: center;font-size: 12px;margin-top: 0;cursor: pointer}