html,
body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
p,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
input,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
textarea,
article,
aside,
audio,
canvas,
figure,
footer,
header,
mark,
menu,
nav,
section,
time,
video {
    padding: 0;
    margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal;
}

article,
aside,
dialog,
figure,
footer,
header,
hgroup,
nav,
section,
blockquote {
    display: block;
}

ul,
ol {
    list-style: none;
}

img {
    vertical-align: top;
    border: 0 none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

strong,
em,
i {
    font-style: normal;
    font-weight: normal;
}

ins {
    text-decoration: underline;
}

del {
    text-decoration: line-through;
}

mark {
    background: none;
}

input::-ms-clear {
    display: none !important;
}

body {
    font: 12px/1.5 \5FAE\8F6F\96C5\9ED1, \5B8B\4F53, "Hiragino Sans GB", STHeiti, "WenQuanYi Micro Hei", "Droid Sans Fallback", SimSun, sans-serif;
    background: #fff;
}

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

a:hover {
    text-decoration: underline;
}


/*加载动画 */

.loadingBg {
    display: block;
    width: .6rem;
    height: .6rem;
    animation: loading .8s ease infinite;
}

@keyframes loading {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.loadingIcon svg {
    animation: loading1 .6s linear infinite;
}

@keyframes loading1 {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.openPupul {
    animation: zoomInRight .8s ease;
}

@-webkit-keyframes zoomInRight {
    from {
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        animation-timing-function: cubic-bezier(.550, .055, .675, .190);
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(.550, .055, .675, .190);
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    }
    60% {
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        animation-timing-function: cubic-bezier(.175, .885, .320, 1);
        opacity: 1;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .320, 1);
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    }
}

.closeClick {
    animation: zoomInLeft .5s ease;
}

@-webkit-keyframes zoomInLeft {
    from {
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        animation-timing-function: cubic-bezier(.550, .055, .675, .190);
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(.550, .055, .675, .190);
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    }
    60% {
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        animation-timing-function: cubic-bezier(.175, .885, .320, 1);
        opacity: 1;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .320, 1);
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    }
}

.skillText {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}