@charset "UTF-8";

.header {
	height: 42px;
	text-align: center;
	background: #fff;
	top: 0;
	right: 0;
	z-index: 990;
	left: 0;
	position: relative;
	background: #fff
}

@media (min-width:992px) {
	.header {
		height: 80px;
		min-width: 1200px
	}
}

.header.nav-fixed {
	position: fixed;
	transition: all .4s;
	box-shadow: 5px 5px 13px rgba(63,63,63,.2)
}

.header__main--pc {
	height: 80px
}

.header__nav--pc {
	min-width: 800px;
	height: 80px
}

.header__nav--pc>li {
	padding: 0 23px;
	height: 80px;
	position: relative
}

.header__nav--pc>li.active:before,.header__nav--pc>li:hover:before {
	position: absolute;
	content: "";
	width: 66%;
	height: 1px;
	background: #265fc6;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%)
}

.header__nav--pc>li.active>a,.header__nav--pc>li:hover>a {
	color: #265fc6
}

.header__nav--pc>li>a {
	height: 80px;
	color: #333;
	display: inline-block;
	line-height: 80px;
	font-size: 16px;
	text-decoration: none
}

.header__nav--pc>li>a .icon-arrow {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-left: 8px;
	transform: rotate(0);
	transition: all .4s ease;
	background: url(../images/icon_arrow.png) center center/cover no-repeat
}

.header__nav--pc>li:hover .header__sub-menu {
	display: block
}

.header__nav--pc>li:hover .icon-arrow {
	transform: rotate(360deg);
	background: url(../images/icon_arrow_hover.png) center center/cover no-repeat
}

.header__nav--pc .header__sub-menu {
	position: absolute;
	width: 218px;
	height: auto;
	background: #fff;
	box-shadow: 0 10px 20px 0 rgba(67,121,189,.15);
	border-radius: 2px;
	top: 80px;
	left: -4px;
	display: none
}

.header__nav--pc .header__sub-menu>li {
	text-align: left
}

.header__nav--pc .header__sub-menu>li a {
	text-indent: 26px;
	font-size: 16px;
	line-height: 48px;
	color: #666;
	text-decoration: none;
	display: block
}

.header__nav--pc .header__sub-menu>li:hover a {
	background: rgba(56,119,197,.05);
	color: #3877c5
}

.header__main--mobile {
	top: 0;
	right: 0;
	z-index: 990;
	left: 0;
	position: fixed
}

.header__main--mobile a {
	text-decoration: none
}

.header__nav--mobile {
	position: fixed;
	top: 0;
	height: 42px;
	padding: 0 24px;
	background: #fff;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	border-bottom: 1px solid #eee
}

.header__nav--mobile .navbar__btn {
	height: 20px
}

.header__nav--mobile .navbar__btn img {
	height: 20px
}

.header__nav--mobile .menu__close {
	display: none
}

.header__nav--mobile .menu__close img {
	width: 13px;
	height: 13px
}

.header__logo--mobile {
	display: inline-block
}

.header__logo--mobile img {
	max-width: 100%;
	max-height: 30px
}

.header__menu--mobile {
	background-color: rgba(0,0,0,.7);
	left: 0;
	right: 0;
	top: 42px;
	bottom: 0;
	position: fixed;
	transition: transform .3s linear 0s;
	display: none;
	z-index: 990
}

.header__menu--mobile .menu__panel {
	background: #fff;
	display: flex;
	flex: 1;
	flex-direction: column
}

.header__menu--mobile .menu__panel a {
	text-align: left;
	display: inline-block
}

.header__menu--mobile .menu__logo {
	height: 50px;
	display: inline-block;
	border-bottom: 1px solid #e9e9e9;
	padding: 7.5px 0 7.5px 21px
}

.header__menu--mobile .menu__logo img {
	max-width: 100%;
	height: 35px
}

.header__menu--mobile .menu__list {
	flex: 1;
	overflow-y: scroll;
	font-size: 15px;
	padding: 0;
	margin: 0
}

