/* 閫氱敤*/
* {
    margin: 0px;
    padding: 0px;
}

li {
    list-style-type: none;
}

img {
    border-style: none;
}

a,
router-link {
    text-decoration: none;
}

h3 {
    font-weight: normal;
}

body {
    font-family: 'Microsoft YaHei', 'arial';
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.non {
    display: none;
}

.cp {
    cursor: pointer;
}

.abs {
    position: absolute;
}

.ret {
    position: relative;
}

.ma {
    margin: auto;
}

.cb {
    clear: both;
}

.fr {
    float: right;
}

.fl {
    float: left;
}

.white1 {
    background-color: white;
}

.white2 {
    background-color: ghostwhite;
}

.gray1 {
    background-color: #EFEFEF;
}

.gray2 {
    background-color: #363636;
}

.gray3 {
    background-color: #464646;
}

.gray4 {
    background-color: #F7F7F7;
}

.gray5 {
    background-color: #E3E3E3;
}

.gray6 {
    background-color: #E0E0E0;
}

.blue1 {
    background-color: blue;
}

.blue2 {
    background-color: azure;
}

.blue3 {
    background-color: #376FFF;
}

.grn1 {
    background-color: lightgreen;
}

.opc {
    opacity: 0.5;
}

.lt {
    text-align: left;
}

.rt {
    text-align: right;
}

.ct {
    text-align: center;
}

.page {
    width: 1170px;
}

.horizon,
.horizon1 {
    height: 1px;
}

.vertical {
    width: 1px;
    height: 100%;
}

/* 涓ら〉閮芥湁 */
footer p {
    font-size: 14px;
    line-height: 22px;
    color: #8F8F8F;
}

footer p.ct {
    line-height: 66px;
    color: #797979;
}

footer .stick {
    width: 1px;
    height: 82px;
    margin: 50px 80px 0 80px;
}

@media screen and (max-width: 1220px) {

    .banner,
    .nav-wrap,
    .horizon1,
    footer {
        width: 1220px;
    }
}

/* 鎷捐壊鍣紝鍥犱负鏄� color 鑴氭湰鐢熸垚鐨勶紝鍐欏湪缁勪欢閲屼笉鐢熸晥 */
.color-picker-list li {
    width: 12px;
    height: 12px;
    margin-right: 6px;
}

.color-picker-list li.white1 {
    width: 10px;
    height: 10px;
}

.color-picker-list li.active {
    width: 8px;
    height: 8px;
}

.big-gray {
    z-index: -2;
}

.big-gray4 {
    left: 0;
    right: 0;
    top: 80px;
}
@media screen and (max-width: 470px) {
    .page {
        width: 100%;
    }
    .funlist[data-v-f4718680] {
        width: 100%;
    }
    .funlist li[data-v-f4718680] {
        width: 33.3%;
    }
    .funlist p[data-v-f4718680]{
        width: 100%;
    }
}