@charset "UTF-8";
/*游戏区服等列表下拉框*/
@keyframes fadeInOut { 0% { transform: translateY(-6%); }
  50% { transform: translateY(0); } }

.combobox-wrap { box-sizing: content-box; position: absolute; margin: auto; padding: 18px 24px 11px; width: 920px; background-color: #fff; border: solid 2px #ff5b01; border-radius: 12px; color: #333; }

.combobox-wrap * { box-sizing: inherit; }

.combobox-wrap i[class^="icon-"] { vertical-align: middle; display: inline-block; }

.combobox-wrap a { cursor: pointer; color: inherit; }

.combobox-wrap .float-left { float: left; }

.combobox-wrap .float-right { float: right; }

.combobox-wrap .both { clear: both; }

.combobox-wrap .overflow-hidden { overflow: hidden; }

.combobox-wrap .dn { display: none; }

.combobox-wrap .color-blue { color: #0e56a6; }

.combobox-wrap .color-orange, .combobox-wrap .combobox-top .combobox-top-tip a:hover { color: #ff5b01; }

.combobox-wrap .arrows-wrap { position: absolute; top: -12px; left: 200px; width: 16px; height: 10px; line-height: normal; }

.combobox-wrap .arrows-wrap i { display: inline-block; }

.combobox-wrap .arrows-wrap .big { border-top: none; border-left: 7px solid transparent; border-right: 8px solid transparent; border-bottom: 7px solid #ff5b01; }

.combobox-wrap .arrows-wrap .little { position: absolute; left: 1px; top: 6px; border-top: none; border-left: 6px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #fff; }

.combobox-wrap .combobox-top { padding-bottom: 15px; height: 20px; line-height: 20px; }

.combobox-wrap .combobox-top > .float-left { color: #666; }

.combobox-wrap .combobox-top .color-blue:hover { color: #ff5b01; }

.combobox-wrap .combobox-top .combobox-top-tip { width: 80%; height: 20px; overflow: hidden; white-space: nowrap; }

.combobox-wrap .combobox-top .combobox-top-tip a { color: #333; margin-right: 16px; }

.combobox-wrap .combobox-top a { vertical-align: top; *vertical-align: middle; }

.combobox-wrap .combobox-top .float-right { position: relative; }

.combobox-wrap .combobox-top .float-right .close { display: inline-block; font-size: 25px; color: #ff5b01; line-height: 15px; }

.combobox-wrap .combobox-head { width: 920px; }

.combobox-wrap .combobox-head-search { color: #666; height: 32px; line-height: 32px; margin-bottom: 15px; }

.combobox-wrap .combobox-head-search .tab-title { user-select: none; font-size: 14px; font-weight: 600; }

.combobox-wrap .combobox-head-search .tab-title > li { float: left; padding: 0 10px; cursor: pointer; position: relative; color: #333; position: relative; margin-right: 8px; }

.combobox-wrap .combobox-head-search .tab-title > li.active { background: rgba(255, 91, 1, 0.1); border-radius: 6px; color: #FF5B01; }

.combobox-wrap .combobox-head-search .tab-title > li.active:hover { color: #FF5B01; text-decoration: none; }

.combobox-wrap .combobox-head-search .tab-title > li:hover { color: #ff5b01; text-decoration: underline; text-underline-offset: 2px; }

.combobox-wrap .combobox-head-search .search-wrap { width: 170px; height: 32px; background-color: #fff; border: 1px solid #D6D6D6; border-radius: 8px; }

.combobox-wrap .combobox-head-search .search-wrap .input-wrap { padding-left: 12px; width: 128px; }

.combobox-wrap .combobox-head-search .search-wrap .input-wrap input { width: 128px; text-indent: 6px; height: 18px; border: 0; }

.combobox-wrap .combobox-head-search .search-wrap .btn-search { border: 0; width: 30px; height: 30px; background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons/orange-search-572f174878.png") no-repeat left center; background-size: 13px 13px; }

.combobox-wrap .combobox-head-nav { height: 30px; line-height: 30px; user-select: none; }

.combobox-wrap .combobox-head-nav .title { color: #333; }

.combobox-wrap .combobox-head-nav .hot-list { font-size: 14px; display: flex; }

.combobox-wrap .combobox-head-nav .hot-list > li { height: 30px; float: left; line-height: 30px; white-space: nowrap; text-align: center; cursor: pointer; position: relative; padding: 0 12px; box-sizing: border-box; }

.combobox-wrap .combobox-head-nav .hot-list > li:first-child { text-align: left; padding: 0; }

.combobox-wrap .combobox-head-nav .hot-list > li:last-of-type { padding-right: 0; }

.combobox-wrap .combobox-head-nav .hot-list > li.active, .combobox-wrap .combobox-head-nav .hot-list > li:hover { color: #ff5b01; }

.combobox-wrap .combobox-head-nav .hot-list > li.active > span, .combobox-wrap .combobox-head-nav .hot-list > li:hover > span { display: inline-block; width: auto; height: 30px; position: relative; }

.combobox-wrap .combobox-head-nav .hot-list > li.active > span::after, .combobox-wrap .combobox-head-nav .hot-list > li:hover > span::after { content: ""; display: block; height: 2px; clear: both; width: 100%; position: absolute; bottom: 0; left: 0; background-color: #ff5b01; }

.combobox-wrap .combobox-body { padding: 10px 0 0; border-top: 1px solid #ededed; }

.combobox-wrap .combobox-body .tag-list li { box-sizing: border-box; float: left; white-space: nowrap; width: 153px; padding: 5px 0; font-size: 0; padding-left: 16px; }

.combobox-wrap .combobox-body .tag-list li:nth-child(6n + 1) { margin-left: 0; padding-left: 0; }

.combobox-wrap .combobox-body .tag-list li a { padding: 2px 3px; white-space: nowrap; font-size: 12px; max-width: 138px; display: inline-block; line-height: 16px; overflow: hidden; text-overflow: ellipsis; }

.combobox-wrap .combobox-body .tag-list li a:hover { background-color: #ff5b01; color: #fff; border-radius: 2px; }

.combobox-wrap .combobox-body .tag-list li .triangle { display: inline-block; height: 0; border-left: 3px solid #7d7d7d; border-top: 3px solid transparent; border-bottom: 2px solid transparent; vertical-align: top; margin-top: 8px; }

.combobox-wrap .business-type { padding-bottom: 16px; }

.combobox-wrap .business-type .business-top { border-bottom: 0; }

.combobox-wrap .business-type .business-body { padding-top: 0; height: 72px; }

.combobox-wrap .business-type .business-body dl { box-sizing: border-box; margin-left: 17.5px; float: left; width: 170px; height: 72px; border-radius: 5px; background-repeat: no-repeat; background-position: center; background-size: 100%; }

.combobox-wrap .business-type .business-body dl:first-child { margin-left: 0; border: 2px solid #ff5b01; position: relative; }

.combobox-wrap .business-type .business-body dl:first-child:after { position: absolute; z-index: 3; content: ""; width: 18px; height: 18px; right: -2px; bottom: -2px; background: url("//cdnimg.dd373.com/newfile/usercenter/images/business_type/chcked-7d7d92939e.png") no-repeat center; background-size: 100%; }

.combobox-wrap .business-type .business-body dl a { position: relative; padding: 14px 16px; display: block; width: 100%; height: 100%; }

.combobox-wrap .business-type .business-body dl a [class^="icon-arrow-"] { position: absolute; z-index: 1; left: 16px; bottom: 16px; }

.combobox-wrap .business-type .business-body dl a [class^="icon-combobox-"] { position: absolute; z-index: 1; top: 0; right: 0; }

.combobox-wrap .business-type .business-body dl a:hover [class^="icon-arrow"] { left: 32px; }

.combobox-wrap .business-type .business-body dl dt { height: 22px; line-height: 22px; font-size: 18px; color: #333; font-weight: bold; overflow: hidden; }

.combobox-wrap .business-type .business-body dl dd { margin-top: 2px; height: 14px; line-height: 14px; color: #999; overflow: hidden; }

/*END游戏区服等列表下拉框*/
/* 下拉框区服名称筛选列表 */
.area-name-lists { width: 100%; height: 32px; box-sizing: border-box; padding-right: 17px; padding-left: 10px !important; line-height: 32px; font-size: 12px; color: #333333; position: absolute; top: 0; left: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.area-name-lists li { display: inline; }

.area-name-lists li:first-child span { display: none; }

.area-name-lists li p { display: inline-block; cursor: pointer; float: none !important; width: auto !important; line-height: 14px !important; }

.area-name-lists li p:hover { color: #ff5b01; }

.area-name-lists .anl-active p { color: #ff5b01; }