/* 自定义滚动条 */
::-webkit-scrollbar { width: 4px;}
::-webkit-scrollbar-track { background: #191d29;}
::-webkit-scrollbar-thumb { background: #09203f; border-radius: 2px;}
::-webkit-scrollbar-thumb:hover {background: #ff9600; }
@font-face {
	font-family: 'OPPOSans';
	src: url('../font/OPPOSans-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
html{background-color: #abb6f7;}
body{font-family: OPPOSans, Roboto,sans-serif !important; height: 100%;
	position: relative;background:transparent;
    background-size: 100%;color: #09203f !important;
    background-attachment: fixed;
    background-repeat: no-repeat;
	background-color: #8e9fff;
	background-image: linear-gradient(to top, #8e9fff 30%, #ed83ff 100%);
}
input[type="text"] {-webkit-appearance:none;}
textarea {-webkit-appearance:none;}
h1,h2,h3,h4,h5,h6,figure {font-weight:400;}
::-webkit-selection {color:#fff;background:#ff9600;}
::-moz-selection {color:#fff;background:#ff9600;}
::selection {color:#fff;background:#ff9600;}
.text-lowercase {text-transform:lowercase;}
.text-uppercase,.initialism {text-transform:uppercase;}
.text-capitalize {text-transform:capitalize;}
a {text-decoration:none;cursor: pointer;}
a:focus,a:hover {color:#09203f !important;transition:none}
p{margin:0}
dl,dd,ul,li {margin:0;padding:0;list-style:none}
marquee{color:#ffffff !important;}
.fixed {z-index:9999;}
.banner-box{
	background:#191d29;
	border-radius: 18px;
	box-shadow: 0 0px 10px #bb68fc;
}
.banner-box img{width: 100%;border-radius: 18px;}
.item-box{
	border-radius: 18px;
	display: flex;
	align-items: center;
	justify-content: space-around;
	gap: 20px;
	padding: 18px 14px;
	cursor: pointer;
	padding-left: 50px;
	box-shadow: 0 0px 10px #6d7edf;
}
.gradient-blue{background-image: linear-gradient(to right, #2986d8 0%, #45c5fd 100%);}
.gradient-yellow{background-image: linear-gradient(to right, #ff5722 0%, #fee140 100%);}
.gradient-red{background-image: linear-gradient(to right, #ff0844 0%, #ffb199 100%);}
.gradient-green{background-image: linear-gradient(to right, #438f00 0%, #0fff85 100%);}
.item-box .text-yellow{color: #ffffff !important;}
.item-box img{height: 100px;width: 100px;border-radius: 20px;}
.item-box .item-info{
	height: 100px;flex: 1; 
	border-radius: 12px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	padding: 10px 0px;
}
.item-box .ext{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2rem;
	text-align: center;
	border-radius: 18px 0 0 18px;
	background: rgba(0, 0, 0, 0.4);
	position: absolute;
	left: 10px;
	bottom: 20px;
	top: 0px;
	font-size: 18px;
	color: #ffffff !important;
}
.item-box:hover{
	background-image: linear-gradient(to right, #84ade5 0%, #3450a5 100%);
}
.border-top-line{border-top: #7a88dc solid 1px;box-sizing: border-box;background-color: #abb6f7;}
.tg-box{
	width: 100%;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
}
.tg-box img{
	height: 36px;width: 36px;
	border: #25a2e0 solid 1px;
	background-color: #fff;
	border-radius: 50%;
}
.tg-box strong{font-size: 18px;color: #09203f !important;}