:root {
    --bs-width-ratio: 1;
    --bs-height-ratio: 1;
    --bs-design-max-width: 1920px;
    --bs-header-height: 1.2rem;
    --ys-fadeout-time: 1s;
    --ys-fadein-time: 1.2s;
    --animate-duration: 1.5s;
    --animate-delay: 1s;
    --animate-repeat: 1;
}

.row {
    --bs-gutter-x: 0;
    --bs-gutter-y: 0;
}

.nogaps {
    padding: 0;
    margin: 0;
}

html {
    background: #fff;
}

header.container,
div.container {
    padding: 0;
}


/*
img {
	-webkit-transition: all 400ms ease-out;
	-mozilla-transition: all 400ms ease-out;
	-ms-transition: all 400ms ease-out;
	-o-transition: all 400ms ease-out;
	transition: all 400ms ease-out;
}
*/

input,
a {
    outline: 0;
}

marquee,
span {
    margin: 0;
    padding: 0;
    border: 0;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
form,
img,
dl,
dt,
dd,
table,
th,
td,
blockquote,
fieldset,
div,
strong,
label,
em {
    margin: 0;
    padding: 0;
    border: 0;
}

ul,
ol,
li {
    list-style: none;
}

.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
    padding-right: 0px;
    padding-left: 0px;
}

html {
    margin: 0;
    padding: 0;
    /* 对于Firefox */
    scrollbar-width: none;
}


/* 对于WebKit浏览器 (Chrome, Safari, etc.) */

 ::-webkit-scrollbar {
    display: none;
}

body {
    font-size: 0.16rem;
    /* 隐藏IE/Edge浏览器的滚动条 */
    -ms-overflow-style: none;
}

body::-webkit-scrollbar {
    /* 隐藏WebKit浏览器(Chrome, Safari)的滚动条 */
    display: none;
}

table {
    border-spacing: 0;
}

button {
    outline: none;
}

.debug {
    border-width: 1px;
    border-style: solid;
    border-color: black;
    content: 'debug info';
}

.debug-bg {
    border-width: 1px;
    border-style: solid;
    border-color: black;
    background-color: rgb(192, 186, 186);
    content: 'debug info';
}

.row-center-container {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    flex-wrap: nowrap !important;
}

.row-start-container {
    display: flex !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    text-align: left !important;
    flex-wrap: nowrap !important;
}

.row-center-ver-end-container {
    display: flex !important;
    justify-content: center !important;
    align-items: flex-end !important;
    text-align: center !important;
    flex-wrap: nowrap !important;
}

.row-center-ver-start-container {
    display: flex !important;
    justify-content: center !important;
    align-items: flex-start !important;
    text-align: center !important;
    flex-wrap: nowrap !important;
}

.ratio-14x9 {
    --bs-aspect-ratio: calc(9 / 14 * 100%);
}

.ratio-26x9 {
    --bs-aspect-ratio: calc(9 / 26 * 100%);
}

.ratio-33x9 {
    --bs-aspect-ratio: calc(9 / 33 * 100%);
}

.ratio-calc-WxH {
    --bs-aspect-ratio: calc( var(--bs-height-ratio) / var(--bs-width-ratio) * 100%);
}

.ys-def-col.col-a {
    flex: 0 0 auto;
}

.ys-def-col.col-a.width-1 {
    width: 54%;
}

.ys-def-col.col-a.width-2 {
    width: 50%;
}

.ys-def-col.col-b {
    flex: 0 0 auto;
}

.ys-def-col.col-b.width-1 {
    width: 46%;
}

.ys-def-col.col-b.width-2 {
    width: 50%;
}

.ys-font1p5w7 {
    font-size: 1.5rem;
    font-weight: 700;
}

.ys-font1p2w4 {
    font-size: 1.2rem;
    color: rgb(179, 179, 179);
}

.ys-font1p3w3 {
    font-size: 1.2rem;
    font-weight: 300;
}

.ys-style-width-1 {
    width: var(--ys-subtitle-size);
}

img.ys-clickable-img:hover {
    cursor: pointer;
}