.header__menu--mobile .menu__item {
	line-height: 50px;
	color: #333;
	padding: 0 16px;
	cursor: pointer
}

.header__menu--mobile .menu__item.show .item__name {
	color: #2e74e9
}

.header__menu--mobile .menu__item.show i {
	transform: rotate(90deg)
}

.header__menu--mobile .menu__item a {
	position: relative
}

.header__menu--mobile .menu__item i {
	background: url(../images/btn-next.png) center center/cover no-repeat;
	display: inline-block;
	width: 13px;
	height: 13px;
	position: absolute;
	right: 24px;
	top: 50%;
	transform: translateY(-50%);
	transition: .5s all
}

.header__menu--mobile .menu__item .item__name {
	text-align: center;
	width: 100%;
	color: #333;
	border-bottom: 1px solid #eee
}

.header__menu--mobile .sub-menu__list {
	display: none;
	text-align: left
}

.header__menu--mobile .sub-menu__item {
	display: inline-block;
	padding: 0 10px
}

.header__menu--mobile .sub-menu__item a {
	color: #666;
	display: inline-block
}

footer {
	font-size: 14px;
	background: #233147;
	color: #fff
}

footer .copyright-wrapper {
	line-height: 74px
}

@media (max-width:991.98px) {
	footer {
		line-height: 44px;
		font-size: 12px;
		text-align: center
	}

	footer .copyright-wrapper {
		line-height: 44px
	}
}

.footer__main a {
	color: #fff;
	text-decoration: none
}

.footer__menu {
	padding: 44px 0 32px;
	border-bottom: 1px solid rgba(174,174,174,.2)
}

.footer__menu>li .menu__title {
	margin-bottom: 20px;
	font-size: 16px;
	font-weight: 700
}

.footer__menu>li .menu__list>li {
	margin: 14px 0
}

.footer__menu>li .menu__list>li a {
	color: rgba(255,255,255,.6)
}

.footer__friendly-link {
	color: rgba(255,255,255,.6);
	display: flex;
	align-items: center;
	flex-flow: row wrap;
	align-content: flex-start;
	border-bottom: 1px solid rgba(174,174,174,.2)
}

@media (min-width:992px) {
	.footer__friendly-link {
		padding: 22px 0
	}
}

.footer__friendly-link a {
	color: rgba(255,255,255,.6);
	line-height: 30px;
	padding: 0 14px;
	position: relative;
	flex-shrink: 0
}

.footer__friendly-link a:first-child {
	padding-left: 0
}

.footer__friendly-link a:not(:last-child)::after {
	display: inline-block;
	content: "";
	width: 1px;
	height: 16px;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	background: rgba(255,255,255,.6)
}

.sidebar {
	margin-top: 26px
}

.sidebar__title {
	color: #2e74e9;
	font-weight: 700;
	font-size: 16px;
	padding: 10px 0 20px 10px;
	background: #fcfcfc;
	position: relative
}

.sidebar__title::before {
	content: "";
	height: 1px;
	background: #2e74e9;
	display: inline-block;
	width: 104px;
	position: absolute;
	top: 0;
	left: 0
}

.sidebar__channel {
	font-size: 16px;
	line-height: 46px;
	background: #f3f3f3;
	font-weight: 700;
	text-align: center
}

.sidebar__channel a {
	color: #333
}

.sidebar__list {
	padding: 0 14px;
	background: #fcfcfc
}

.sidebar__list li {
	line-height: 50px;
	height: 50px;
	text-align: center
}

.sidebar__list li a {
	color: #333
}

.sidebar__list li:not(:last-child) {
	border-bottom: 1px solid #ececec
}

#ruleModal .modal-dialog-scrollable .modal-content {
	height: 608px;
	border: 2px solid #666;
	border-radius: 20px;
	padding: 20px
}

#ruleModal .modal-header {
	height: 40px;
	padding: 0;
	border: 0
}

