html,body{background-color:#f9f9f9}.content{width:100%;padding-bottom:60px}.content .center{width:1200px;margin:0 auto}.left_right{width:100%;overflow:hidden}.left_right .left{width:860px;float:left;overflow:hidden}.left_right .right{width:320px;float:right;overflow:hidden}.left_right .left .article{width:100%;background:#ffffff;border:1px solid #f2f2f2;box-sizing:border-box;overflow:hidden;padding:30px 20px}.left_right .left .article h1{font-size:28px;font-family:Microsoft YaHei;font-weight:bold;color:#333333;line-height:45px}.left_right .left .article .hero-text h1{font-size:28px;color: white;margin: 0 0 5px 0;}.left_right .left .article .writer{margin-top:24px;height:45px;border-bottom:1px dashed #f1f1f1;margin-bottom:28px}.left_right .left .article .writer span{font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#999999;margin-right:60px}.left_right .left .article p:not(.content-block P,.article-team-content p,.equipment-intro p,.equipment-detail p,.card-reason p,.scroll-reason,.badge-reason,.media-reason p,.qstyle-5 .quest-table p,.game-intro p,.steam-style-3 .game-intro p){font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#444444;line-height:1.8;margin-bottom:20px;text-indent:2em}.left_right .left .article img:not(.character-image,.member-icon img,.article-member-icon img,.equipment-image,.img-wrapper img,.character-img,.card-img,.scroll-img,.graph-img,.badge-img,.media-img,.game-icon,.yxphbcard-icon,.scroll-icon,.mini-icon,.media-icon,.table-icon,.t6-image,.quests-image,.xq3game-hero img,.xq3hero-content .game-icon,.syxqystyle-3 .screenshot-grid img,.steam-style-3 .game-hero img,.steam-style-3 .game-hero .game-logo,.steam-style-3 .screenshot-grid img){max-width:100%;margin-bottom:20px}.left_right .left .article .tags span{font-size:12px;font-family:Microsoft YaHei;font-weight:400;color:#999999}.left_right .left .article .tags a{font-size:12px;font-family:Microsoft YaHei;font-weight:400;color:#999999;margin-right:30px}.left_right .left .article .tags a:hover{color:#f8445d}.left_right .left .aobout_news{margin-top:30px;overflow:hidden}.left_right .left .aobout_news .news{background:#ffffff;border:1px solid #f2f2f2;overflow:hidden;margin-top:22px;box-sizing:border-box;padding:30px 20px}.left_right .left .aobout_news .news a{display:block;overflow:hidden;margin-bottom:25px}.left_right .left .aobout_news .news a:nth-last-child(1){margin-bottom:0}.left_right .left .aobout_news .news a span:nth-of-type(1){font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#5a5adb;float:left;margin-right:10px}.left_right .left .aobout_news .news a p{font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#333333;float:left}.left_right .left .aobout_news .news a:hover p{color:#5a5adb}.left_right .left .aobout_news .news a span:nth-of-type(2){font-size:12px;font-family:Microsoft YaHei;font-weight:400;color:#999999;float:right}.left_right .left .hot_game{margin-top:30px}.left_right .left .hot_game .games{overflow:hidden;margin-top:22px}.left_right .left .hot_game .games a{display:block;width:156px;background:#ffffff;border:1px solid #f2f2f2;padding:18px;box-sizing:border-box;text-align:center;overflow:hidden;margin-right:20px;float:left}.left_right .left .hot_game .games a:nth-last-child(1){margin-right:0}.left_right .left .hot_game .games a:hover{border:1px solid #c8c8ff;box-shadow:0px 4px 0px 0px rgba(200,200,255,0.1)}.left_right .left .hot_game .games a img{width:120px;height:120px;border-radius:28px;margin-bottom:14px}.left_right .left .hot_game .games a span{font-size:12px;font-family:Microsoft YaHei;font-weight:400;color:#adadad}.left_right .left .hot_game .games a p{width:100%;font-size:15px;font-family:Microsoft YaHei;font-weight:400;color:#333333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:10px}.left_right .left .about_topic{margin-top:30px;overflow:hidden}.left_right .left .about_topic .past_c{margin-top:22px;width:100%;background:#ffffff;border:1px solid #f2f2f2;padding:19px;overflow:hidden;box-sizing:border-box}.left_right .left .about_topic .past_c a{display:block;width:260px;height:166px;overflow:hidden;position:relative;margin-right:20px;float:left}.left_right .left .about_topic .past_c a:nth-last-child(1){margin-right:0px}.left_right .left .about_topic .past_c a img{width:260px;height:166px;transition:all 0.5s}.left_right .left .about_topic .past_c a:hover img{transform:scale(1.1)}.left_right .left .about_topic .past_c a .black_bg{width:100%;height:70px;position:absolute;bottom:0;left:0;background:linear-gradient(rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 40%,rgba(0,0,0,0.8) 100%)}.left_right .left .about_topic .past_c a p{position:absolute;bottom:12px;left:0;box-sizing:border-box;width:100%;padding:0 12px;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#ffffff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.pages{width:100%;margin:auto;text-align:center;padding:40px 0 60px 0}.pages ul{position:relative;overflow:auto;display:inline-block}.pages li{display:inline-block;float:left}.pages li a{display:inline-block;height:34px;border:1px solid #f2f2f2;background:#fff;color:#666666;margin-right:10px;padding:0 15px;box-sizing:border-box;line-height:32px;font-size:14px;transition:color 0.3s,background 0.3s}.pages li a:hover{color:#5a5adb;background:#fff;border-color:#5a5adb}.pages li span{display:inline-block;height:34px;border:1px solid #f2f2f2;background:#fff;color:#333;margin-right:10px;padding:0 15px;box-sizing:border-box;line-height:32px;font-size:14px}.pages li strong{margin:0 2px}.pages li.active a{background:#5a5adb;color:#fff;border-color:#5a5adb;cursor:default;font-weight:bold}.pages li.active a:hover span{background:#5a5adb;color:#fff}.pages li.disabled{display:none}.pages li.disabled span{color:#999}