body{background-color:#f5f5f5}.column_title{padding-top:20px;padding-bottom:10px;border-bottom:1px solid #F1F1F1}.column_title::after{content:'';display:block;height:0;overflow:hidden;clear:both}.column_title h2{color:#333;font-size:22px;font-weight:bold;float:left;position:relative}.column_title h2::before{content:'';display:inline-block;width:88px;height:1px;background:#EA6161;position:absolute;bottom:-11px;left:0;z-index:999}.column_title span{color:#E13B3B}.column_title>a{font-size:14px;float:right;display:inline-block;position:relative;padding-right:16px;color:#A78F8F;margin-top:6px}.column_title>a::before{content:'';display:inline-block;width:4px;height:4px;border-radius:50%;background:#D4C3C3;position:absolute;top:0;bottom:0;right:8px;margin:auto}.column_title>a::after{content:'';display:inline-block;width:4px;height:4px;border-radius:50%;background:#EEEEEE;position:absolute;top:0;bottom:0;right:0;margin:auto}.column_title ul{display:inline-block;margin-left:28px;margin-top:2px}.column_title ul li{float:left;height:24px;border-radius:2px;margin-left:12px;text-align:center;line-height:24px;font-size:14px;background-color:#F7F7F7;color:#727272;padding:0 10px;position:relative;cursor:pointer}.column_title ul li.active{color:#fff;background:#E13B3B}.column_title ul li.active::before{content:'';width:8px;height:8px;background-color:#E13B3B;position:absolute;left:50%;bottom:-4px;transform:translateX(-50%) rotate(45deg)}.equip_column.collapse{height:428px}.equip_column .equip_tab-item{display:none}.equip_column .equip_tab-item.active{display:block}.equip_column .equip_tab-item ul{overflow:hidden;margin-left:-20px}.equip_column .equip_tab-item ul li{margin:20px 0 0 20px;float:left}.equip_column .equip_tab-item ul li:hover a .img_wrapper img{transform:scale(1.1)}.equip_column .equip_tab-item ul li:hover a p{color:#E13B3B}.equip_column .equip_tab-item ul li a{width:216px;display:block}.equip_column .equip_tab-item ul li a .img_wrapper{height:140px;overflow:hidden}.equip_column .equip_tab-item ul li a .img_wrapper img{width:100%;height:100%;display:block;transition:all 0.5s}.equip_column .equip_tab-item ul li a p{padding:0 15px;box-sizing:border-box;margin-top:10px;color:#333;font-size:14px;text-align:center;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.equip_column .equip_tab-item ol{margin-left:-22px;overflow:hidden}.equip_column .equip_tab-item ol li{float:left;margin-top:20px;margin-left:22px}.equip_column .equip_tab-item ol li a{text-align:center;line-height:42px;display:block;width:175px;height:42px;background:#F7F7F7;color:#666;padding:0 15px;box-sizing:border-box;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border-radius:21px}.equip_column .equip_tab-item ol li a:hover{background:#E13B3B;color:#fff}.hero_column.collapse{height:428px}.hero_column .hero_tab--wrapper ul{overflow:hidden;margin-left:-24px;display:none}.hero_column .hero_tab--wrapper ul.active{display:block}.hero_column .hero_tab--wrapper ul li{float:left;margin:24px 0 0 24px}.hero_column .hero_tab--wrapper ul li:hover a p{color:#E13B3B}.hero_column .hero_tab--wrapper ul li a{display:block;width:124px;height:150px;border:1px dashed #E6E6E6;border-radius:16px;padding:14px;box-sizing:border-box}.hero_column .hero_tab--wrapper ul li a img{width:96px;height:96px;border-radius:10px}.hero_column .hero_tab--wrapper ul li a p{width:96px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;color:#333;font-size:14px;margin-top:3px}.character_column.collapse{height:558px}.character_column .character_tab--wrapper ul{margin:-10px 0 0 -30px;overflow:hidden;display:none}.character_column .character_tab--wrapper ul.active{display:block}.character_column .character_tab--wrapper ul li{float:left;margin:30px 0 0 30px}.character_column .character_tab--wrapper ul li a{display:block;width:140px;height:200px;border-radius:10px;overflow:hidden;position:relative}.character_column .character_tab--wrapper ul li a img{width:100%;height:100%;display:block}.character_column .character_tab--wrapper ul li a .character_name{position:absolute;bottom:0;width:100%;height:74px;background:linear-gradient(to top,#000000 0%,rgba(0,0,0,0.7) 70%,rgba(0,0,0,0) 100%)}.character_column .character_tab--wrapper ul li a .character_name p{width:100%;position:absolute;bottom:10px;color:#fff;font-size:14px;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:0 15px;box-sizing:border-box}.strategy_column.collapse{height:298px}.strategy_column .strategy_tab--wrapper ul{margin-left:-22px;overflow:hidden;display:none}.strategy_column .strategy_tab--wrapper ul.active{display:block}.strategy_column .strategy_tab--wrapper ul li{float:left;margin-top:20px;margin-left:22px}.strategy_column .strategy_tab--wrapper ul li a{text-align:center;line-height:42px;display:block;width:175px;height:42px;background:#F7F7F7;color:#666;padding:0 15px;box-sizing:border-box;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border-radius:21px}.strategy_column .strategy_tab--wrapper ul li a:hover{background:#E13B3B;color:#fff}.equip_ano_cloumn.collapse{height:478px}.equip_ano_cloumn .equip_ano_tab--wrapper ul{display:none;overflow:hidden;margin-left:-20px}.equip_ano_cloumn .equip_ano_tab--wrapper ul.active{display:block}.equip_ano_cloumn .equip_ano_tab--wrapper ul li{margin:20px 0 0 20px;float:left}.equip_ano_cloumn .equip_ano_tab--wrapper ul li:hover a .img_wrapper img{transform:scale(1.1)}.equip_ano_cloumn .equip_ano_tab--wrapper ul li:hover a p{color:#E13B3B}.equip_ano_cloumn .equip_ano_tab--wrapper ul li a{width:216px;display:block}.equip_ano_cloumn .equip_ano_tab--wrapper ul li a .img_wrapper{height:140px;overflow:hidden}.equip_ano_cloumn .equip_ano_tab--wrapper ul li a .img_wrapper img{width:100%;height:100%;display:block;transition:all 0.5s}.equip_ano_cloumn .equip_ano_tab--wrapper ul li a p{padding:0 15px;box-sizing:border-box;margin-top:10px;color:#333;font-size:14px;text-align:center;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.expand_wrapper{width:1160px;position:absolute;bottom:0;height:118px;background:linear-gradient(to top,#ffffff 0%,rgba(255,255,255,0.7) 70%,rgba(255,255,255,0) 100%)}.collapse_wrapper{padding:30px 0;text-align:center}.toggle_btn{width:180px;height:44px;background:#FFFFFF;border:2px solid #EFEFEF;border-radius:22px;text-align:center;line-height:44px;font-size:14px;color:#333;cursor:pointer;box-sizing:border-box}.toggle_btn.expand{position:absolute;bottom:20px;left:50%;transform:translateX(-50%)}.toggle_btn.collapse{display:inline-block}.equip_column,.hero_column,.character_column,.strategy_column,.equip_ano_cloumn{width:1200px;margin:0 auto;background-color:#fff;padding:0px 20px;box-sizing:border-box;position:relative;overflow:hidden;margin-bottom:20px}.hide{display:none!important}