#ruleModal .modal-title {
	text-align: center;
	flex-grow: 1;
	color: #ec4453;
	font-weight: 700;
	padding-left: 48px
}

#ruleModal .modal-body {
	padding: 5px 20px;
	font-size: 12px;
	background: #f8f8f8
}

#ruleModal .modal-body p {
	color: #333
}

#ruleModal .color-red {
	color: #ec4453
}

#ruleModal .modal-btn {
	width: 96px;
	height: 30px;
	line-height: 30px;
	margin: 24px 0 10px 0;
	text-align: center;
	font-size: 14px;
	color: #fff;
	background: #ed4453
}

#ruleModal .close {
	outline: 0;
	display: block;
	width: 42px;
	height: 42px;
	cursor: pointer;
	background: url(../images/close.png) no-repeat center center;
	opacity: 1;
	margin-top: -8px;
	margin-right: 0
}

.bib__pagination {
	width: 100%;
	text-align: center;
	margin: 20px 0 10px
}

@media (min-width:768px) {
	.bib__pagination {
		margin: 40px 0 20px
	}
}

.bib__pagination .numpage {
	display: inline-block;
	padding: 0;
	margin: 0 auto
}

.bib__pagination .numpage li {
	width: 38px;
	height: 37px;
	line-height: 35px;
	text-align: center;
	border: 1px solid #f7f7f7;
	float: left;
	list-style: none;
	margin-right: 6px;
	border-radius: 4px;
	cursor: pointer
}

.bib__pagination .numpage li a {
	color: #666;
	font-size: 14px;
	text-decoration: none;
	display: block
}

.bib__pagination .numpage li.updownbtn {
	width: 55px
}

@media (min-width:768px) {
	.bib__pagination .numpage li.updownbtn {
		width: 75px
	}
}

.bib__pagination .numpage li.active {
	background-color: #2e74e9;
	color: #fff
}

.bib__pagination .numpage li.active a {
	color: #fff
}

.bib__pagination .numpage li.turnTo {
	width: 112px;
	border: 0
}

.bib__pagination .numpage li.turnTo input {
	width: 68px;
	height: 37px;
	border: 1px solid #f7f7f7;
	margin: 0 8px 0 2px;
	text-align: center;
	border-radius: 4px
}

.bib__pagination .numpage li.confirm {
	width: 66px
}

.bib__pagination .numpage li button {
	width: 64px;
	height: 35px;
	background-color: transparent;
	border: none
}

.bib__pagination .numpage li.pagenumInput {
	border: none
}

.bib__pagination .numpage li.pagenumInput>input {
	border: 1px solid #f7f7f7;
	width: 67px;
	height: 37px
}

.relatedReading .tab {
	display: flex;
	justify-content: space-between;
	font-size: 12px;
	border-bottom: 1px solid #dcdcdc
}

.relatedReading .tab .tab-item {
	color: #333;
	padding: 10px 0 20px;
	cursor: pointer
}

.relatedReading .tab .tab-item.active {
	position: relative
}

.relatedReading .tab .tab-item.active::after {
	content: "";
	height: 2px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -1px;
	background: #2e74e9
}

.relatedReading .tab .tab-item.active::before {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 5px 5px 5px;
	border-color: transparent transparent #2e74e9 transparent;
	position: absolute;
	left: 50%;
	bottom: 1px;
	transform: translateX(-50%)
}

.relatedReading .content .content-item:not(:first-child) {
	display: none
}

.relatedReading .list {
	margin-top: 15px
}

.relatedReading .list .list-item {
	padding: 3px 0 0 12px;
	position: relative
}

.relatedReading .list .list-item::before {
	content: "";
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #2e74e9;
	position: absolute;
	left: 0;
	top: 50%
}

.relatedReading .list .list-item a {
	color: #666;
	text-decoration: none
}

body {
	color: #666;
	max-width: 1920px;
	min-width: 320px;
	font-size: 14px;
	font-family: "Microsoft Yahei","微软雅黑",sans-serif,Arial,"Times New Roman"
}

