/*通用*/

* {
    margin: 0;
    padding: 0;
}

html, body {
    width: 100%;
    min-height: 100%;
}

body {
    margin: 0;
    color: #333;
    background-color: #fff;
    font-size: 12px;
    font-family: "Microsoft YaHei"
}

ul, li, p, h1, h2, h3, h4, h5, h6, dl, dt, dd {
    margin: 0px;
    padding: 0px;
    border: none;
    list-style: none;
    font-weight: normal;
}

a {
    text-decoration: none;
    text-shadow: none;
    font-weight: normal;
}

ul {
    list-style: none;
}

textarea, input, button, select {
    outline: none;
    -webkit-appearance: none;
    font-family: "微软雅黑";
}

a {
    color: #6c6c6c;
    text-decoration: none;
}

img {
    border: none;
    display: block;
}

span {
    margin: 0;
    padding: 0;
    cursor: auto;
}

span:focus, div:focus {
    outline: none;
}

.Run {
    transition: All 0.6s ease-in-out;
    -webkit-transition: All 0.6s ease-in-out;
    -moz-transition: All 0.6s ease-in-out;
    -o-transition: All 0.6s ease-in-out;
}

.Run:hover {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
}

.enlarge img {
    width: 100%;
    transition: 0.5s;
}

.enlarge:hover img {
    -ms-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
    transition: 0.5s;
}

@keyframes imgAnim1 {

    0% {
        -webkit-transform: translateY(-15px);

        -moz-transform: translateY(-15px);

        -o-transform: translateY(-15px);

        transform: translateY(-15px)

    }

    100% {
        -webkit-transform: translateY(0);

        -moz-transform: translateY(0);

        -o-transform: translateY(0);

        transform: translateY(0)

    }

    /*滚动条整体样式*/
div:: -webkit-scrollbar

{
    width: 5px
;
    height: 100%
;
}
/*滚动条里面小方块*/

div::-webkit-scrollbar-thumb {
    background: #777878;
    border-radius: 2px;
    width: 8px;
}

/*滚动条里面轨道*/
div::-webkit-scrollbar-track {
    background: none;
    width: 8px;
}

/*display: -webkit-box;display: -ms-flexbox;display:flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content:space-between;align-items:center; flex-wrap:wrap;align-content:center*/

html {
    font-size: 625%; /*100 ÷ 16 × 100% = 625%*/
}

/*出的各分辨率媒体查询换算：*/

@media screen and (min-width: 360px) and (max-width: 374px) and (orientation: portrait) {
    html {
        font-size: 703%;
    }
}

@media screen and (min-width: 375px) and (max-width: 383px) and (orientation: portrait) {
    html {
        font-size: 732.4%;
    }
}

@media screen and (min-width: 384px) and (max-width: 399px) and (orientation: portrait) {
    html {
        font-size: 750%;
    }
}

@media screen and (min-width: 400px) and (max-width: 413px) and (orientation: portrait) {
    html {
        font-size: 781.25%;
    }
}

@media screen and (min-width: 414px) and (max-width: 431px) and (orientation: portrait) {
    html {
        font-size: 808.6%;
    }
}

@media screen and (min-width: 432px) and (max-width: 479px) and (orientation: portrait) {
    html {
        font-size: 843.75%;
    }
}

@media screen and (min-width: 480px) and (max-width: 539px) and (orientation: portrait) {
    html {
        font-size: 940%;
    }
}

@media screen and (min-width: 540px) and (max-width: 639px) and (orientation: portrait) {
    html {
        font-size: 1040.75%;
    }
}