今天完成的事情：

1.完成【客卿】页面的响应式，常用的3屏尺寸都已调试完毕。

2.检查功能，考虑各种情况，完善功能。比如音频播放后，点击其他卡片时也要停止播放。

3.用了一个animation新属性，“闪烁” twinkling

写在对应class里的基本写法

-webkit-animation: twinkling 1s infinite ease-in-out

配置和自定义效果

.animated{
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}
@-webkit-keyframes twinkling{
    0%{
        opacity: 0.5;
    }
    100%{
        opacity: 1;
    }
}
@keyframes twinkling{
    0%{
        opacity: 0.5;
    }
    100%{
        opacity: 1;
    }
}

遇到的问题：

z-index设置了高低后不生效，具体原因没太弄明白，把层级低的设置成负的整数，就可以生效了。

看了几篇博客，有一个看起来比较像的原因是“层级的表现有时候不是看子标签的z-index多高，而要看整个DOM tree（节点树）的第一个relative属性的父标签的层级。”

参考链接：http://www.cnblogs.com/Alenliu/p/3949039.html

明天计划的事情：demo12期

收获：如上。