@media (min-width:992px) {
	body {
		min-width: 1200px
	}
}

@media (max-width:991.98px) {
	body {
		overflow-x: hidden
	}
}

ul {
	padding: 0;
	margin: 0
}

li {
	list-style: none
}

@media (min-width:992px) {
	.w1200 {
		width: 1200px!important;
		margin: 0 auto
	}
}

@media (max-width:768px) {
	.header+.w1200 {
		display: none
	}
}

.text-ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.bg-gray {
	background: #f7f7f7
}

img {
	max-width: 100%
}

.location {
	position: relative
}

@media (min-width:992px) {
	.location {
		padding-top: 30px!important;
		padding-bottom: 30px!important
	}
}

.location::before {
	width: 3px;
	height: 40px;
	background: #255aa8;
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%)
}

@media (max-width:991.98px) {
	.location::before {
		height: 20px
	}
}

.location a {
	color: #333;
	padding: 0 2px 0 12px;
	text-decoration: none
}

.location a:not(:last-of-type)::after {
	content: "";
	display: inline-block;
	width: 8px;
	height: 8px;
	border-top: 1px solid #666;
	border-right: 1px solid #666;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg)
}

.location a:last-of-type {
	color: #2a58a3
}

.location a:last-of-type:hover {
	color: #2a58a3
}

.statement .statement__lable {
	font-size: 14px;
	height: 26px;
	line-height: 26px;
	color: #2e74e9;
	border-bottom: 1px solid #dcdcdc;
	position: relative
}

.statement .statement__lable::after {
	content: "";
	width: 58px;
	height: 1px;
	background: #2e74e9;
	position: absolute;
	left: 0;
	bottom: -1px
}

.statement .statement__text {
	margin-top: 20px
}

.bottom-float {
	position: fixed;
	bottom: 0;
	left: 0;
	height: 100px;
	width: 100%;
	background: rgba(0,0,0,.2);
	z-index: 100;
	display: none
}

@media (min-width:992px) {
	.bottom-float {
		display: flex
	}
}

@media (max-width:991.98px) {
	.bottom-float {
		display: block;
		height: auto;
		padding-top: .8rem
	}
}

.bottom-float__img {
	width: 489px;
	border-radius: 4px;
	height: 68px;
	background: url(../images/banner1.png) center center/cover #ffdead
}

@media (max-width:991.98px) {
	.bottom-float__img {
		width: 98%;
		max-width: 25rem;
		margin: 0 auto .8rem!important
	}
}

.bottom-float__img a {
	display: inline-block;
	width: 100%;
	height: 100%
}

.bottom-float__img:nth-of-type(1) {
	margin-right: 54px;
	background: url(../images/banner1.png) center center/cover no-repeat
}

@media (max-width:991.98px) {
	.bottom-float__img:nth-of-type(1) {
		height: 3.28rem
	}
}

.bottom-float__img:nth-of-type(1) span {
	color: #b28f51
}

.bottom-float__img:nth-of-type(1) span::after {
	background: url(../images/icon-bottom-arrow.png) center center/cover no-repeat
}

@media (max-width:991.98px) {
	.bottom-float__img:nth-of-type(1) span {
		margin-top: .6rem
	}
}

.bottom-float__img:nth-of-type(2) {
	position: relative
}

@media (max-width:991.98px) {
	.bottom-float__img:nth-of-type(2) {
		height: 3.68rem
	}
}

.bottom-float__img span {
	width: 180px;
	height: 42px;
	background: #fff;
	border-radius: 4px;
	display: inline-block;
	line-height: 42px;
	position: relative;
	font-size: 18px;
	color: #b28f51;
	padding-left: 14px;
	margin-top: 13px;
	margin-left: 290px
}

@media (max-width:991.98px) {
	.bottom-float__img span {
		margin-left: 13.9rem;
		width: 8.8rem;
		height: 2.2rem;
		font-size: 13px;
		line-height: 2.22rem;
		margin-top: .8rem
	}
}

