:root {
    --wpPaddingNum: 4vw;
    --wpPadding: 0 var(--wpPaddingNum);
    --wpContPaddingNum: 3.66vw;
    --wpContPadding: 0 var(--wpContPaddingNum);
    --themeColor: #c80a14;
    --themeColor2: #d2141e;
    margin: 0;
    padding: 0;
    font-size: 9.2vw;
    --headerHeight: 95.3856rem;
    /* 未选择按钮渐变色 */
    --noBtnBgColor: linear-gradient(to right, #e8e8e8, #cbcbcb);
    /* 选中按钮渐变色 */
    --btnBgColor: linear-gradient(to right, #ec2c34, #c80a14);
    /* 图片反白 */
    --imgWhite: brightness(0) invert(1);
    /* 图片反黑 */
    --imgBlack: brightness(0);
    /* 字体部分 */
    --f12: 12rem;
    --f13: 13rem;
    --f14: 14rem;
    --f15: 15rem;
    --f16: 16rem;
    --f17: 17rem;
    --f18: 18rem;
    --f19: 19rem;
    --f20: 20rem;
    --f21: 21rem;
    --f22: 22rem;
    --f23: 23rem;
    --f24: 24rem;
    --f25: 25rem;
    --f26: 26rem;
    --f27: 27rem;
    --f28: 28rem;
    --f29: 29rem;
    --f30: 30rem;
    --f31: 31rem;
    --f32: 32rem;
    --f33: 33rem;
    --f34: 34rem;
    --f35: 35rem;
    --f36: 36rem;
    --f37: 37rem;
    --f38: 38rem;
    --f39: 39rem;
    --f40: 40rem;
    --f41: 41rem;
    --f42: 42rem;
    --f43: 43rem;
    --f44: 44rem;
    --f45: 45rem;
    --f46: 46rem;
    --f47: 47rem;
    --f48: 48rem;
    --f49: 49rem;
    --f50: 50rem;
    --f51: 51rem;
    --f52: 52rem;
    --f53: 53rem;
    --f54: 54rem;
    --f55: 55rem;
    --f56: 56rem;
    --f57: 57rem;
    --f58: 58rem;
    --f59: 59rem;
    --f60: 60rem;
    --f61: 61rem;
    --f62: 62rem;
    --f63: 63rem;
    --f64: 64rem;
    --f65: 65rem;
    --f66: 66rem;
    --f67: 67rem;
    --f68: 68rem;
    --f69: 69rem;
    --f70: 70rem;
    --f71: 71rem;
    --f72: 72rem;
    --f73: 73rem;
    --f74: 74rem;
    --f75: 75rem;
    --f76: 76rem;
    --f77: 77rem;
    --f78: 78rem;
    --f79: 79rem;
    --f80: 80rem;
    --f81: 81rem;
    --f82: 82rem;
    --f83: 83rem;
    --f84: 84rem;
    --f85: 85rem;
    --f86: 86rem;
    --f87: 87rem;
    --f88: 88rem;
    --f89: 89rem;
    --f90: 90rem;
    --f91: 91rem;
    --f92: 92rem;
    --f93: 93rem;
    --f94: 94rem;
    --f95: 95rem;
    --f96: 96rem;
    --f97: 97rem;
    --f98: 98rem;
    --f99: 99rem;
    --f100: 100rem;
    --f101: 101rem;
    --f102: 102rem;
    --f103: 103rem;
    --f104: 104rem;
    --f105: 105rem;
    --f106: 106rem;
    --f107: 107rem;
    --f108: 108rem;
    --f109: 109rem;
    --f110: 110rem;
    --f111: 111rem;
    --f112: 112rem;
    --f113: 113rem;
    --f114: 114rem;
    --f115: 115rem;
    --f116: 116rem;
    --f117: 117rem;
    --f118: 118rem;
    --f119: 119rem;
    --f120: 120rem;
    --f121: 121rem;
    --f122: 122rem;
    --f123: 123rem;
    --f124: 124rem;
    --f125: 125rem;
    --f126: 126rem;
    --f127: 127rem;
    --f128: 128rem;
    --f129: 129rem;
    --f130: 130rem;
    --f131: 131rem;
    --f132: 132rem;
    --f133: 133rem;
    --f134: 134rem;
    --f135: 135rem;
    --f136: 136rem;
    --f137: 137rem;
    --f138: 138rem;
    --f139: 139rem;
    --f140: 140rem;
    --f141: 141rem;
    --f142: 142rem;
    --f143: 143rem;
    --f144: 144rem;
    --f145: 145rem;
    --f146: 146rem;
    --f147: 147rem;
    --f148: 148rem;
    --f149: 149rem;
    --f150: 150rem;
    --f151: 151rem;
    --f152: 152rem;
    --f153: 153rem;
    --f154: 154rem;
    --f155: 155rem;
    --f156: 156rem;
    --f157: 157rem;
    --f158: 158rem;
    --f159: 159rem;
    --f160: 160rem;
    --f161: 161rem;
    --f162: 162rem;
    --f163: 163rem;
    --f164: 164rem;
    --f165: 165rem;
    --f166: 166rem;
    --f167: 167rem;
    --f168: 168rem;
    --f169: 169rem;
    --f170: 170rem;
    --f171: 171rem;
    --f172: 172rem;
    --f173: 173rem;
    --f174: 174rem;
    --f175: 175rem;
    --f176: 176rem;
    --f177: 177rem;
    --f178: 178rem;
    --f179: 179rem;
    --f180: 180rem;
    --f181: 181rem;
    --f182: 182rem;
    --f183: 183rem;
    --f184: 184rem;
    --f185: 185rem;
    --f186: 186rem;
    --f187: 187rem;
    --f188: 188rem;
    --f189: 189rem;
    --f190: 190rem;
    --f191: 191rem;
    --f192: 192rem;
    --f193: 193rem;
    --f194: 194rem;
    --f195: 195rem;
    --f196: 196rem;
    --f197: 197rem;
    --f198: 198rem;
    --f199: 199rem;
    --f200: 200rem;
}

* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    outline: none;
    font-style: normal;
    text-size-adjust: none;
    -webkit-text-size-adjust: none;
}

input,
textarea,
button {
    border: none;
    resize: none;
}

.iconfont {
    transition: none;
}

h1,
h2,
h3,
h4,
h5 {
    font-weight: bold;
}

h6 {
    font-weight: normal;
}

li {
    list-style: none;
}

a {
    text-decoration: none;
    color: #343333;
    cursor: pointer;
}

a:hover {
    color: unset;
}

::after,
::before {
    transition: all .3s;
}

i::after,
i::before {
    transition: none;
}


/* layui部分 */
.layui-progress {
    border-radius: 883.2rem;
    overflow: hidden;
}

.layui-progress-big,
.layui-progress-big .layui-progress-bar {
    height: 17.664rem;
    line-height: 17.664rem;
}

.layui-progress-bar {
    background: var(--themeColor);
    transition: all 8s;
}

/* 鼠标拖尾动画 */
.beneath {
    width: 100%;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1;
}

/* 轮播 */
.swiper-pagination {
    font-size: 0;
}

.wp .swiper-button-white {
    background: #fff;
    box-shadow: 0px 0px 35px rgba(186, 186, 186, 0.26);
    /* width: 45.4848rem; */
    /* height: 45.4848rem; */
}

.swiper-button-white i {
    color: #747474;
    font-size: var(--f16);
}

.swiper-button-next:after,
.swiper-button-prev:after {
    display: none;
}

.swiper {
    width: 100%;
    height: 100%;
    transition: none !important;
}

.swiper .swiper-slide {
    /* transition: none; */
}

/* 相册动画取消 */
.fancybox-container * {
    transition: none;
}

/* 图片 */
img {
    /* width: 100%; */
    /* height: 100%; */
    max-width: 100%;
    max-height: 100%;
}

.img-db {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.img-db-hover:hover .img-db img,
.img-db:hover img,
.img-db-hover:hover .img-db video,
.img-db:hover video,
li:hover .img-db img,
li:hover .img-db video {
    transform: scale(1.1);
}

.img-db::after {
    display: block;
    content: '';
}

.img-db img,
.img-db video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    transition: all .5s;
}

/* 滚动条 */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: #F5F5F5
}

