/*/topic/heroes2018/css/common_layout.css*/
* {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}.fix_btn a.fixed_link{background: #ff7200;box-sizing: border-box;border: 1px solid #fff;}.main {font-family: 微软雅黑;width: 100%;background: #fafafa;padding-bottom: 50px}.inner {width: 1000px;margin: 0 auto}.inner:after{display: block;content:"";clear: both;}.clear_float:after{display: block;content:"";clear: both;}.review_box{box-sizing: border-box;padding:8px 10px;}.review_box a{float: left;width: 47%;margin-left: 6%}.review_box a:first-child{margin-left: 0}.review_box a img{display: block;width: 100%;}.activity_introduction {width: 595px;margin-top: 20px;display: inline-block;background: #fff;float: left;}.recent_news {width: 385px;float: right;margin-top: 20px;background: #fff}.winner_list_area {width: 100%;margin-top: 20px}.heros_title {width: 100%;height: 40px;border-bottom: 4px solid #ff8a00}.heros_title_ico {height: 30px;float: left;margin: 5px 10px}.heros_title_text {float: left;line-height: 1;font-size: 20px;padding: 10px 0;color: #363636}.title_right_link {float: right}.title_right_link img {float: right;height: 26px;margin: 7px 10px}.mob_heros_title_ico {display: none}.title_right_link .mob_title_right_ico {display: none}.title_right_link span {float: left;font-size: 16px;line-height: 1;padding: 12px 0;color: #ff8a00}.page_small_nav {width: 100%;height: 60px;margin-bottom: 33px;}.page_small_nav .small_nav_item:first-child{width: 170px;}.page_small_nav .small_nav_item {width: 166px;float: left;height: 60px;transition: all 0.2s linear;}.page_small_nav .small_nav_item.current {float: left;height: 78px;}.page_small_nav .small_nav_item.hover {float: left;height: 78px;}.page_small_nav .small_nav_item.now_index {background: #ff8a00;color: #fff}.page_small_nav .small_nav_item .nav_index {font-size: 18px;margin-top: 8px}.page_small_nav .small_nav_item.current .nav_index {font-size: 24px;margin-top: 10px}.page_small_nav .small_nav_item.hover .nav_index {font-size: 24px;margin-top: 10px}.page_small_nav .small_nav_item .nav_name {font-size: 14px}.page_small_nav .small_nav_item.now_index .nav_name {font-size: 16px}.page_small_nav .small_nav_item span {width: 100%;text-align: center;display: block}.page_small_nav .small_nav_item.preterite1 {background: #eacdb5}.page_small_nav .small_nav_item.preterite {color: #996135}.page_small_nav .small_nav_item.preterite2 {background: #e4bd9d}.box_shadow {transition: all 0.3s linear;box-shadow: 0 0 20px  #dbdbdb}.box_shadow:hover {box-shadow: 0 0 20px  #ff8a00}.player_list_title {width: 100%;overflow: hidden;margin-top: 10px;}.player_list_title span {float: left;font-size: 30px;line-height: 1}.player_box {width: 100%;overflow: hidden;margin-top: 20px;background: #fff}.player_five_box {width: 100%;box-sizing: border-box;padding: 35px;padding-top: 0}.player_five_box:after{content:'';clear:both;display: block}.player_list_title_link {float: right;font-size: 16px;line-height: 1;padding: 7px 0;color: #ff8a00}.five_player_list {width: 100%;overflow: hidden}.four_player_list {width: 100%;overflow: hidden}.inclusion_title {font-size: 20px;text-align: center;line-height: 44px;background: #ff8a00;color: #fff;text-indent: 94px}.inclusion_btn {float: right;width: 86px;background: #fff;border-radius: 3px;color: #ff8a00;text-align: center;font-size: 16px;line-height: 1;padding: 6px 0;margin: 8px;text-indent: 0}.awards_type {display: block;width: 100%;font-size:0;box-sizing: border-box;margin-top: 10px;margin-bottom: 5px;overflow: hidden;text-align: center;}.awards_type .award_btn {border: 1px solid #ff8a00;font-size: 16px;line-height: 1;padding: 7px;margin: 10px 20px;color: #ff8a00;min-width: 159px;box-sizing: border-box;text-align: center;display: inline-block;}.awards_type .award_btn.current {background: #ff8a00;color: #fff}.awards_type .award_btn:hover {background: #ff8a00;color: #fff}.player_four_box {box-sizing: border-box;padding: 25px 66px}.mob_heros_title_text,.title_right_link_pc,.title_right_link_pc {display: none}.heros_title_pc {display: none}@keyframes add_num {0% {opacity: 0;filter: alpha(opacity=0);transform: translateY(-10%) scale(0.3);}80% {opacity: 1;filter: alpha(opacity=100);transform: translateY(-100%) scale(1.8);}95% {opacity: 1;filter: alpha(opacity=100);transform: translateY(-100%) scale(1.8);}100% {opacity: 0;transform: translateY(-80%) scale(1.6);}}@-webkit-keyframes add_num {0% {opacity: 0;filter: alpha(opacity=0);-webkit-transform: translateY(-10%) scale(0.3);}80% {opacity: 1;filter: alpha(opacity=100);-webkit-transform: translateY(-100%) scale(1.8);}95% {opacity: 1;filter: alpha(opacity=100);-webkit-transform: translateY(-100%) scale(1.8);}100% {opacity: 0;-webkit-transform: translateY(-80%) scale(1.6);}}@-moz-keyframes add_num {0% {opacity: 0;filter: alpha(opacity=0);-moz-transform: translateY(-10%) scale(0.3);}80% {opacity: 1;filter: alpha(opacity=100);-moz-transform: translateY(-100%) scale(1.8);}95% {opacity: 1;filter: alpha(opacity=100);-moz-transform: translateY(-100%) scale(1.8);}100% {opacity: 0;-moz-transform: translateY(-80%) scale(1.6);}}.text_center{text-align: left;text-indent: 15px;}.link_item{width: 470px;float: left;margin:20px 0;margin-left: 20px}.link_item img{display: block;}@media all and (max-width:768px) {.mob_hide {display: none;}.inner {width: 100%}.activity_introduction {width: 100%;margin-top: 0.2rem;display: inline-block;background: #fff;float: none}.recent_news {width: 100%;float: none;margin-top: 0.2rem;background: #fff}.winner_list_area {width: 100%;background: #ff8a00;margin-top: 0.2rem}.heros_title {width: 100%;height: 0.75rem;border-bottom: 0;background: #ff8a00;overflow: hidden;}.mob_heros_title_ico {height: 0.4rem;float: left;margin: 0.18rem 0.15rem;display: block}.heros_title_ico {display: none}.heros_title_text {float: left;line-height: 1;font-size: 0.3rem;padding: 0.225rem 0;color: #fff}.title_right_link {float: right}.title_right_link img {display: none}.title_right_link .mob_title_right_ico {float: right;height: 0.5rem;margin: 0.13rem 0.1rem;display: block}.title_right_link span {float: left;font-size: 0.24rem;line-height: 1;padding: 0.26rem 0;color: #fff}.page_small_nav {display: none}.player_five_box,.player_four_box {padding: 0;width: 100%;padding-bottom: 0.2rem}.player_four_box {padding-top: 0.15rem}.player_list_title {display: none}.pc_heros_title_text {display: none}.mob_heros_title_text {display: block}.title_right_link_pc {display: block}.player_btn_join {width: 100%;box-sizing: border-box;padding: 0 0.1rem;margin-top: 0.15rem}.play_join_img {width: 2.5rem}.right_join_info_content {padding: 0.1rem;padding-right: 0;height: 1.7rem;display: table-cell;vertical-align: middle}.right_join_info_title {font-size: 0.3rem;line-height: 1.3;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;white-space: normal;}.right_join_btn {display: none}.right_join_info_text {font-size: 0.24rem;line-height: 1.4;margin-top: 0.1rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: auto;}.awards_type {margin-left: 0;margin-top: 0;margin-bottom: 0;overflow: hidden;padding: 0.15rem 0.1rem 0.05rem}.awards_type .award_btn {font-size: 0.24rem;line-height: 1;padding: 0.1rem 0;margin: 0 2px;color: #ff8a00;width: 32%;min-width: 30%;margin-left: 2%;margin-bottom: 0.1rem;box-sizing: border-box;margin-right: 0;}.awards_type .award_btn:nth-child(3n+1) {margin-left: 0}/* .awards_type .award_btn:nth-child(7) {width: 48%}.awards_type .award_btn:nth-child(8) {width: 48%;margin-left: 4%} */.inclusion_title {display: none}.title_right_link_pc {display: block}.heros_title_pc {display: block;}.activity_introduction_text_border{box-sizing: border-box;border: 1px solid #ddd;border-width: 0 1px 1px;}.inclusion_title.text_center{overflow: hidden;text-indent: 0;display: block;}.inclusion_title.text_center span{float: left;line-height: 1;font-size: 0.34rem;padding: 0.21rem 0;color: #fff;margin-left: 0.15rem}.link_item{width: 96%;float: none;display: block;margin: 0.2rem auto;}.link_item img{display: block;width: 100%}.review_box{padding: 0.15rem 0.1rem;}.review_box a {width: 49%;margin-left: 2%;}}@media all and (max-width:360px) {.heros_title_text {padding: 0.23rem 0 0.2rem;}}* {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}.main {font-family: 微软雅黑;width: 100%;background: #fafafa;padding-bottom: 50px}.inner {width: 1000px;margin: 0 auto}.inner:after{display: block;content:"";clear: both;}.clear_float:after{display: block;content:"";clear: both;}.review_box{box-sizing: border-box;padding:8px 10px;}.review_box a{float: left;width: 47%;margin-left: 6%}.review_box a:first-child{margin-left: 0}.review_box a img{display: block;width: 100%;}.activity_introduction {width: 595px;margin-top: 20px;display: inline-block;background: #fff;float: left;}.recent_news {width: 385px;float: right;margin-top: 20px;background: #fff}.winner_list_area {width: 100%;margin-top: 20px}.heros_title {width: 100%;height: 40px;border-bottom: 4px solid #ff8a00}.heros_title_ico {height: 30px;float: left;margin: 5px 10px}.heros_title_text {float: left;line-height: 1;font-size: 20px;padding: 10px 0;color: #363636}.title_right_link {float: right}.title_right_link img {float: right;height: 26px;margin: 7px 10px}.mob_heros_title_ico {display: none}.title_right_link .mob_title_right_ico {display: none}.title_right_link span {float: left;font-size: 16px;line-height: 1;padding: 12px 0;color: #ff8a00}.page_small_nav {width: 100%;height: 60px;margin-bottom: 33px;}.page_small_nav .small_nav_item:first-child{width: 170px;}.page_small_nav .small_nav_item {width: 166px;float: left;height: 60px;transition: all 0.2s linear;}.page_small_nav .small_nav_item.current {float: left;height: 78px;}.page_small_nav .small_nav_item.hover {float: left;display: block;height: 78px;}.page_small_nav .small_nav_item.now_index {background: #ff8a00;color: #fff}.page_small_nav .small_nav_item .nav_index {font-size: 18px;margin-top: 8px}.page_small_nav .small_nav_item.current .nav_index {font-size: 24px;margin-top: 10px}.page_small_nav .small_nav_item.hover .nav_index {font-size: 24px;margin-top: 10px}.page_small_nav .small_nav_item .nav_name {font-size: 14px}.page_small_nav .small_nav_item.now_index .nav_name {font-size: 16px}.page_small_nav .small_nav_item span {width: 100%;text-align: center;display: block}.page_small_nav .small_nav_item.preterite1 {background: #eacdb5}.page_small_nav .small_nav_item.preterite {color: #996135}.page_small_nav .small_nav_item.preterite2 {background: #e4bd9d}.box_shadow {transition: all 0.3s linear;box-shadow: 0 0 20px  #dbdbdb}.box_shadow:hover {box-shadow: 0 0 20px  #ff8a00}.player_list_title {width: 100%;overflow: hidden;margin-top: 10px;}.player_list_title span {float: left;font-size: 30px;line-height: 1}.player_box {width: 100%;overflow: hidden;margin-top: 20px;background: #fff}.player_five_box {width: 100%;box-sizing: border-box;padding: 35px;padding-top: 0}.player_five_box:after{content:'';clear:both;display: block}.player_list_title_link {float: right;font-size: 16px;line-height: 1;padding: 7px 0;color: #ff8a00}.five_player_list {width: 100%;overflow: hidden}.four_player_list {width: 100%;overflow: hidden}.inclusion_title {font-size: 20px;text-align: center;line-height: 44px;background: #ff8a00;color: #fff;text-indent: 94px}.inclusion_btn {float: right;width: 86px;background: #fff;border-radius: 3px;color: #ff8a00;text-align: center;font-size: 16px;line-height: 1;padding: 6px 0;margin: 8px;text-indent: 0}.awards_type {display: block;width: 100%;font-size:0;box-sizing: border-box;margin-top: 10px;margin-bottom: 5px;overflow: hidden;text-align: center;}.awards_type .award_btn {border: 1px solid #ff8a00;font-size: 16px;line-height: 1;padding: 7px;margin: 10px 20px;color: #ff8a00;min-width: 159px;box-sizing: border-box;text-align: center;display: inline-block;}.awards_type .award_btn.current {background: #ff8a00;color: #fff}.awards_type .award_btn:hover {background: #ff8a00;color: #fff}.player_four_box {box-sizing: border-box;padding: 25px 66px}.mob_heros_title_text,.title_right_link_pc,.title_right_link_pc {display: none}.heros_title_pc {display: none}@keyframes add_num {0% {opacity: 0;filter: alpha(opacity=0);transform: translateY(-10%) scale(0.3);}80% {opacity: 1;filter: alpha(opacity=100);transform: translateY(-100%) scale(1.8);}95% {opacity: 1;filter: alpha(opacity=100);transform: translateY(-100%) scale(1.8);}100% {opacity: 0;transform: translateY(-80%) scale(1.6);}}@-webkit-keyframes add_num {0% {opacity: 0;filter: alpha(opacity=0);-webkit-transform: translateY(-10%) scale(0.3);}80% {opacity: 1;filter: alpha(opacity=100);-webkit-transform: translateY(-100%) scale(1.8);}95% {opacity: 1;filter: alpha(opacity=100);-webkit-transform: translateY(-100%) scale(1.8);}100% {opacity: 0;-webkit-transform: translateY(-80%) scale(1.6);}}@-moz-keyframes add_num {0% {opacity: 0;filter: alpha(opacity=0);-moz-transform: translateY(-10%) scale(0.3);}80% {opacity: 1;filter: alpha(opacity=100);-moz-transform: translateY(-100%) scale(1.8);}95% {opacity: 1;filter: alpha(opacity=100);-moz-transform: translateY(-100%) scale(1.8);}100% {opacity: 0;-moz-transform: translateY(-80%) scale(1.6);}}.text_center{text-align: left;text-indent: 15px;}.link_item{width: 470px;float: left;margin:20px 0;margin-left: 20px}.link_item img{display: block;}@media all and (max-width:768px) {.mob_hide {display: none;}.inner {width: 100%}.activity_introduction {width: 100%;margin-top: 0.2rem;display: inline-block;background: #fff;float: none}.recent_news {width: 100%;float: none;margin-top: 0.2rem;background: #fff}.winner_list_area {width: 100%;background: #ff8a00;margin-top: 0.2rem}.heros_title {width: 100%;height: 0.75rem;border-bottom: 0;background: #ff8a00;overflow: hidden;}.mob_heros_title_ico {height: 0.4rem;float: left;margin: 0.18rem 0.15rem;display: block}.heros_title_ico {display: none}.heros_title_text {float: left;line-height: 1;font-size: 0.3rem;padding: 0.225rem 0;color: #fff}.title_right_link {float: right}.title_right_link img {display: none}.title_right_link .mob_title_right_ico {float: right;height: 0.5rem;margin: 0.13rem 0.1rem;display: block}.title_right_link span {float: left;font-size: 0.24rem;line-height: 1;padding: 0.26rem 0;color: #fff}.page_small_nav {display: none}.player_five_box,.player_four_box {padding: 0;width: 100%;padding-bottom: 0.2rem}.player_four_box {padding-top: 0.15rem}.player_list_title {display: none}.pc_heros_title_text {display: none}.mob_heros_title_text {display: block}.title_right_link_pc {display: block}.player_btn_join {width: 100%;box-sizing: border-box;padding: 0 0.1rem;margin-top: 0.15rem}.play_join_img {width: 2.5rem}.right_join_info_content {padding: 0.1rem;padding-right: 0;height: 1.7rem;display: table-cell;vertical-align: middle}.right_join_info_title {font-size: 0.3rem;line-height: 1.3;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;white-space: normal;}.right_join_btn {display: none}.right_join_info_text {font-size: 0.24rem;line-height: 1.4;margin-top: 0.1rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: auto;}.awards_type {margin-left: 0;margin-top: 0;margin-bottom: 0;overflow: hidden;padding: 0.15rem 0.1rem 0.05rem}.awards_type .award_btn {font-size: 0.24rem;line-height: 1;padding: 0.1rem 0;margin: 0 2px;color: #ff8a00;width: 32%;min-width: 30%;margin-left: 2%;margin-bottom: 0.1rem;box-sizing: border-box;margin-right: 0;}.awards_type .award_btn:nth-child(3n+1) {margin-left: 0}/* .awards_type .award_btn:nth-child(7) {width: 48%}.awards_type .award_btn:nth-child(8) {width: 48%;margin-left: 4%} */.inclusion_title {display: none}.title_right_link_pc {display: block}.heros_title_pc {display: block;}.activity_introduction_text_border{box-sizing: border-box;border: 1px solid #ddd;border-width: 0 1px 1px;}.inclusion_title.text_center{overflow: hidden;text-indent: 0;display: block;}.inclusion_title.text_center span{float: left;line-height: 1;font-size: 0.34rem;padding: 0.21rem 0;color: #fff;margin-left: 0.15rem}.link_item{width: 96%;float: none;display: block;margin: 0.2rem auto;}.link_item img{display: block;width: 100%}.review_box{padding: 0.15rem 0.1rem;}.review_box a {width: 49%;margin-left: 2%;}}@media all and (max-width:432px) {.heros_title_text {padding: 0.26rem 0 0.225rem;}.title_right_link span {padding: 0.28rem 0 0.26rem;}}@media all and (max-width:360px) {.heros_title_text {padding: 0.23rem 0 0.2rem;}.heros_title_text {padding: 0.25rem 0 0.225rem;}}@media all and (max-width:320px) {.heros_title_text {padding: 0.23rem 0 0.225rem;}}