Animation 纸材料的聚合物霓虹灯动画

我在我的聚合物项目中使用霓虹灯动画页面。通过页面的动画和路由工作正常。唯一的问题是，在我的组件中，样式不再适用于我的纸质材料。填充和边距丢失，我的文本没有放在里面

请参阅我的代码： Index.html

<neon-animated-pages attr-for-selected="data-route" selected="{{route}}" entry-animation="fade-in-animation" exit-animation="fade-out-animation">
        <home-page data-route="home"></home-page>
        <games-page data-route="games"></games-page>
        <ranking-page data-route="ranking"></ranking-page>
        <contact-page data-route="contact"></contact-page>

      </neon-animated-pages>

---

有人能帮我解决这个问题吗？

我已经解决了这个问题。如果忘了将添加到我的页面：

你能把它简化成JSFIDLE吗？我已经解决了这个问题。如果忘记添加到我的页面：

<link rel="import" href="../../bower_components/polymer/polymer.html">

<dom-module id="ranking-page">
<link rel="import" type="css" href="../../styles/elements/paper-material.css">

<template>
<style include="shared-styles"></style>
  <span class="page-title">Klassement</span>
  <paper-material elevation="1">
  Ranking
 </paper-material>
</template>

<script src="../../scripts/controllers/ranking.js"></script>

</dom-module>

(function() {
  'use strict';

  Polymer({
    is: 'ranking-page',

    behaviors: [
          Polymer.NeonAnimatableBehavior,
          Polymer.NeonPageBehavior
        ],

        listeners: {
          'entry-animation-start': 'onEntryStart',
          'entry-animation-finish': 'onEntryFinish',
          'exit-animation-start': 'onExitStart',
          'exit-animation-finish': 'onExitFinish'
        },
        onEntryStart: function(e) {
            console.log(this.title + ' entry animation starts');
        },
        onEntryFinish: function(e) {
            console.log(this.title + ' entry animation finished');
        },
        onExitStart: function(e) {
            console.log(this.title + ' exit animation starts');
        },
        onExitFinish: function(e) {
            console.log(this.title + ' exit animation finished');
        }
  });
})();