body {
	background-color: rgb(248, 248, 248) !important;
	padding-bottom: 0.75rem;
}

.requiem-color {
	color: #1E9FFF !important;
}

.requiem-reset-button {
	border: 1px solid #1E9FFF !important;
	color: #1E9FFF !important;
	margin-right: 1.25rem !important;
	background-color: white !important;
}

.requiem-submit-button {
	background-color: #1E9FFF !important;
	color: white !important;
}

.requiem-order-p {
	font-size: 0.75rem;
	color: #999999;
	margin: 0px;
}

/*去除加减号*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
}

input[type="number"] {
	-moz-appearance: textfield;
}

#topNav {
	height: 5rem;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#topNav>a {
	color: white;
	font-size: 1.5rem;
	text-decoration: none;
	margin-left: 2.5rem;
}

#topNav>.logoText {
	display: flex;
	flex-direction: column;
}

#topNav>.logoText>a {
	color: white;
	text-decoration: none;
	font-weight: bold;
}

#topNav>.logoText>.title {
	font-size: 2rem;
}

#topNav>.logoText>.title {
	font-size: 1.5rem;
}

#menuSlide {
	display: none;
}

#marqueeUP {
	height: 2.1875rem;
	background: url(../images/notice.png) no-repeat 0.625rem center;
	background-size: 1rem 1rem;
	background-color: #1E9FFF;
	text-align: center;
}

#marqueeUP ul li {
	list-style: none;
	font-size: .9rem !important;
	line-height: 2.5rem !important;
	color: white !important;
}

#circleNav {
	display: flex;
	justify-content: space-around;
	height: 5.9375rem;
	box-sizing: border-box;
	background-color: white;
	align-items: center;
}

#circleNav>.circleNavItem {
	/* height: 5.625rem; */
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	text-decoration: none;
	justify-content: space-between;
}

#circleNav>.circleNavItem>.virtualDIV {
	/* background-color: #00FF00; */
	border-radius: 50%;
	width: 3.75rem;
	height: 3.75rem;
	line-height: 3.75rem;
}

#circleNav>.circleNavItem>.virtualDIV>img {
	width: 95%;
}

#circleNav>.circleNavItem>.virtualDIV.one {
	background-color: #009688;
}

#circleNav>.circleNavItem>.virtualDIV.two {
	background-color: #1E9FFF;
}

#circleNav>.circleNavItem>.virtualDIV.three {
	background-color: #FFB800;
}

#circleNav>.circleNavItem>.virtualDIV.four {
	background-color: #5FB878;
}

#circleNav>.circleNavItem>p {
	color: #333333;
	font-size: 0.875rem;
	font-weight: bold;
	margin: 0px;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
	color: #1E9FFF !important;
	border-color: transparent !important;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
	border-color: transparent !important;
}

.nav-tabs {
	border: none !important;
}

.nav-link {
	color: #495057;
}

.nav-tabs .nav-link {
	background-color: #dee2e6;
}

.nav-link:focus,
.nav-link:hover {
	color: #1E9FFF !important;
}

.requiem-navMenuItem p {
	font-size: 0.85rem;
	margin: 0px;
}

.requiem_input {
	width: 1.8rem;
	height: 1.8rem;
	margin: 0rem auto;
	padding: 0rem;
}

.form-control {
	border: 1px solid #1E9FFF !important;
}

.form-control:focus {
	border-color: #1E9FFF !important;
	box-shadow: 0 0 0 0.25rem rgb(255 103 0 / 25%);
}

.requiem-long-input {
	text-indent: .5rem;
}

.requiem-okBtn {
	border: 1px solid #1E9FFF !important;
	background-color: #1E9FFF !important;
}

.screenBar {
	position: sticky !important;
	top: 0px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	/* position: relative !important; */
	box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.1);
}

.screenBar>.screenItem {
	width: 20%;
	text-decoration: none;
	text-align: center;
	color: rgb(96, 98, 102);
	background-color: white;
	height: 2.5rem;
	line-height: 2.5rem;
	transition: .3s;
	box-sizing: border-box;
	font-weight: bold;
	cursor: pointer;
	font-size: 0.875rem;
}

.screenBar>.screenItem:hover,
.screenBar>.screenItem.active {
	color: #1E9FFF;
}