.bottom-float__img span::after {
	position: absolute;
	content: "";
	width: 18px;
	height: 18px;
	border-radius: 50%;
	top: 50%;
	transform: translateY(-50%);
	right: 14px;
	transition: all ease .3s;
	background: url(../images/icon-bottom-arrow.png) center center/cover no-repeat
}

.bottom-float__img span:hover::after {
	right: 6px
}

.bottom-float__close {
	position: absolute;
	width: 20px;
	height: 20px;
	background: url(../images/close.png) center center/cover no-repeat;
	cursor: pointer;
	top: 0;
	right: -30px;
	display: none
}

@media (max-width:991.98px) {
	.bottom-float__close {
		width: 1.3rem;
		height: 1.3rem;
		top: -4.9rem;
		right: 0
	}
};

indexBanner-container .swiper-slide {
	position: relative
}

/* 通用样式 */
.middlebox {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 790px;
    height: auto;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 10px;
    padding: 10px;
}

/* 媒体查询：当屏幕宽度小于992px时进行调整 */
@media (max-width: 991px) {
    .middlebox {
        width: 90%; /* 让中间内容适应屏幕宽度 */
        height: auto;
        padding: 20px 10px; /* 添加一些内边距 */
    }

    .middlebox .innerbox {
        flex-direction: column; /* 改变排列方向为垂直 */
    }

    .middlebox .logobox {
        display: flex;
        align-items: center;
    }

    .middlebox .logobox .item {
        width: 100%; /* 让每个item占满全宽 */
        margin-bottom: 20px;
    }

    .middlebox .logobox .item .af-qrbox,
    .middlebox .logobox .item .a-qrbox {
        width: 100%;
        text-align: center;
    }

    .middlebox .logobox .item .af-qrbox img,
    .middlebox .logobox .item .a-qrbox img {
        width: 150px; /* 图片缩小 */
        height: 150px;
    }

    .middlebox .logobox .item .af-download-btn-box,
    .middlebox .logobox .item .a-download-btn-box {
        width: 100%;
        text-align: center;
    }

    .middlebox .logobox .item .af-download-btn-box .downloadbtn,
    .middlebox .logobox .item .a-download-btn-box .downloadbtn {
        width: 80%;
        font-size: 14px; /* 适应小屏幕 */
        margin-top: 10px;
    }
}

/* 大屏幕（桌面）设备：宽度大于992px时 */
@media (min-width: 992px) {
    .middlebox {
        width: 790px; /* 保持原来宽度 */
        padding: 30px; /* 加大内边距 */
    }

    .middlebox .innerbox {
        display: flex;
        flex-direction: row; /* 水平排列 */
        justify-content: space-between;
    }

    .middlebox .logobox {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .middlebox .logobox .item {
        width: 30%; /* 每个item占用30%宽度 */
        margin-bottom: 0;
    }

    .middlebox .logobox .item .af-qrbox img,
    .middlebox .logobox .item .a-qrbox img {
        width: 180px;
        height: 180px;
    }

    .middlebox .logobox .item .af-download-btn-box .downloadbtn,
    .middlebox .logobox .item .a-download-btn-box .downloadbtn {
        width: auto;
    }
}

.indexBanner-container .swiper-slide .middlebox {
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 790px;
    height: auto;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 10px
}

.indexBanner-container .swiper-slide .middlebox .innerbox {
    padding: 3px 0 0 0
}

.indexBanner-container .swiper-slide .middlebox .innerbox .titlebg {
    width: 480px;
    height: 62px;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: center;
}

.indexBanner-container .swiper-slide .middlebox .innerbox .logobox {
    display: flex;
    align-items: center;         /* 垂直居中 */
    justify-content: space-between; /* 水平分开 */
    padding: 0px 50px 0 50px;
}

.indexBanner-container .swiper-slide .middlebox .innerbox .logobox .item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center
}

.indexBanner-container .swiper-slide .middlebox .innerbox .logobox .item .af-qrbox {
    display: flex;
    justify-content: center
}

