html { background-color: #ededed; }

body { background-color: #fff; padding-bottom: 8rem; }

header p { font-size: 0.90667rem; height: 2.34667rem; background-color: #efeff4; color: #888889; }
header p a { display: block; height: 100%; position: relative; text-align: center; line-height: 2.34667rem; }
header p a em { display: block; width: 0.69333rem; height: 0.69333rem; border-left: 2px solid #b3b3b3; border-bottom: 2px solid #b3b3b3; border-top: 2px solid transparent; border-right: 2px solid transparent; position: absolute; top: 0.69333rem; left: 0.58667rem; -webkit-transform: rotate(-315deg); -ms-transform: rotate(-315deg); transform: rotate(-315deg); font-weight: 600; }

.pic-list .pic { margin-top: 0.8rem; position: relative; }
.pic-list .pic img { display: block; background-color: #fff; width: 19.04rem; height: 8rem; margin: 0 auto; border-radius: 0.21333rem; }
.pic-list .pic .bottom-box { height: 2.4rem; width: 19.04rem; background-color: #000; opacity: .3; margin: 0 auto; margin-top: -2.4rem; border-bottom-left-radius: 0.21333rem; border-bottom-right-radius: 0.21333rem; }
.pic-list .pic .left { position: absolute; bottom: 0.4rem; left: 1.33333rem; letter-spacing: 1px; }
.pic-list .pic .left .title { font-size: 0.8rem; color: #fff; font-weight: 800; }
.pic-list .pic .left .small-title { font-size: 0.53333rem; color: #fff; margin-top: 0.26667rem; font-weight: 400; }
.pic-list .pic .right { background-color: #ff5353; color: #fff; font-size: 0.64rem; position: absolute; bottom: 0.45333rem; right: 0.90667rem; text-align: center; border-radius: 5px; letter-spacing: 1px; }
.pic-list .pic .right a { display: block; color: #fff; padding-top: 0.37333rem; padding-bottom: 0.4rem; padding-left: 0.85333rem; padding-right: 0.85333rem; }

#title-color { color: #333333; letter-spacing: 1.5px; font-size: 0.90667rem; }