::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #E2E2E2
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #d2141e
}

/* 主体部分 */
.wp {
    width: 100%;
    padding: var(--wpPadding);
}

.wp-cont {
    width: 100%;
    padding: var(--wpContPadding);
}

/* 文字选中 */
::selection {
    color: #fff;
    background-color: #DA3D43;
}

/* 定位 */
.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

/* 弹性布局 */
.flex {
    display: flex;
}

.flex-1 {
    flex: 1;
}

.flex-wrap {
    flex-wrap: wrap;
}

.align-center {
    align-items: center;
}

.align-start {
    align-items: flex-start;
}


.align-end {
    align-items: flex-end;
}

.just-center {
    justify-content: center;
}

.just-end {
    justify-content: end;
}

.just-between {
    justify-content: space-between;
}

.just-around {
    justify-content: space-around;
}

.ver-center {
    display: flex;
    align-items: center;
}

/* 文字大小 */
.f14 {
    font-size: var(--f14) !important;
}

.f16 {
    font-size: var(--f16) !important;
}

.f18 {
    font-size: var(--f18) !important;
}

.f20 {
    font-size: var(--f20) !important;
}

.f22 {
    font-size: var(--f22) !important;
}

.f23 {
    font-size: var(--f23) !important;
}

.f26 {
    font-size: var(--f26) !important;
}

