/*样式初始化*/
* {
    outline: 0;
    padding: 0;
    margin: 0;
    border: 0;
    box-sizing: border-box;
}

@font-face {
    font-family: 'PingFangSC-medium';
    src: url('../../lib/font/PingFangSC-medium.ttf') format('truetype');
}

@font-face {
    font-family: 'PingFangSC-regular';
    src: url('../../lib/font/PingFangSC-regular.ttf') format('truetype');
}

@font-face {
    font-family: 'sourceHan';
    src: url('../../lib/font/SourceHanSerifCN-Bold-2.otf') format('truetype');
}

html,
body {
    height: 100%;
    width: 100%;
    position: relative;
    font-size: 16px;
    /* font: 14px / 180% "\5FAE\8F6F\96C5\9ED1", "\5B8B\4F53", Tahoma, Arial, Helvetica, sans-serif; */
    color: #393939;
    -webkit-text-size-adjust: none;
    background: #fff;
    -moz-user-select: none;
    /*火狐*/
    -webkit-user-select: none;
    /*webkit浏览器*/
    -ms-user-select: none;
    /*IE10*/
    user-select: none;
    /*选中文字时避免出现蓝色背景*/
    margin: 0;
}

body,
div,
ul,
ol,
dl,
dt,
dd,
li,
dl,
h1,
h2,
h3,
h4 {
    margin: 0;
    padding: 0;
}

ol,
ul,
li {
    list-style: none;
}

/* swiper渐入动画重置 */
@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        visibility: visible
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideInLeft {
    0% {
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        visibility: visible
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
        visibility: visible
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
        transform: translateX(50%);
        visibility: visible
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}