/* 基础设置 */
* {
    box-sizing: border-box;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td {
    margin: 0;
    padding: 0;
}


ul,
ol {
    list-style: none;
}

img {
    /* 底部留白 */
    display: block;
    border: 0;
}

b,
strong {
    font-weight: 400;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    /* 父元素字号的百分比 */
    font-size: 100%;
    font-weight: normal;
}

i,
em {
    /* 不倾斜 */
    font-style: normal;
}

u,
ins,
s,
del {
    /* 去掉中划线和下划线 */
    text-decoration: none;
}

table {
    border: .01rem solid #999;
    /* 相当于是cellspacing */
    border-spacing: 0;
    /* .01rem边框 */
    border-collapse: collapse;
}

td,
th {
    border: .01rem solid #999;
}

input,
button {
    /* 去掉轮廓线 */
    outline: none;
    border: none;
}

/* 风格设置 */
body {
    position: relative;
    font: .16rem/1.5 "PingFang SC", "Microsoft YaHei", Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;
    color: #333;
}

a {
    text-decoration: none;
    color: #666;
}

a:hover {
    color: #DD302D;
    text-decoration: none;
}

.leftfix {
    float: left;
}

.rightfix {
    float: right;
}

.clearfix::after {
    content: "";
    display: block;
    clear: both;
}

/* 隐藏滚动条 */
::-webkit-scrollbar {
    display: none;
}

.wp {
    max-width: 15rem;
    margin: 0 auto;
    /* width: 94%; */
}

.wp-list {
    max-width: 15.48rem;
    margin: 0 auto;
}


/* hover光束效果 */
.img {
    position: relative;
}

.img.light::before {
    content: '';
    position: absolute;
    top: 0;
    left: -86%;
    z-index: 2;
    display: block;
    width: 50%;
    height: 100%;
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
    background: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, .1));
    background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, .1));
}

.img.light:hover::before {
    -webkit-animation: shine .5s;
    animation: shine .5s;
}

@-webkit-keyframes shine {
    100% {
        left: 115%;
    }
}

@keyframes shine {
    100% {
        left: 115%;
    }
}