.rounded-p64 {
    border-radius: 0.064rem !important;
}

.rounded-p10 {
    border-radius: 0.1rem !important;
}

.hol-ver-center {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto;
    text-align: center;
}

.hol-center-ver-start {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: center !important;
    margin: 0 auto;
    text-align: center;
}

.hol-text-start-ver-center {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    margin: 0 auto;
    text-align: start;
}

.clearfix::after {
    position: relative;
}

.w-70 {
    width: 70% !important;
}

.w-75 {
    width: 75% !important;
}

.w-90 {
    width: 90% !important;
}

.h-40 {
    height: 40% !important;
}

.col-3-5 {
    flex: 0 0 auto;
    width: 35%;
}

.col-6-5 {
    flex: 0 0 auto;
    width: 65%;
}

.hol-end-ver-center {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 0 0 auto;
    text-align: center;
}

.position-absolute-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.ml-p05 {
    margin-left: 0.05rem !important;
}

.ml-p10 {
    margin-left: 0.1rem !important;
}

.ml-p13 {
    margin-left: 0.13rem !important;
}

.ml-p20 {
    margin-left: 0.2rem !important;
}

.ml-p30 {
    margin-left: 0.3rem !important;
}

.ml-p50 {
    margin-left: 0.5rem !important;
}

.ml-p90 {
    margin-left: 0.9rem !important;
}

.mr-p10 {
    margin-right: 0.1rem !important;
}

.mr-p20 {
    margin-right: 0.2rem !important;
}

.mr-p35 {
    margin-right: 0.35rem !important;
}

.mr-p50 {
    margin-right: 0.5rem !important;
}

.mx-p25 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
}

.mx-p30 {
    margin-right: 0.3rem !important;
    margin-left: 0.3rem !important;
}

.mt-p10 {
    margin-top: 0.1rem !important;
}

.mt-p15 {
    margin-top: 0.15rem !important;
}

.mt-p20 {
    margin-top: 0.2rem !important;
}

.mt-p30 {
    margin-top: 0.3rem !important;
}

.mt-p35 {
    margin-top: 0.35rem !important;
}

.mt-p40 {
    margin-top: 0.4rem !important;
}

.mt-p50 {
    margin-top: 0.5rem !important;
}

.my-p20 {
    margin-top: 0.2rem !important;
    margin-bottom: 0.2rem !important;
}

.my-p40 {
    margin-top: 0.4rem !important;
    margin-bottom: 0.4rem !important;
}

.my-p50 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}

.mb-p10 {
    margin-bottom: 0.1rem !important;
}

.mb-p40 {
    margin-bottom: 0.4rem !important;
}

.pt-p10 {
    padding-top: 0.1rem !important;
}

.pt-p20 {
    padding-top: 0.2rem !important;
}

.pt-p32 {
    padding-top: 0.32rem !important;
}

.pt-p50 {
    padding-top: 0.5rem !important;
}

.pd-p45 {
    padding-bottom: 0.45rem !important;
}

.pl-p20 {
    padding-left: 0.2rem !important;
}

.py-p20 {
    padding-top: 0.2rem !important;
    padding-bottom: 0.2rem !important;
}

.py-p32 {
    padding-top: 0.32rem !important;
    padding-bottom: 0.32rem !important;
}

.rounded-p3 {
    border-radius: 0.03rem !important;
}

.rounded-p5 {
    border-radius: 0.05rem !important;
}

.rounded-p15 {
    border-radius: 0.15rem !important;
}

.bg-color-green {
    background-color: rgb(238, 245, 211);
}

.bg-color-orange {
    background-color: rgb(255, 241, 211);
}

.ys-container,
.ys-container-full {
    display: flex;
    width: 100%;
    max-width: 100%;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    flex-wrap: nowrap !important;
}

@media (min-width: 1920px) {
    .ys-container {
        max-width: var(--bs-design-max-width);
        margin-right: auto;
        margin-left: auto;
    }
}

.xy-100 {
    width: 100%;
    height: 100%;
}

.w-30 {
    width: 32%;
}