.screenBar>.screenMenu {
	position: absolute;
	top: 2.5625rem;
	background-color: white;
	/* width: calc(100% - 1.5rem); */
	width: 100%;
	display: none;
	box-shadow: 0px 5px 15px rgba(0, 0, 0, .2);
}

#operatorDIV>.virtualDIV,
#sortDIV>.virtualDIV {
	display: flex;
	flex-direction: column;
}

#operatorDIV>.virtualDIV>a,
#sortDIV>.virtualDIV>a {
	box-sizing: border-box;
	height: 2.5rem;
	line-height: 2.5rem;
	border-bottom: 1px solid #e4e7ed;
	padding: 0rem 6.25rem;
	font-weight: bold;
	color: #606266;
	text-decoration: none;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 0.75rem;
	/* background-color: rgb(248, 248, 248); */
}

#operatorDIV>.virtualDIV>a>i,
#sortDIV>.virtualDIV>a>i {
	display: none;
}

#operatorDIV>.virtualDIV>a.active,
#sortDIV>.virtualDIV>a.active {
	color: #1E9FFF;
}

#operatorDIV>.virtualDIV>a.active>i,
#sortDIV>.virtualDIV>a.active>i {
	display: block;
}

#attributionDIV>.virtualDIV,
#lawDIV>.virtualDIV {
	display: flex;
	justify-content: space-between;
	background-color: transparent;
}

#attributionDIV>.virtualDIV>.left,
#attributionDIV>.virtualDIV>.right,
#lawDIV>.virtualDIV>.left,
#lawDIV>.virtualDIV>.right {
	width: 50%;
	max-height: 12.5rem;
	display: flex;
	flex-direction: column;
	overflow-y: scroll;
}

::-webkit-scrollbar {
	width: 3px;
	background-color: transparent;
}

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
	box-shadow: inset 0 0 0px background-color: rgba(255, 103, 0, .5);
	border-radius: 10px;
	background-color: background-color: rgba(255, 103, 0, .5);
}

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
	border-radius: 100px;
	box-shadow: inset 0 0 0px rgba(255, 103, 0, .5);
	background-color: rgba(255, 103, 0, .5);
}

#attributionDIV>.virtualDIV>.left,
#lawDIV>.virtualDIV>.left {
	border-right: 1px solid #e4e7ed;
}

#attributionDIV>.virtualDIV>.left>a,
#attributionDIV>.virtualDIV>.right>a,
#lawDIV>.virtualDIV>.left>a,
#lawDIV>.virtualDIV>.right>a {
	box-sizing: border-box;
	height: 2.5rem;
	line-height: 2.5rem;
	border-bottom: 1px solid #e4e7ed;
	padding: 0rem 6.25rem;
	font-weight: bold;
	color: #606266;
	text-decoration: none;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 0.75rem;
}

#attributionDIV>.virtualDIV>.left>a>i,
#attributionDIV>.virtualDIV>.right>a>i,
#lawDIV>.virtualDIV>.left>a>i,
#lawDIV>.virtualDIV>.right>a>i {
	display: none;
}

#attributionDIV>.virtualDIV>.left>a.active,
#attributionDIV>.virtualDIV>.right>a.active,
#lawDIV>.virtualDIV>.left>a.active,
#lawDIV>.virtualDIV>.right>a.active {
	color: #1E9FFF;
}

#attributionDIV>.virtualDIV>.left>a.active>i,
#attributionDIV>.virtualDIV>.right>a.active>i,
#lawDIV>.virtualDIV>.left>a.active>i,
#lawDIV>.virtualDIV>.right>a.active>i {
	display: block;
}

#moreDIV {
	padding-bottom: 1.25rem;
}

#moreDIV>.virtualDIV {
	display: flex;
	flex-direction: column;
}

#moreDIV>.virtualDIV>.moreItems>.title {
	position: relative;
	font-size: 0.75rem;
	color: #1E9FFF;
	height: 45px;
	line-height: 45px;
	text-align: center;
	font-weight: bold;
}

#moreDIV>.virtualDIV>.moreItems>.title:before {
	content: "";
	position: absolute;
	width: 45%;
	height: 1px;
	top: 50%;
	background-color: #ededed;
	left: 2%;
}