.indexBanner-container .swiper-slide .middlebox .innerbox .logobox .item .af-qrbox>div {
    padding: 8px;
    width: 200px;
    text-align: center;
    background: #2972f2ba
}


.indexBanner-container .swiper-slide .middlebox .innerbox .logobox .item .af-download-btn-box {
    margin: 10px auto 0
}

.indexBanner-container .swiper-slide .middlebox .innerbox .logobox .item .af-download-btn-box .downloadbtn {
    display: inline-block;
    width: 120px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    font-size: 14px;
    color: #666;
    background-color: #fff
}

.indexBanner-container .swiper-slide .middlebox .innerbox .logobox .item .af-download-btn-box .downloadbtn.single-qrcode {
    width: 200px;
    background-color: #2283da;
    color: #fff;
    border-radius: 8px!important
}

.indexBanner-container .swiper-slide .middlebox .innerbox .logobox .item .af-download-btn-box .downloadbtn.af-iosbtn {
    border-radius: 8px 8px 8px 8px
}

.indexBanner-container .swiper-slide .middlebox .innerbox .logobox .item .af-download-btn-box .downloadbtn.af-androidbtn {
    border-radius: 8px 8px 8px 8px
}

.indexBanner-container .swiper-slide .middlebox .innerbox .logobox .item .af-download-btn-box .downloadbtn.pitchOn {
    cursor: pointer;
    text-decoration: none;
    color: #fdfdff;
    background-color: #cca266
}

.indexBanner-container .swiper-slide .middlebox .innerbox .logobox .item .af-link {
    display: inline-block;
    width: 207px;
    height: 30px;
    margin-bottom: 40px
}

.indexBanner-container .swiper-slide .middlebox .innerbox .logobox .item .a-qrbox {
    display: flex;
    justify-content: center
}

.indexBanner-container .swiper-slide .middlebox .innerbox .logobox .item .a-qrbox>div {
    padding: 8px;
    width: 200px;
    text-align: center;
    background: #2972f2ba
}

.indexBanner-container .swiper-slide .middlebox .innerbox .logobox .item .a-qrbox>div.a-ios-qrcode-box {
    background: url(/images/index/a-ios-qrbox.png) center center/100% 100% no-repeat
}


.indexBanner-container .swiper-slide .middlebox .innerbox .logobox .item .a-download-btn-box {
    margin: 10px auto 0
}

.indexBanner-container .swiper-slide .middlebox .innerbox .logobox .item .a-download-btn-box .downloadbtn {
    display: inline-block;
    width: 120px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    font-size: 14px;
    color: #666;
    background-color: #fff
}

.indexBanner-container .swiper-slide .middlebox .innerbox .logobox .item .a-download-btn-box .downloadbtn.single-qrcode {
    width: 200px;
    background-color: #cca266;
    color: #fff;
    border-radius: 8px!important
}

.indexBanner-container .swiper-slide .middlebox .innerbox .logobox .item .a-download-btn-box .downloadbtn.a-iosbtn {
    border-radius: 8px 8px 8px 8px
}

.indexBanner-container .swiper-slide .middlebox .innerbox .logobox .item .a-download-btn-box .downloadbtn.a-androidbtn {
    border-radius: 8px 8px 8px 8px
}

.indexBanner-container .swiper-slide .middlebox .innerbox .logobox .item .a-download-btn-box .downloadbtn.pitchOn {
    cursor: pointer;
    text-decoration: none;
    color: #fff;
    background-color: #cca266
}

.indexBanner-container .swiper-slide .middlebox .innerbox .logobox .item .a-link {
    display: inline-block;
    width: 197px;
    height: 58px;
    margin-bottom: 18px
}

.indexBanner-container .swiper-slide .middlebox .innerbox .logobox .item .linkbtn {
    display: inline-block;
    width: 200px;
    height: 44px;
    line-height: 44px;
    font-size: 14px;
    border-radius: 8px;
    text-align: center;
    margin-top: 20px
}