.f30 {
    font-size: var(--f30) !important;
}

.f36 {
    font-size: var(--f36) !important;
}

.f48 {
    font-size: var(--f48) !important;
}

.f55 {
    font-size: var(--f55) !important;
}

.f70 {
    font-size: var(--f70) !important;
}

.f86 {
    font-size: var(--f86) !important;
}

.f106 {
    font-size: var(--f106) !important;
}

.f120 {
    font-size: var(--f120) !important;
}

.f-bold {
    font-weight: bold;
}

/* 文字颜色 */
.color-white {
    color: #fff !important;
}

.color-black {
    color: #000 !important;
}

.color-subtitle {
    color: #828282 !important;
}

.color-subtitle-light {
    color: #b9b9b9 !important;
}

.color-subtitle-dark {
    color: #73747c !important;
}

.color-title {
    color: #343333 !important;
}

.color-theme {
    color: var(--themeColor) !important;
}

/* 其他 */
.text-center {
    text-align: center;
}

.d-block {
    display: block;
}

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

/* 宽高 */
.full-100 {
    width: 100%;
    height: 100%;
}

.w-100 {
    width: 100%;
}

.h-100 {
    height: 100%;
}

.p-top {
    padding-top: 114.816rem;
}

.p-bot {
    padding-bottom: 114.816rem;
}

.p-top2 {
    padding-top: 105.984rem;
}

.p-bot2 {
    padding-bottom: 105.984rem;
}

.p-top3 {
	padding-top: 74.1888rem;
}

.p-bot3 {
	padding-bottom: 74.1888rem;
}

/* 圆形进度条动画 */
svg.drawcircle {
    position: absolute;
    top: 0;
    left: 0;
    overflow: inherit;
    display: block;
    pointer-events: none
}

svg.drawcircle circle {
    fill: none;
    box-sizing: border-box;
    stroke-width: 2;
    stroke: none;
    stroke-dasharray: 0, 188.49;
    stroke-dashoffset: 188.49;
    transition: all .3s linear 0s
}

/* 动画 */
@-webkit-keyframes svgrotate {
    0% {
        stroke: var(--themeColor);
        stroke-dasharray: 0, 390%;
        stroke-dashoffset: 390%;
    }

    100% {
        stroke: var(--themeColor);
        stroke-dasharray: 390%, 0;
        stroke-dashoffset: 390%;
    }
}

@keyframes roll {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(359deg)
    }
}

.transition {
    transition: all .5s;
}

.obj-cover {
    object-fit: cover;
}

/* header占位符 */
.z-header {
    height: 95.3856rem;
}