#moreDIV>.virtualDIV>.moreItems>.title:after {
	content: "";
	position: absolute;
	width: 45%;
	height: 1px;
	top: 50%;
	background-color: #ededed;
	right: 2%;
}

#moreDIV>.virtualDIV>.moreItems>.moreOptions {
	display: flex;
	align-items: center;
	box-sizing: border-box;
	padding: 0rem;
	flex-wrap: wrap;
}

#moreDIV>.virtualDIV>.moreItems>.moreOptions>div {
	cursor: pointer;
	padding: 0.3125rem 0.625rem;
	background-color: #f4f4f5;
	color: #333333;
	margin: 0.5rem;
	font-size: 0.75rem;
	border-radius: 0.3125rem;
}

#moreDIV>.virtualDIV>.moreItems>.moreOptions>div.active {
	background-color: #1E9FFF;
	color: white;
}

.numberList {
	display: flex;
	flex-direction: column;
}

.numberList>a {
	width: 100%;
	height: 2.1875rem;
	align-self: center;
	border-bottom: 1px solid #e4e7ed;
	background-color: white;
	text-decoration: none;
	font-size: 0.875rem;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	color: rgb(96, 98, 102);
}

.numberList>a:hover {
	background-color: #E4E7ED;
}

.numberList>a>span:nth-child(1) {
	width: 31%;
}

.numberList>a>span:nth-child(2) {
	width: 26%;
}

.numberList>a>span:nth-child(3) {
	width: 20%;
}

.numberList>a>span:nth-child(4) {
	width: 23%;
}

#searchOrder {
	width: 2.5rem;
	height: 2.5rem;
	color: #1E9FFF;
	text-align: center;
	line-height: 2.5rem;
	position: fixed;
	right: 2.5rem;
	bottom: 10rem;
	font-size: 2.5rem;
}

#goTop {
	width: 2.5rem;
	height: 2.5rem;
	/* color: rgba(30, 159, 255, .3); */
	text-align: center;
	line-height: 2rem;
	position: fixed;
	right: 2.5rem;
	bottom: 6.6rem;
	font-size: 2.5rem;
	display: none;
	cursor: pointer;
	z-index: 9999;
	background-color: rgba(0, 0, 0, .5);
	border-radius: 55%;
	border: none;
}

#goTop>img {
	width: 1.375rem;
	height: 1.375rem;
	line-height: 0rem;
}

.requiem-modal {
	border: none !important;
	align-items: center !important;
	background-color: transparent;
}

.modal-backdrop.show {
	opacity: .3 !important;
}

.footerBox {
	width: 100%;
	background-color: white;
	position: fixed;
	bottom: 0rem;
	height: 3.125rem;
}

.footer {
	box-shadow: 0px 0px 8px rgba(0, 0, 0, .2);
	box-sizing: border-box !important;
}

.footerBar {
	display: flex;
	justify-content: space-between;
	box-sizing: border-box;
}

.footerBar>.left {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	box-sizing: border-box;
}

.footerBar>.left>p {
	margin: 0rem;
	color: #999999;
	font-size: 0.75rem;
}

.footerBar>.left>a {
	text-decoration: none;
	color: #999999;
	font-size: 0.75rem;
	display: block;
}

.footerBar>.right {
	display: flex;
	align-items: center;
}

.footerBar>.right>a {
	color: #999999;
	font-size: 0.8125rem;
	text-decoration: none;
	border: 1px solid #1E9FFF;
	padding: 0.625rem 0.9375rem;
	background-color: white;
	color: #1E9FFF;
	transition: .3s;
	margin: 0rem 1.25rem;
}

.footerBar>.right>a:hover {
	color: white;
	background-color: #1E9FFF;
}

.footerBar>.right>a.buyButton {
	background-color: #1E9FFF !important;
	color: white !important;
}

#footerLoading {
	display: none;
}

#footerLoading>.virtualDIV {
	display: flex;
	justify-content: center;
	align-items: center;
	color: #999999;
	font-size: 0.875rem;
	color: #1E9FFF;
}

#loadingMore>.title {
	position: relative;
	font-size: 0.875rem;
	color: #999999;
	height: 45px;
	line-height: 45px;
	text-align: center;
}

#loadingMore>.title:before {
	content: "";
	position: absolute;
	width: 33%;
	height: 1px;
	top: 50%;
	background-color: #c0c0c0;
	left: 5%;
}