.indexBanner-container .swiper-slide .middlebox .innerbox .logobox .item .linkbtn.af-downloadbtn {
    color: #fdfdff;
    background-color: #cca266
}

.indexBanner-container .swiper-slide .middlebox .innerbox .logobox .item .linkbtn.a-downloadbtn {
    color: #fff;
    background-color: #cca266
}

.indexBanner-container .swiper-slide .middlebox .innerbox .logobox>img {
    margin-top: 26px
}

.indexBanner-container .swiper-pagination {
    bottom: 30px
}

.indexBanner-container .swiper-pagination-bullet {
    display: inline-block;
    width: 60px;
    background-color: #fff;
    border-radius: 5px;
    height: 8px;
    cursor: pointer;
    margin: 0 12px!important;
    opacity: 1
}

.indexBanner-container .swiper-pagination-bullet-active {
    background-color: #1176d0
}

.float-menu-container {
    position: fixed;
    right: 5%;
    top: 26%;
    z-index: 999;
}

@media (max-width: 1500px) {
    .float-menu-container {
        right:30px
    }
}

.float-menu-container .float-menu {
    margin: 0;
    padding: 0
}

.float-menu-container .menu__item {
    list-style: none;
    position: relative
}

.float-menu-container .menu__item:not(:first-child) {
    margin-top: 8px
}

.float-menu-container .menu__item:hover .menu__hover {
    visibility: visible
}

.float-menu-container .menu__item:hover .menu__hover__default {
    left: 6px
}

.float-menu-container .menu__item:hover .menu__hover__app {
    left: 0;
    visibility: visible
}

.float-menu-container .menu__item:hover .menu__hover__server {
    left: 0;
    visibility: visible
}

.float-menu-container .menu__item:hover .menu__hover__desktop {
    left: 0;
    margin-right: 8px;
    visibility: visible
}

.float-menu-container .menu__link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    background: #fff;
    border-radius: 50%;
    border: 1px solid #eceded;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

