/* 设置滚动条宽度 */
.ww_scrollbar::-webkit-scrollbar {
    width: 2px; /* 滚动条的宽度 */
}

/* 设置滚动条轨道的样式 */
.ww_scrollbar::-webkit-scrollbar-track {
    background: #f1f1f1; /* 轨道的背景颜色 */
}

/* 设置滚动条滑块的样式 */
.ww_scrollbar::-webkit-scrollbar-thumb {
    background: #888; /* 滑块的背景颜色 */
    border-radius: 6px; /* 滑块的圆角 */
}

/* 设置滑块在鼠标悬停时的样式 */
.ww_scrollbar::-webkit-scrollbar-thumb:hover {
    background: #555; /* 悬停时的背景颜色 */
}

/* 设置滚动条按钮的样式 */
.ww_scrollbar::-webkit-scrollbar-button {
    background: #bbb; /* 按钮的背景颜色 */
    height: 0;
}

/* 设置按钮在鼠标悬停时的样式 */
.ww_scrollbar::-webkit-scrollbar-button:hover {
    background: #aaa; /* 悬停时的背景颜色 */
}

/* 设置滚动条角落的样式 */
.ww_scrollbar::-webkit-scrollbar-corner {
    background: #ddd; /* 角落的背景颜色 */
}

body{
    background-color: #ffffff;
    position: absolute;
    width: 100%;
    min-height: 100%;
    max-width: 1920px;
}
body .body-backdrop{
    display: none !important;
}
body .navbar{
    transition: all 0.5s;
}
body .text-overflow{
    text-overflow: ellipsis !important;
    overflow: hidden !important;
    white-space: nowrap !important;
}

.dropdown-menu{
    min-width: 7rem !important;
}

/* 中泰表 */
.row.align-items-center.mb-5 > .col-12 > h2 {
    line-height: 4rem;
    border-bottom: 1px solid #f3f3f3;
    text-align: center;
}
.row.align-items-center.mb-5 > .col-12 > h4 {
    text-align: center;
    font-size: 14px;
    color: #aaa;
    border-top: 3px solid #4890e7;
    display: table;
    margin: 0 auto;
    line-height: 2rem;
}
/* 白姐表 */
#ww-iframe .row.align-items-center.mb-5 > .col-12 > h2 {
    line-height: 2rem;
    border-bottom: 0;
    color: #ffffff !important;
    text-align: center;
    margin-top: 5rem;
}
#ww-iframe .row.align-items-center.mb-5 > .col-12 > h4 {
    text-align: center;
    font-size: 14px;
    color: #f3f3f361 ;
    border-top: 0;
    display: table;
    margin: 0 auto;
    line-height: 2rem;
    position: relative;
    margin-bottom: 3rem;
}
#ww-iframe .row.align-items-center.mb-5 > .col-12 > h4:before {
    border-bottom: 1px solid #f3f3f361;
    content: ' ';
    width: 110%;
    display: block;
    position: absolute;
    bottom: 0.8rem;
    left: -5%;
}

.ww-template.swiper_img_1 .carousel-control-prev{
    background: unset;
}
.ww-template.swiper_img_1 .carousel-control-next{
    background: unset;
}
.main section:nth-child(2n-1){
    background: #f1f1f1
}

.ww-down{
    position: fixed;
    bottom: 1rem;
    left: calc(50% - 50px);
    width: 100px;
    text-align: center;
    color: #fff;
}
#backToTopBtn{
    display: none; /* 默认隐藏 */
    position: fixed;
    bottom: 2rem;
    right: 1rem;
    z-index: 99;
    border: none;
    outline: none;
    color: white;
    cursor: pointer;
    padding: 15px;
    border-radius: 10px;
    box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
}
#backToTopBtn svg{
    margin-right: unset;
}

.ww-move{
    /*background-size: 100% 150% !important;*/
}

.ww-alert{
    position: fixed;
    top: calc(50% - 5rem);
    left: calc(50% - 5rem);
    width: 10rem;
    margin: 0 auto;
    z-index: 999;
    transition: all 0.5s;
    text-align: center;
    color: #ffffff;
    background: #0000007d;
    line-height: 3rem;
    font-size: 1rem;
    border-radius: 0.375rem;
}
.ww-alert.ww-alert-success{

}
.ww-alert.ww-alert-error{
    background: #ff000080;
}

.ww-alert.ww-alert-warning{
    background: #ffc10780;
}

.ww-load{
    position: fixed;
    top: calc(50% - 5rem);
    left: calc(50% - 5rem);
    width: 10rem;
    margin: 0 auto;
    z-index: 999;
}