#loadingMore>.title:after {
	content: "";
	position: absolute;
	width: 33%;
	height: 1px;
	top: 50%;
	background-color: #c0c0c0;
	right: 5%;
}

.number {
	/* width: 49%; */
	font-size: 1.875rem;
	font-weight: bold;
	color: white;
	background-color: #1E9FFF;
	text-align: center;
	box-sizing: border-box;
	height: 5rem;
	line-height: 5rem;
}

.price {
	/* width: 49%; */
	height: 5rem;
	background-color: white;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
}

.info {
	background-color: white;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.info>.virtualDIV {
	display: flex;
	flex-direction: column;
}

.info>.virtualDIV>.infoItem {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 3rem;
	border-bottom: 1px solid #f1f1f1;
	font-size: 0.9375rem;
	color: #606266;
}

.info>.virtualDIV>.infoItem:last-child {
	border-bottom: none;
}

.info>.virtualDIV>.infoItem>.left {
	font-weight: bold;

}

.info>.virtualDIV>.title {
	position: relative;
	font-size: 1rem;
	color: #1E9FFF;
	height: 45px;
	line-height: 45px;
	text-align: center;
	font-weight: bold;
}

.info>.virtualDIV>.title:before {
	content: "";
	position: absolute;
	width: 44%;
	height: 1px;
	top: 50%;
	background-color: #ededed;
	left: 0%;
}

.info>.virtualDIV>.title:after {
	content: "";
	position: absolute;
	width: 44%;
	height: 1px;
	top: 50%;
	background-color: #ededed;
	right: 0%;
}

.step {
	display: flex;
	justify-content: space-around;
	align-items: center;
}

.step>.item {
	align-items: center;
	text-align: center;
	display: flex;
	flex-direction: column;
}

.step>.item>.top {
	border: 1px solid #1E9FFF;
	border-radius: 50%;
	width: 2.625rem;
	height: 2.625rem;
	line-height: 2.625rem;
	text-align: center;
	background-color: #1E9FFF;
	color: white;
	font-weight: bold;
	font-size: 1.375rem;
	text-align: center;
}

.step>.item>.bottom {
	font-size: 0.625rem;
	margin-top: 1rem;
}

.warning {
	background-color: #1E9FFF;
	color: white;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.warning>.title {
	font-weight: bold;
	font-size: 0.875rem;
}

.warning>.description {
	font-size: 0.625rem;
}

.marquee {
	height: 2.5rem;
	line-height: 2.5rem;
	color: #1E9FFF;
	font-size: 1rem;
}

.marquee>span {
	height: 2.5rem;
	line-height: 2.5rem;
	width: 100%;
	display: inline-block;
}

.bd-callout-info {
	border-left-color: #1E9FFF;
	background-color: white;
}

.bd-callout {
	padding: 1.25rem;
	margin-top: 1.25rem;
	margin-bottom: 1.25rem;
	border: 1px solid #1E9FFF;
	border-left-width: .25rem;
	border-radius: .25rem;
	color: #333333;
}

.bd-callout-info>span {
	color: #1E9FFF;
	font-size: 1rem;
	font-weight: bold;
}

.form-select {
	border: 1px solid #1E9FFF !important;
}

.form-select:focus {
	box-shadow: 0 0 0 0.25rem rgb(255 103 0 / 25%);
}

@media (min-width: 767.98px) {
	#topNav {
		justify-content: flex-start;
	}
}

@media (max-width: 767.98px) {
	.requiem-tips {
		font-size: 0.625rem;
	}

	.requiem_input {
		width: 1.5rem;
		height: 1.5rem;
	}

	#operatorDIV>.virtualDIV>a,
	#sortDIV>.virtualDIV>a {
		padding: 0px 1rem;
	}

	#attributionDIV>.virtualDIV>.left>a,
	#attributionDIV>.virtualDIV>.right>a,
	#lawDIV>.virtualDIV>.left>a,
	#lawDIV>.virtualDIV>.right>a {
		padding: 0px 1rem;
	}

	.price {
		flex-direction: row;
		align-items: center;
	}

	.price>.fs-3 {
		font-size: 1.75rem !important;
	}

	.price>.fs-6 {
		font-size: 0.75rem !important;
	}
}