.float-menu-container .menu__item__activity .menu__link {
    animation: activityBounce .5s linear 0s infinite alternate;
    background-image: url(https://webbibstatic.seobp.com/static/images/common/float-menu/activity.png)
}

.float-menu-container .menu__item__open .menu__link {
    background-image: url(https://webbibstatic.seobp.com/static/images/common/float-menu/open.png)
}

.float-menu-container .menu__item__deposit .menu__link {
    background-image: url(https://webbibstatic.seobp.com/static/images/common/float-menu/deposit.png)
}

.float-menu-container .menu__item__chatroom .menu__link {
    background-image: url(https://webbibstatic.seobp.com/static/images/common/float-menu/chatroom.png)
}

.float-menu-container .menu__item__app .menu__link {
    position: relative;
    background-image: url(https://webbibstatic.seobp.com/static/images/common/float-menu/app2.png)
}

.float-menu-container .menu__item__server .menu__link {
    background-image: url(https://webbibstatic.seobp.com/static/images/common/float-menu/server.png)
}

.float-menu-container .menu__item__desktop .menu__link {
    background-image: url(https://webbibstatic.seobp.com/static/images/common/float-menu/live_icon.png)
}

.float-menu-container .menu__item__top .menu__link {
    background-image: url(https://webbibstatic.seobp.com/static/images/common/float-menu/top.png)
}

.float-menu-container .menu__hover {
    visibility: hidden;
    transition: all .3s linear
}

.float-menu-container .menu__hover__default {
    transition: all .3s linear;
    height: 30px;
    position: absolute;
    left: 46px;
    top: 50%;
    background: rgba(248,245,238,.9);
    border-radius: 15px 0 0 15px;
    font-size: 16px;
    color: #ad9b68;
    line-height: 30px;
    transform: translate(-100%,-50%);
    white-space: nowrap;
    z-index: -1
}

.float-menu-container .menu__hover__app {
    visibility: hidden;
    transition: all .3s linear;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 157px;
    height: 316px;
    position: absolute;
    left: 56px;
    bottom: -136px;
    padding: 15px 19px 0 12px;
    transform: translateX(-100%);
    background: url(https://webbibstatic.seobp.com/static/images/common/float_menu_app_bg3.png);
    z-index: -1
}

.float-menu-container .menu__hover__app .app__text1 {
    font-size: 16px;
    font-weight: 500;
    color: #ad9b68;
    line-height: 24px
}

.float-menu-container .menu__hover__app .app__text2 {
    color: #666;
    font-size: 12px
}

.float-menu-container .menu__hover__app img {
    max-width: 110px;
    margin: 0 auto
}

.float-menu-container .menu__hover__app .itembox {
    margin: 5px 0
}

.float-menu-container .menu__hover__app .itembox.pitchOn .app__qrcode {
    display: block!important;
    margin-top: 3px
}

.float-menu-container .menu__hover__app .itembox.pitchOn>a {
    color: #fff;
    background-color: #ad9b68
}

.float-menu-container .menu__hover__app .itembox>a {
    display: inline-block;
    width: 114px;
    height: 26px;
    line-height: 24px;
    font-size: 14px;
    color: #ad9b68;
    text-align: center;
    border: 1px solid #ad9b68;
    border-radius: 13px;
    background-color: #fff;
    white-space: nowrap;
    padding: 0 3px;
    text-decoration: none
}

.float-menu-container .menu__hover__app .itembox>a.mt4-btn {
    width: 125px
}

.float-menu-container .menu__hover__server {
    visibility: hidden;
    transition: all .3s linear;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 56px;
    bottom: 7px;
    transform: translateX(-100%);
    z-index: -1;
    width: 131px;
    height: 98px;
    padding: 18px 14px 8px 8px;
    background: url(https://webbibstatic.seobp.com/static/images/common/float-menu/server-bg.png)
}

.float-menu-container .menu__hover__server.with-qrcode {
    width: 137px;
    height: 186px;
    padding: 10px 18px 0 8px;
    background: url(https://webbibstatic.seobp.com/static/images/common/float-menu/server-qrcode-bg.png)
}

.float-menu-container .menu__hover__server .server__text {
    color: #333;
    font-size: 14px;
    margin-bottom: 5px
}

.float-menu-container .menu__hover__server a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 74px;
    height: 24px;
    color: #e53637;
    font-size: 14px;
    text-decoration: none;
    border: 1px solid rgba(229,54,55,.8);
    border-radius: 5px
}

.float-menu-container .menu__hover__server a:first-child {
    margin: 0 0 7px
}

.float-menu-container .menu__hover__server a:nth-child(2) {
    margin: 0 0 7px
}

.float-menu-container .menu__hover__desktop {
    visibility: hidden;
    transition: all .3s linear;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    left: 56px;
    bottom: -95px;
    transform: translateX(-100%);
    z-index: -1;
    width: 235px;
    height: 240px;
    padding-right: 16px
}

.float-menu-container .menu__hover__desktop .download {
    position: absolute;
    display: block;
    width: 188px;
    height: 38px;
    bottom: 22px;
    left: 10px
}
/* Swiper容器宽度和高度设置 */
.swiper-container {
	width: 100%;
	height: 100%;
	position: relative; /* 保证子元素定位正常 */
  }
  
  /* Banner item确保不覆盖按钮 */
  .banner__item {
	position: relative;
	background-size: cover;
	background-position: center;
	height: 400px; /* 可以根据需要调整高度 */
  }
  
  /* 控制按钮位置 */
  .middlebox {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 10; /* 确保按钮显示在最上层 */
  }
  
  /* 确保QRCode在手机和桌面端显示正确 */
  .af-qrbox, .a-qrbox {
	z-index: 20; /* 确保二维码图片不被遮挡 */
  }
  
  /* 解决底部证书轮播的显示问题 */
  .certificate__wrapper {
	position: relative;
	z-index: 5; /* 证书轮播层级低 */
  }
  
  .certificate__item {
	z-index: 15; /* 确保证书内容不被遮挡 */
  }