/* 深色主题 */
/* :root {
	--wt-theme: transparent;
	--bg-light: #797979;
	 */
/* linear-gradient(to bottom, #AC92EC, #967ADC);*/
/* --wt-heading-light: #797979;
	--wt-heading-highlight: #C8A178;
	--wt-color3: #C8A178;
	--wt-heading: #2a2a2a;
	--font-color: #C5C6BF;
	--defont-color: #DEDEDD;
} */
/* 浅色主题 */
:root {
	--wt-theme: transparent;
	--bg-light: #F4F5F8;
	/* linear-gradient(to bottom, #AC92EC, #967ADC);*/
	--wt-heading-light: #797979;
	--wt-heading-highlight: #0052d9;
	--wt-heading-lowlight: #4287F8;
	--wt-color3: #0052d9;
	--wt-heading: #2a2a2a;
	--font-color: #C5C6BF;
	--defont-color: #DEDEDD;
	--orange-bg: #FD8230;
}

.body-gradient-magenta {
	background: var(--wt-theme);
}

.top_package .left_package img {
	width: 80px;
	/* 60px */
	margin: 0 10px 0 0;
}

.left_package .inner_left span {
	font-size: 13px;
	font-weight: normal;
}

.left_package .inner_left span.badge {
	font-size: 13px;
	font-weight: normal;
}

.left_package .inner_left div {
	font-size: 16px;
	color: var(--wt-color3);
}
.left_package .inner_left .money span{
	font-size: 14px;
	color: #E84A49;
}
.left_package .inner_left .money {
	font-size: 16px;
	color: #E84A49;
}
.left_package .inner_left .inner-text-line span {
	font-size: 13px;
	color: #333333;
}

.theme-dark .left_package .inner_left .inner-text-line span {
	color: #C5C6BF;
}

.inner_left .contract_due_home span {
	font-size: 11px;
	/*
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: var(--wt-heading-light);
    */
}

.top_package .left_package {
	display: flex;
	align-items: center;
	width: 55%;
}

.top_package .right_package {
	width: 45%;
	text-align: right;
}

.right_package .inner_right_top {
	display: flex;
	align-items: center;
	padding-bottom: 16px;
	justify-content: flex-end;
}

.right_package .inner_right_top span {
	font-size: 10px;
	line-height: 1.2;
	padding-right: 10px;
	padding-left: 10px;
	color: #797979;
	font-weight: normal;
}

.theme-dark .right_package .inner_right_top span {
	color: #DEDEDD;
}

.right_package .inner_right_top img {
	width: auto;
	max-width: 100px;
}

.package_status {
	margin-top: 6px;
}

.package_status span {
	font-size: 13px;
	font-weight: normal;
	color: #32db6d;
	/* color: var(--wt-color3); */
	vertical-align: middle;
}

.package_status i {
	font-size: 13px;
	color: #32db6d;
	/* color: var(--wt-color3); */
	margin-right: 2px;
	line-height: unset;
	vertical-align: middle;
}

.main_borderBox {
	padding: 15px 16px;
	/*
	border-radius: 10px;
	box-shadow: 0 2px 5px 0 rgb(0 0 0 / 10%);
	background-color: #fff;
	margin-bottom: 24px;
    */
}

.wallet_action_con {
	/*padding: 24px 0px;*/
	box-shadow: 0 2px 5px 0 rgb(0 0 0 / 10%);
}

.wallet_action_con a {
	width: auto;
}

.wallet_action {
	text-align: center;
	color: #818181;
	/* font-weight: bold; */
	padding: 0 10px;
	/* border-radius: 50%; */
	min-width: 4rem;
	/* min-height: 4rem; */
}

/* .wallet_action:hover {
	box-shadow: 0 0 7px rgb(33 33 33 / 10%);
} */
.wallet_action i {
	font-size: 20px;
	color: var(--wt-color3);
}

.wallet_action span {
	font-size: 14px;
	/* font-weight: bold; */
	text-align: center;
	/* color: var(--wt-heading-light); */
	color: var(--wt-color3);
	display: block;
	/* padding-top: 6px; */
}

/* ** package box **/
.package_box_detail {
	position: relative;
	padding: 15px;
}

.ap_con.selected {
	position: relative;
	border-radius: 10px;
	/*  border: solid 1px var(--wt-color3); */
	background-color: var(--wt-heading-highlight);
}

.ap_con.selected .package_top {
	color: #fff;
}

.ap_con.selected .package_top .protect_fee span {
	color: #fff;
}

.ap_con.selected .select_tagger {
	display: block;
	border-radius: 5px;
	/* background-color: var(--wt-heading-highlight); */
	/* background-color: var(--bg-light); */
	background-color: var(--orange-bg);
	text-align: center;
	font-size: 10px;
	/* font-weight: bold; */
	color: #fff;
	/* width: 240px; */
	padding: 5px 10px;
	/* position: absolute;
	top: 0;
	left: 50%;
	margin-left: -120px; */
}

.package_box_detail .ap_con .protect_fee {
	margin: 5px 0 15px;
	/* border-bottom: solid 1px #ebebeb;
	border-top: solid 1px #ebebeb; */
	text-align: center;
}

.theme-dark .package_box_detail .ap_con .protect_fee {
	border-bottom: solid 1px #151515;
	border-top: solid 1px #151515;
}

.package_box_detail .left_package {
	color: var(--wt-heading-highlight);
}

.package_box_detail .left_package .pagemoney {
	margin-top: 5px;
}

.list_row {
	display: flex;
	align-items: center;
	margin-bottom: 5px;
}

.list_row.inner_ap_list {
	padding-top: 10px;
	border-top: solid 1px #ebebeb;
	margin-bottom: 10px;
}

.theme-dark .list_row.inner_ap_list {
	border-top: solid 1px #151515;
}

.ap_con .package_top {
	margin: 0 0 10px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.package_top .left_package {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.package_top .left_package .package_cont .package_cont_tit {
	/* 	display: flex;
	align-items: center;
	justify-content: flex-start; */
}

.package_top .left_package .package_cont .package_cont_tit .tit {
	/* margin-right: 10px; */
}

.package_top .left_package .package_cont .package_cont_tit .tit_money {
	margin-top: 5px;
}

.package_top .left_package .package_cont .protect_fee {
	margin: 5px 0 0;
	padding: 0;
	text-align: left;
}

.package_top .right_package {
	display: flex;
	align-items: center;
}

.package_top img {
	width: 80px;
	height: 80px;
	margin-right: 6px;
}

.package_top .right_package span {
	font-size: 14px;
	font-weight: bold;
	color: var(--wt-heading-highlight);
	padding-right: 6px;
}

.package_top .right_package div {
	font-size: 16px;
	color: var(--wt-heading-highlight);
	padding-right: 10px;
}

.package_top .right_package {
	display: flex;
	align-items: center;
}

.package_top .right_package i {
	color: #999;
	font-weight: bolder;
}

.list_row .col_1 {
	width: 45%;
	text-align: left !important;
}

.list_row .col_2 {
	width: 15%;
	text-align: center;

}

.list_row .col_3 {
	width: 25%;
	text-align: center;
}

.list_row .col_1,
.list_row .col_2,
.list_row .col_3 {
	font-size: 11px;
	font-weight: normal;
	text-align: center;
	/* color: #a5a5a5; */
	color: #333;
}

.protect_fee span {
	font-size: 13px;
	font-weight: normal;
	color: var(--wt-heading);
}

.theme-dark .protect_fee span {
	color: var(--defont-color);
}

.protect_fee p {
	font-size: 10px;
	font-weight: normal;
	font-style: italic;
	color: #a5a5a5;
	margin: unset;
	padding-left: 6px;
}

/* *** package details page *** */
.sub_header_label {
	font-size: 16px;
	font-weight: bold;
	color: var(--wt-color3);
	padding-bottom: 10px;
}

.point_balance {
	font-size: 12px;
	font-weight: normal;
	color: #656565;
	padding-bottom: 10px;
}

.point_balance b {
	color: var(--wt-heading);
}

.extra_protection {
	padding: 11px 16.8px 10px 16px;
	border-radius: 10px;
	background-color: #fafafa;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 20px;
}

.extra_protection span {
	font-size: 13px;
	font-weight: bold;
	color: #033e3b;
}

.switch {
	position: relative;
	display: inline-block;
	width: 36px;
	height: 20px;
}

.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

.extra_protection span {
	font-size: 13px;
	font-weight: bold;
	color: #033e3b;
}

.slider.round {
	border-radius: 34px;
}

.slider.round:before {
	border-radius: 50%;
}

.slider:before {
	position: absolute;
	content: "";
	height: 16px;
	width: 16px;
	left: 2px;
	bottom: 2px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}

.package_detail_list {
	margin-bottom: 30px;
}

.package_detail_list .p_list {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: solid 1px #ebebeb;
	padding: 16px 0;
}

.package_detail_list .p_list span {
	font-size: 13px;
	font-weight: normal;
	color: #656565;
}

.package_detail_list .p_list div {
	font-size: 13px;
	font-weight: bold;
	color: var(--wt-heading);
}

/* 下拉选择框 */
.filter-section {
	background: #fff;
	padding-left: .5rem;
	padding-right: .5rem;
	border-bottom: solid 1px #efeff5;
	/* margin-bottom: 8px; */
	border-radius: 10px;
}

.theme-dark .filter-section {
	background-color: #2A292D;
	border-bottom: solid 1px #333333;
}

.filter-section label.form-label {
	text-align: center;
	/* font-weight: 700; */
	color: #000
}

.theme-dark .filter-section label.form-label {
	color: #C5C6BF;
}

.custom-select {
	padding: .5rem;
	border-radius: 5px;
	background-color: #fff;
	text-align: center;
	/* box-shadow: #000 0 1px 3px, #000 0 1px 2px; */
	color: #000
}

.theme-dark .custom-select {
	background-color: #000000 !important;
	border: 1px solid #151515 !important;
	color: #DEDEDD;
	border-radius: 5px;
}

/* 设置选中选项的背景颜色 */
.theme-dark select option:checked {
	/* background-color: var(--wt-color3) !important; */
}

.theme-dark select option:hover {
	/* background-color: var(--wt-color3) !important; */
}

/* *** clam *** */
.inner_con {
	padding: 0 20px 130px;
}

.header_label {
	font-size: 22px;
	font-weight: bold;
	color: var(--wt-heading);
	padding: 0px 0 6px;
}

.reminder_box {
	padding-bottom: 24px;
	font-size: 12px;
	font-weight: normal;
	color: #626262;
}

.package_box {
	padding: 16px 16px 15px;
	border-radius: 10px;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
	background-color: #fff;
}

.package_box .top_package {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.t_lines {
	height: 1px;
	margin: 24px 0px;
	border-bottom: solid 1px #ebebeb;
}

.attachment_header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0px 0 10px;
}

.attachment_header .add_attc {
	align-self: flex-start;
	display: flex;
	align-items: center;
	cursor: pointer;
}

.attachment_header_tip {
	margin-bottom: 15px;
	/* color: var(--wt-color3); */
	color: #999;
}

.title_date_wrap span {
	font-size: 16px;
	font-weight: bold;
	color: var(--wt-color3);
}

.title_date_wrap div {
	font-size: 12px;
	font-weight: normal;
	color: var(--wt-color3);
	padding-top: 3px;
}

.attachment_header .add_attc {
	align-self: flex-start;
	display: flex;
	align-items: center;
	cursor: pointer;
}

.add_attc i {
	font-size: 14px;
	font-weight: bold;
	color: var(--wt-heading-highlight);
	margin-right: 6px;
}

.add_attc span {
	align-self: flex-start;
	display: flex;
	align-items: center;
	font-size: 12px;
	font-weight: bold;
	color: var(--wt-heading);
	text-decoration: underline;
	cursor: pointer;
}

.maximum_upload_wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-top: 10px;
}

.maximum_upload_wrap span {
	font-size: 12px;
	font-weight: normal;
	color: #a5a5a5;
}

.maximum_upload_wrap div {
	padding: 4px 12px 3px;
	border-radius: 10.5px;
	background-color: rgba(42, 42, 42, 0.3);
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
}

/* *** home card 2 *** */
.bottom_profile_package {
	text-align: left;
}

.contract_de_redirect {
	padding: 14px 16px 0;
	border-top: solid 1px #ebebeb;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.contract_de_redirect span {
	font-size: 14px;
	font-weight: normal;
	color: #333;
}

.theme-dark .contract_de_redirect span {
	font-size: 13px;
	font-weight: normal;
	color: var(--wt-heading-highlight);
}

.contract_de_redirect i,
.home .icon-icon-12 {
	font-size: 11px;
	font-weight: normal;
	color: #999;
}

.theme-dark .contract_de_redirect i,
.home .icon-icon-12 {
	font-size: 11px;
	font-weight: normal;
	color: var(--wt-heading-highlight);
}

/* *** home card 2 *** */
.total_register_member div {
	font-size: 13px;
	font-weight: bold;
	/* color: var(--wt-heading); */
	padding-top: 0px;
	margin-bottom: 2px;
}

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

.display_space_title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 0 15px;
	/* border-bottom: solid 1px #ebebeb; */
}

.theme-dark .display_space_title {
	border-bottom: solid 1px #333333;
}

.display_space_title i {
	color: var(--wt-color3);
}

.home .label_title {
	color: var(--wt-heading) !important;
}

.theme-dark .home .label_title {
	color: #CECBCA !important;
	font-weight: normal;
}

.total_register_member .label_title {
	font-size: 14px;
	font-weight: bold;
	color: var(--wt-color3);
}

.left_total_wallet {
	padding-top: 14px !important;
	width: 100%;
}

.left_total_wallet .inner_wallet_wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 10px;
}

.left_total_wallet .inner_wallet_wrap span {
	font-size: 13px;
	font-weight: normal;
	color: var(--wt-heading-highlight);
}

.left_total_wallet .inner_wallet_wrap div {
	font-size: 13px;
	font-weight: bold;
	text-align: right;
	color: var(--wt-color3);
}



.flex-filterdate {
	display: flex;
}

.partner_box {
	/* padding-top: 10px !important; */
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.partner_box .partner_img {
	width: 30px;
}

/* *** page assets *** */
.asset_balance_box {
	text-align: center;
	padding: 24px 00px;
}

.asset_balance_box span {
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	color: #666;
}

.asset_balance_box div {
	font-size: 26px;
	font-weight: bold;
	line-height: 1.04;
	text-align: center;
	color: #2a2a2a;
	padding-top: 10px;
}

.theme-dark .asset_balance_box div {
	color: #DEDEDD;
}

.wallet_redirect {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.wallet_redirect .left_wallet {
	width: 100%;
}

.wallet_redirect .left_wallet .wallet_val {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.wallet_redirect .left_wallet .wallet_val .wallet_tlt {
	color: #333;
	font-size: 16px;
}

.wallet_redirect .left_wallet div {
	color: #656565;
	/* font-weight: bold; */
}

.theme-dark .wallet_redirect .left_wallet div {
	color: #CECBCA;
}

.wallet_redirect .left_wallet .wallet_num {
	margin-top: 3px;
	font-size: 16px;
	font-weight: bold;
	color: var(--wt-color3);
}

.wallet_redirect .right_wallet span {
	font-size: 11px;
	font-weight: normal;
	color: #999;
}

.wallet_redirect .right_wallet i {
	font-size: 8px;
	font-weight: normal;
	color: #999;
	padding-left: 3px;
}

.card-style {
	margin: 0px 10px 15px 10px;
	border-radius: 10px;
	/*box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;*/
	/*box-shadow: rgb(204, 219, 232) 3px 3px 6px 0px inset, rgba(255, 255, 255, 0.5) -3px -3px 6px 1px inset;*/
	/*box-shadow: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset, rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset, rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset, rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;*/
	/*box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;*/
	/* 	box-shadow: rgb(0 0 0 / 30%) 0px 30px 60px -30px, rgb(10 37 64 / 35%) 0px -2px 6px 0px inset; */
}

.theme-dark .card-style {
	box-shadow: rgb(0 0 0 / 30%) 0px 30px 60px -30px, rgb(10 37 64 / 35%) 0px -2px 6px 0px inset;
}

/* *** cards datatables *** */
.table_cards tbody tr {
	float: left;
	width: 20rem;
	margin: 0.5rem;
	border: 0.0625rem solid rgba(0, 0, 0, .125);
	border-radius: .25rem;
	box-shadow: 0.25rem 0.25rem 0.5rem rgba(0, 0, 0, 0.25);
}

.table_cards tbody td {
	display: block;
}

.table tbody label {
	display: none;
}

.table_cards tbody label {
	display: inline;
	position: relative;
	font-size: 85%;
	top: -0.5rem;
	float: left;
	color: #808080;
	min-width: 4rem;
	margin-left: 0;
	margin-right: 1rem;
	text-align: left;
}

.table_cards .fa {
	font-size: 7.5rem;
}

/* ********** */
.ammount_box {
	/*
    padding: 18px 20px;
    border-radius: 10px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
    background-color: #fff;*/
}

.ammount_box .select_group {
	display: flex;
	align-items: center;
	position: relative;
}

.gold {
	color: #c5993a;
}

.select_group .form_group_input {
	border: none;
	outline: none;
	font-size: 16px;
	font-weight: bold;
	color: #2a2a2a;
	background: unset;
}

.add_number_container {
	padding: 10px 0 0px;
}

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

.add_number_container .number_wrap {
	width: auto;
	border-radius: 17.5px;
	border: solid 1px #eaeaea;
	background-color: #fff;
	padding: 2px 10px;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	text-align: center;
	cursor: pointer;
	min-width: 5rem;
	margin-bottom: 1rem;
}

.theme-dark .add_number_container .number_wrap {
	border: none;
	background-color: #000000;
	color: #aaa;
	font-weight: normal;
}

/* ********** */
.form-custom.form-icon div.custom-label {
	position: absolute;
	font-size: 16px;
	height: 53px;
	width: 40px;
	line-height: 53px;
	text-align: center;
}

.ammount_box .amt_details div {
	font-size: 12px;
	font-weight: normal;
	color: #797979;
	padding-bottom: 7px;
}

.ammount_box .amt_details div b {
	padding-left: 3px;
}

.ammount_box .amt_details div {
	font-size: 12px;
	font-weight: normal;
	color: #797979;
	padding-bottom: 7px;
}

.ammount_box .amt_details div b {
	padding-left: 3px;
}

.ammount_box .amt_details div {
	font-size: 12px;
	font-weight: normal;
	color: #797979;
	padding-bottom: 7px;
}

.ammount_box .amt_details div b {
	padding-left: 3px;
}

/* *********** */
.contract_profile {
	display: flex;
	align-items: center;
}

.contract_profile img {
	width: 50px;
	/* height: 45px; */
	object-fit: cover;
	object-position: center;
	margin-right: 16px;
	border-radius: 50%;
}

.contract_profile div {
	font-size: 12px;
	font-weight: normal;
	color: #797979;
}

.theme-dark .contract_profile div {
	color: #C5C6BF;
}

.contract_username {
	font-size: 15px;
	font-weight: bold;
	color: #2a2a2a;
	padding-top: 12px;
}

.contract_personal .details_wrap {
	display: flex;
	align-items: center;
	padding: 2px 0 12px;
}

.details_wrap span {
	font-size: 12px;
	font-weight: normal;
	color: #797979;
	width: 85px;
}

.details_wrap div {
	font-size: 12px;
	font-weight: normal;
	color: #2a2a2a;
}

.new_package_box {}

.new_package_box .top_package {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.bottom_profile_package {
	text-align: left;
}

.contract_due {
	padding: 14px 16px 0;
	border-top: solid 1px #ebebeb;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.contract_due span {
	font-size: 12px;
	font-weight: normal;
	color: #797979;
}

.contract_due div {
	font-size: 12px;
	font-weight: bold;
	color: #2a2a2a;
}

.contract_details_dates {
	font-size: 12px;
	font-weight: normal;
	color: #797979;
	/* line-height: 1.75; */
	padding-top: 18px;
}

.theme-dark .contract_details_dates {
	color: #C5C6BF;
}

.date_wrap {
	display: flex;
	align-items: center;
	padding-bottom: 3px;
}

.date_wrap div {
	/* width: 110px; */
}

.contract_details_dates span {
	font-size: 12px;
	font-weight: normal;
	color: #2a2a2a;
}

.theme-dark .contract_details_dates span {
	color: #C5C6BF;
}

.contract_details_dates .date_wrap_btm {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.contract_details_dates .date_wrap_btm .claim-btn {
	border-radius: 5px;
}

.contract_details_dates .date_wrap_btm .claim-btn span {
	color: #fff;
}

.mlmr0 {
	margin-left: 0;
	margin-right: 0;
}

/* ************ */
.total_claim {}

.claim_amt {}

.claim_amt span {
	font-size: 12px;
	font-weight: normal;
	color: #797979;
}

.theme-dark .claim_amt span {
	color: #C5C6BF;
}

.claim_amt div {
	font-size: 14px;
	font-weight: normal;
	color: #2a2a2a;
	padding: 3px 0 0px;
}

.theme-dark .claim_amt div {
	color: #C5C6BF;
}

.total_claim .lines {
	height: 1px;
	margin: 14px 0px 0px;
	border-bottom: solid 1px #ebebeb;
}

.theme-dark .total_claim .lines {
	border-bottom: solid 1px #151515;
	background: #151515;
}

.table {
	border-style: solid;
	border-width: 1px;
	border-color: #ebebeb;
	color: #333;
	/* margin-bottom:0; */
}

.theme-dark .table {
	border-style: solid;
	border-width: 1px;
	border-color: #333333;
	color: #CECBCA;
}

.table-sm> :not(caption)>*>* {
	padding: 5px 10px;
	/* 1px */
}

.table-sm th {
	text-align: right;
}

.alert-warning {
	color: var(--wt-color3);
	background-color: transparent;
	border-color: var(--wt-color3);
}

.alert-warning .alert-heading {
	color: var(--wt-color3);
}

.alert-warning p {
	color: var(--wt-color3);
}

.display_flex {
	display: flex;
	align-items: center;
}

.claim_dates {
	width: 30%;
	border-right: solid 1px #ebebeb;
	display: flex;
	align-items: center;
	justify-content: center;
}

.theme-dark .claim_dates {
	border-right: solid 1px #151515;
}

.claim_dates span {
	font-size: 26px;
	font-weight: bold;
	color: var(--wt-color3);
}

.claim_count {
	width: 70%;
}

.count_wrap {
	padding: 10px 16px;
}

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

.claim_count .lines {
	height: 1px;
	margin: 0;
	background: #ebebeb;
}

/* *************** */
.history_records {
	border-bottom: solid 1px #efeff5;
	margin-bottom: 8px;
	padding: 10px;
	border-radius: 10px;
	background-color: #fff;
	/*box-shadow: rgb(0 0 0 / 30%) 0px 30px 60px -30px, rgb(10 37 64 / 35%) 0px -2px 6px 0px inset;*/
	box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;

}

.theme-dark .history_records {
	background-color: #2A292D;
	border-bottom: solid 1px #333333;
}

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

.history_records .history_title {
	color: #000;
	word-break: break-word;
}

.theme-dark .history_records .history_title {
	color: var(--defont-color);
}

.history_records .history_desc {}

.history_records .history_dates {}

.history_records .history_status {
	align-self: flex-start;
}

.history_records .history_amount {
	font-weight: bold;
}

.history_records .history_amount.added {
	color: #23a727;
}

.history_records .history_amount.deducted {
	color: #f00;
}

ul.pagination.px-3 {
	justify-content: center;
	margin-top: 20px;
	flex-wrap: wrap;
	gap: 0.3rem;
}

.wallet_balance_box {
	padding: 18px 20px 16px;
	border-radius: 10px;
	background-color: #fff;
	text-align: center;
	/* 	box-shadow: rgb(0 0 0 / 30%) 0px 30px 60px -30px, rgb(10 37 64 / 35%) 0px -2px 6px 0px inset; */

}

.theme-dark .wallet_balance_box {
	background-color: #2A292D;
}

.wallet_balance_box span {
	font-size: 14px;
	font-weight: normal;
	color: #a5a5a5;
}

.wallet_balance_box div {
	font-size: 20px;
	font-weight: bold;
	color: #2a2a2a;
	padding-top: 4px;
}

.theme-dark .wallet_balance_box div {
	color: var(--defont-color);
}

.history_balance {
	text-align: right;
}

/* *************** */
.tab_payment {
	background-color: #0000;
}

.display_flex {
	display: flex;
	align-items: center;
}

.usdt_details .qr_usdt_wrap {
	margin-bottom: 10px;
	background-color: #f7f7f7;
	padding: 10px;
	border-radius: 10px;
}

.usdt_details .qr_usdt_wrap img {
	width: 65px;
}

.usdt_addr_wrap {
	padding-left: 15px;
	width: 92%;
}

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

.theme-dark .display_space .down_a {
	color: var(--wt-color3) !important;
}

.notice {
	margin-top: 10px;
	color: #931c27;
}

/* ************** */

.invite_con {
	text-align: center;
}

.invite_con .invite_logo {
	width: 109.5px;
	margin-bottom: 30px;
}

.invite_con .invitation_code_box {
	width: 287px;
	padding: 14px;
	border-radius: 10px;
	background-color: #f1f1f7;
	margin: 15px auto 15px;
}

.theme-dark .invite_con .invitation_code_box {
	background-color: #000000;
}

.qr_wrap {
	margin: 15px auto;
}

.invitation_code_box span {
	font-size: 13px;
	font-weight: normal;
	text-align: center;
	color: #333;
}

.theme-dark .invitation_code_box span {
	color: #aaa;
}

.invitation_code_box div {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #333;
	padding-top: 2px;
}

.theme-dark .invitation_code_box div {
	color: #aaa;
}

.invite_con .invite_join {
	font-size: 13px;
	font-weight: normal;
	line-height: 1.23;
	text-align: center;
	color: #fff;
	padding-bottom: 0;
}

.invite_con .copy_right {
	font-size: 11px;
	font-weight: normal;
	text-align: center;
	color: #f4f2e5;
}

.head-1 {
	font-weight: bolder !important;
	color: #000 !important;
}

.theme-dark .head-1 {
	color: var(--defont-color) !important;
}

.head-2 {
	color: var(--wt-heading-light);
}

.contract_details_wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 15px;
	color: var(--wt-color3);
}

.contract_details_wrap img {
	width: 60px;
	margin-right: 10px;
}

.contract_details .btn_activate {
	padding: 11px 11px 10px;
	border-radius: 5px;
	/* background-image: linear-gradient(to right, #f00 0%, #ff9335 100%); */
	/* background-image: linear-gradient(to right, #E0C885 0%, #C8A178 100%); */
	background: linear-gradient(to right, var(--wt-heading-highlight), var(--wt-heading-highlight));
	text-align: center;
	font-size: 12px;
	/* font-weight: bold; */
	text-align: center;
	color: #fff;
	cursor: pointer;
}

span.unprotect,
i.unprotect {
	color: #f00;
}

.topup_sub_reminder {
	padding-top: 20px;
	color: #c5993a;
	font-size: 12px;
}

/* ****************** */
.team_summary_box {
	text-align: center;
}

.team_summary_box span {
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	color: #a5a5a5;
}

.team_summary_box div {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.35;
	text-align: center;
	color: #2a2a2a;
	padding: 4px 0 9px;
}

.team_summary_box p {
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	color: #797979;
	margin: 0;
}

.t_lines {
	height: 1px;
	margin: 24px 0px;
	border-bottom: solid 1px #ebebeb;
}

.sponsor_tree {
	width: 100%;
	overflow: auto;
	padding: 0;
	min-height: 400px;
}

.team_con {
	padding: 5px;
	border: 1px solid #b8b8b8;
	width: 100%;
	margin: 5px;
	border-radius: 10px;
}

.team_con .first_level {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	width: 100%;
	min-width: 300px;
}

.team_con .fl_left img {
	width: 37.8px;
	margin: 0 13.2px 0 0px;
	object-fit: cover;
	object-position: center;
}

.team_con .fl_right {
	width: 100%;
}

.team_con .fl_right .username_con {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.fl_right .username_con .username_wrap {
	display: flex;
	align-items: center;
}

.fl_right .username_con .username_wrap span {
	font-size: 13px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #0e4e3c;
}

.fl_right .username_con .username_wrap img {
	width: 20px;
	margin: 0 0 0 12px;
	object-fit: cover;
	object-position: center;
}

.fl_right .sales_summary {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	margin-top: 2px;
	gap: 2px;
}

.fl_right .sales_summary .summary_item {
	text-align: center;
	padding: 5px;
	background: #f7f7f7;
	border-radius: 10px;
}

.fl_right .sales_summary .summary_item span {
	font-size: 11px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #258066;
}

.fl_right .sales_summary .summary_item div {
	font-size: 11px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #258066;
	margin-top: 1px;
}

.team_con .second_level {
	margin-top: 12px;
	text-align: left;
	display: flex;
	justify-content: flex-start;
}

.team_con .second_level div {
	font-size: 11px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: var(--wt-color3);
	margin-right: 7px;
}

.team_con .second_level span {
	font-size: 11px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #258066;
}

.jstree-default>.jstree-container-ul>.jstree-node {
	margin-left: 0px !important;
	padding-right: 20px;
}

.jstree-default .jstree-anchor {
	height: auto !important;
}

.direct_list_row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 16px 0;
	border-bottom: solid 1px #ebebeb;
}

.direct_list_row .direct_left img {
	width: 26px;
	margin-right: 10px;
}

.direct_list_row .direct_left span {
	font-size: 13px;
	font-weight: bold;
	color: #0e4e3c;
}

.direct_list_row .direct_right {
	display: flex;
	align-items: center;
}

.direct_list_row .direct_right i {
	font-size: 12px;
	margin-right: 6px;
	color: #32db6d;
}

.direct_list_row .direct_right span {
	font-size: 12px;
	font-weight: bold;
	color: #19bf41;
}

.jstree-default .jstree-clicked {
	background: transparent !important;
	border-radius: 0px !important;
	box-shadow: none !important;
}

.jstree-default .jstree-clicked .team_con {
	border-color: var(--wt-heading-light) !important;
	border: 2px solid;
}

.usdt_address.copy-button {
	background-color: #f7f7f7;
	padding: 10px;
	border-radius: 10px;
	text-align: center;
}

button#copy-address.active {
	background: #3a7441;
}

button#copy-address {
	background: var(-wt-color3);
	border-radius: 5px;
	cursor: pointer;
	height: 35px;
	line-height: 35px;
	padding: 0 8px;
	transition: color .25s, background .25s;
	width: auto;
}

.btn-copy.active {}

.btn-copy {
	width: 18rem;
	height: 3rem;
	font-size: 1rem;
	padding: 0 !important;
	border-radius: 5px;
}

.logo-back {
	border-radius: 15px;
	max-width: 105px;
	background: transparent;
	padding: 5px;
	margin: 5px;
	border: 0;
	max-height: 100px;
}

.logo-back-custom {
	border-radius: 10px;
	background: transparent;
	max-height: 150px;
	padding: 4px;
	margin: 0px;
}

.right-helper {
	position: absolute;
	top: 0;
	/* right: 30px; */
}

a.language-item {
	padding-left: 10px !important;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
	gap: 10px !important;
}

.theme-dark .avatarimg {
	border: 5px solid rgb(42, 41, 45, .4);
}

/* 返回提示弹窗 */
.theme-dark .jconfirm .jconfirm-box {
	background: #2A292D !important;
}

.theme-dark .jconfirm.jconfirm-material .jconfirm-box {
	background-color: #2A292D !important;
}

.theme-dark .jconfirm.jconfirm-material .jconfirm-box div.jconfirm-title-c {
	color: var(--defont-color) !important;
}

.theme-dark .jconfirm.jconfirm-material .jconfirm-box div.jconfirm-content {
	color: var(--defont-color) !important;
}

.theme-dark .jconfirm .jconfirm-box .jconfirm-buttons button.btn-default {}

/* tab */
.tab_navigation {
	margin: 0px 10px 15px;
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: 1fr;
	grid-column-gap: 10px;
	-webkit-column-gap: 10px;
	column-gap: 10px;

}

.tab_navigation .tab_navigation__item {
	display: block;
	color: #333;
	font-size: 15px;
	background: #ffffff;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	padding: 10px 5px;
	text-align: center;
}

.tab_navigation .tab_navigation__item.active {
	color: #ffffff;
	/* background: linear-gradient(180deg, var(--wt-heading-lowlight), var(--wt-heading-highlight)); */
	background: var(--wt-heading-highlight);
}

/* 提现 */
.recharge_navigation {
	margin: 0px 10px 15px;
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: 1fr;
	grid-column-gap: 10px;
	-webkit-column-gap: 10px;
	column-gap: 10px;

}

.recharge_navigation .recharge_navigation__item {
	display: block;
	color: #333;
	font-size: 15px;
	background: #ffffff;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	padding: 10px 5px;
	text-align: center;
}

.recharge_navigation .recharge_navigation__item.active {
	color: #ffffff;
	/* background: linear-gradient(180deg, var(--wt-heading-lowlight), var(--wt-heading-highlight)); */
	background: var(--wt-heading-highlight);
}

.recharge_navigation .recharge_navigation__item .recharge_nav_image {
	width: 35px;
	height: 35px;
}

.recharge_navigation .recharge_navigation__item .recharge_nav_tlt {
	margin-top: 5px;
	font-weight: normal;
	color: #000;
}

.recharge_navigation .recharge_navigation__item.active .recharge_nav_tlt {
	color: #ffffff;
}

.sider-head-user {
	padding: 0.5rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.sider-head-user .sider-user-box {
	flex: 1;
	display: flex;
	align-items: center;
}

.sider-user-cont {
	flex: 1;
	padding-left: 0.5rem !important;
	display: flex;
	align-items: flex-start;
	flex-direction: column;
}

.sider-user-cont .sider-user-name {
	margin-bottom: 5px;
	font-size: 16px;
	line-height: 22px;
	font-weight: 700;
}

.sider-user-cont .user-view-line {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.sider-user-cont .user-vip-tag {
	background: linear-gradient(to right, #fbc926, #f88f18);
	color: #fff;
	text-align: center;
	border-radius: 5px;
	font-weight: bold;
	font-size: 12px;
	padding: 1px 5px;
	font-style: italic;
}

.sider-user-cont .user-vip-tagname {
	background: linear-gradient(to right, #fbc926, #f88f18);
	color: #fff;
	text-align: center;
	border-radius: 5px;
	/* font-weight: bold; */
	font-size: 12px;
	padding: 1px 5px;
	margin-right: 5px;
	/* font-style: italic; */
}

.sider-user-cont .user-vip-package {
	background: linear-gradient(to right, var(--wt-heading-highlight), var(--wt-heading-highlight));
	color: #fff;
	text-align: center;
	border-radius: 5px;
	/* font-weight: bold; */
	font-size: 12px;
	padding: 1px 5px;
	/* font-style: italic; */
}

.sider-head-user .sider-user-my {
	font-size: 12px;
	color: #999;
}

.sider-head-user .sider-user-my i {
	margin-left: 2px;
}

/* 我的用户信息 */
.user-cont {
	width: 100%;
	padding: 15px 15px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
}

.user-info {
	/* width: 100%; */
	display: flex;
	align-items: center;
	justify-content: flex-end;

}

.user-cont .user-view {
	/* flex: 1; */
	padding-left: 15px;
	display: flex;
	align-items: flex-start;
	flex-direction: column;
}

.user-cont .user-view .user-name {
	font-size: 18px;
	color: #333;
}

.user-cont .user-view .user-view-line {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.user-cont .user-view .user-vip-tag {
	background: linear-gradient(to right, #fbc926, #f88f18);
	color: #fff;
	text-align: center;
	border-radius: 5px;
	font-weight: bold;
	font-size: 13px;
	padding: 1px 5px;
	margin-right: 5px;
	font-style: italic;
}

.user-cont .user-view .user-vip-tagname {
	background: linear-gradient(to right, #fbc926, #f88f18);
	color: #fff;
	text-align: center;
	border-radius: 5px;
	/* font-weight: bold; */
	font-size: 12px;
	padding: 1px 5px;
	margin-right: 5px;
	/* font-style: italic; */
}

.user-cont .user-view .user-vip-package {
	background: linear-gradient(to right, var(--wt-heading-highlight), var(--wt-heading-highlight));
	color: #fff;
	text-align: center;
	border-radius: 5px;
	/* font-weight: bold; */
	font-size: 12px;
	padding: 1px 5px;
	/* font-style: italic; */
}

.my-info-btn {
	/* margin-top:10px; */
	display: flex;
	align-items: center;
	border: 1px solid #ebebeb;
	color: #666;
	font-size: 12px;
	padding: 2px 8px;
	border-radius: 100px;
}

.my-info-btn span {
	margin-right: 3px;
}

/* 赛事列表 */
.match_space_title_box {
	padding: 0 1rem 10px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.match_space_title {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	/* padding: 0 1rem 10px; */
	/* border-bottom: solid 1px #ebebeb; */
	font-size: 16px;
	/* font-weight: bold; */
	/* color: var(--wt-heading); */
	padding-top: 0px;
	margin-bottom: 2px;
}

.match_space_title .label_icon {
	margin-right: 5px;
	font-weight: bold;
	color: var(--wt-color3);
}

.match_space_title .label_title {
	/* font-size: 14px; */
	font-weight: bold;
	color: var(--wt-heading);
}

.match_space_title .label_shu {
	margin-left: 10px;
	color: #9a9a9a;
}

.match_space_title .label_desc {
	margin-left: 5px;
	font-size: 13px;
	color: #9a9a9a;
}

.taskInfo_btn {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 5px;
	font-size: 13px;
	color: #fff;
	padding: 3px 10px;
	background: var(--orange-bg);
	text-align: center;
}

.taskInfo_btn:hover {
	color: #fff;
}

.taskInfo_btn i {
	font-size: 16px;
}

.taskInfo_btn span {
	margin-left: 5px;
	font-size: 13px;
}

.match-card {
	/* 	width: 100%; */
	background-color: #fff;
	border-radius: 10px;
	margin: 0px 10px 15px 10px;
	box-sizing: border-box;
}
.upload_contract_btn {
	padding: 1rem 1rem;
}
.upload_contract_btn .btn_activate {
	padding: 11px 11px 10px;
	border-radius: 5px;
	/* background-image: linear-gradient(to right, #f00 0%, #ff9335 100%); */
	/* background-image: linear-gradient(to right, #E0C885 0%, #C8A178 100%); */
	background: linear-gradient(to right, var(--wt-heading-highlight), var(--wt-heading-highlight));
	text-align: center;
	font-size: 12px;
	/* font-weight: bold; */
	text-align: center;
	color: #fff;
	cursor: pointer;
}
.match-card .match_list {
	position: relative;
	flex-grow: 1;
	padding: 1rem 8px;
	/* padding:8px; */
}



.match-card .match_list .match_match {
	margin-bottom: 15px;
	min-height: 100px;
	border-radius: 8px;
	background-color: #fff;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.match-card .match_list .match_match:not(:first-of-type) {
	margin-top: 8px;
}

.match-card .match_list .match_match .match__header {
	padding-top: 8px;
	padding-bottom: 8px;
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	font-size: 13px;
	color: #4C5882;
}

.match-card .match_list .match_match .match__header .match__rate {
	width: max-content;
	display: flex;
	align-items: center;
	color: #fff;
	border-radius: 4px;
	background-color: #aaafc5;
	/* background-color: #BFCADD; */
}

.match-card .match_list .match_match .match__header .match__rate-label {
	background-position: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 4px 12px 4px 8px;
	background-image: url('/static/assets/images/match/rate-bg.png');
}

.match-card .match_list .match_match .match__header .match__rate-value {
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 8px;
}

.match-card .match_list .match_match .match__header .text-center {
	color: #333;
	text-align: center;
}

.match-card .match_list .match_match .match__header .match__trade {
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	justify-self: end;
	padding-right: 8px;
	color: #333;
}

.match-card .match_list .match_match .match__header .match__trade-value {
	margin-left: 4px;
	padding: 4px 8px;
	color: #fff;
	border-radius: 4px;
	/* background-color: #46517a; */
	background-color: var(--wt-heading-highlight);
}

.match-card .match_list .match_match .match__main {
	background-color: var(--bg-light);
	padding: 12px 8px;
	font-size: 13px;
	color: #333;
}

.match-card .match_list .match_match .match__main .match__teams {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
}

.match-card .match_list .match_match .match__main .match__teams .match__home__BnaxF {
	display: flex;
	align-items: center;
	justify-self: start;
}

.match-card .match_list .match_match .match__main .match__teams .match__home__BnaxF .match__logo {
	width: 20px;
	height: 20px;
}

.match-card .match_list .match_match .match__main .match__teams .match__home__BnaxF .margin-left-4 {
	margin-left: 4px;
}

.match-card .match_list .match_match .match__main .match__teams .match__versus__YwBIm {
	margin-left: 4px;
	margin-right: 4px;
	width: 30px;
	height: 10px;
}

.match-card .match_list .match_match .match__main .match__teams .match__away__GHUYk {
	display: flex;
	align-items: center;
	justify-self: end;
	text-align: end;
}

.match-card .match_list .match_match .match__main .match__teams .margin-right-4 {
	margin-right: 4px;
}

.match-card .match_list .match_match .match__main .match__teams .match__logo {
	width: 20px;
	height: 20px;
}

.match-card .match_list .match_match .match__row-line {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.match-card .match_list .match_match .match__row-center {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.match-card .match_list .match_match .match__row-center .match__time-icon {
	width: 12px;
	height: 12px;
}

.match-card .match_list .match_match .match__row-center .match__kickdate {
	margin-left: 4px;
	color: #666;
}

.match-card .match_list .match_match .match_tj_box {
	display: flex;
	flex-direction: row;
	align-items: center;
	border: 1px solid var(--orange-bg);
	border-radius: 5px;
	overflow: hidden;
}

.match-card .match_list .match_match .match_tj_box .match_tj {
	padding: 0 5px;
	font-size: 12px;
	color: var(--orange-bg);
}

.match-card .match_list .match_match .match_tj_box .match_thbf {
	min-width: 50px;
	text-align: center;
	background-color: var(--orange-bg);
	font-size: 13px;
	color: #fff;
}

.match-card .match_list .match_match .match__ball-icon {
	height: 16px;
	width: 16px;
}

.match-card .match_list .match_match .match_text-end {
	text-align: end;
}

.match-card .match_list .match_match .match-result {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

.match-card .match_list .match_match .match-result .match-score {
	display: flex;
	align-items: center;
	font-size: 14px;
	color: #333;
	padding: 10px 15px;
}

.match-card .match_list .match_match .match-result .match__full-score {
	border-radius: 100px;
	background-color: #fff;
	border: 1px solid #d5d7e9;
}

.match-card .match_list .match_match .match-result .match__half-score {
	margin-left: 8px;
	border-radius: 100px;
	background-color: #fdf6f2;
	border: 1px solid #f2d8ca;
}

.match-card .match_list .match_match .match-result .match_secondary {
	margin-left: 4px;
	color: #333;
}

.match-card .match_list .match_match .match-result .match_primary {
	margin-left: 4px;
	color: #F69766;
}

/* 表单 */
.form-list {}

.form-list .form-item {
	position: relative;
	margin-bottom: 15px;
}

.form-list .form-item .form-item-bg {
	position: relative;
	width: 100%;
	padding: 0 15px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	/* background-color: #F3F4F9; */
	border: solid 1px #E3E4E8;
	border-radius: 5px;
	box-sizing: border-box;
}

.form-list .form-item .form-item-label {
	width: 100px;
	font-size: 13px;
	color: #666;
}

.form-list .form-item .form-item-label .xing {
	margin-left: 3px;
	font-size: 15px;
	color: #dc3545;
}

.form-list .form-item .form-item-input {
	width: 100%;
	height: 50px;
	background-color: transparent !important;
	border: none;
	padding: 0;
	font-size: 14px !important;
	color: #333;
	box-sizing: border-box;
	appearance: none;
	border-radius: 0.25rem;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-list .form-item .form-item-input:focus {
	outline: 0 !important;
	box-shadow: none !important;
}

.form-item-bg .invalid-feedback {
	position: absolute;
	left: 0;
	bottom: -25px;
	width: 100%;
}

.form-item-bg .error {
	position: absolute;
	left: 0;
	bottom: -25px;
	width: 100%;
}

/* 头像模态框 */
.modalbox {
	display: none;
	/* 默认隐藏 */
	position: fixed;
	z-index: 1000;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgb(0, 0, 0);
	background-color: rgba(0, 0, 0, 0.4);
}

.modalbox .modalbox-demo {
	width: 100%;
	height: 100%;
	display: flex;
	/* 或者使用 table 等其他布局方式 */
	justify-content: center;
	/* 水平居中 */
	align-items: center;
	/* 垂直居中 */
}

.modalbox .modalbox-content {
	background-color: #fff;
	margin: 0 auto;
	padding: 20px;
	border-radius: 10px;
	border: 1px solid #888;
	width: 85%;
}

.modalbox .modalbox-content .close {
	color: #aaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
}

.modalbox .modalbox-content .close:hover,
.close:focus {
	color: black;
	text-decoration: none;
	cursor: pointer;
}

.modalbox .modalbox-content .modalbox-title {
	color: #333;
	font-size: 16px;
	font-weight: bold;
}

.modalbox .modalbox-content .avatars {
	margin: 10px 0;
	display: flex;
	align-items: center;
	justify-content: space-around;
	flex-wrap: wrap;
}

.modalbox .modalbox-content .avatars img {
	width: 60px;
	/* 设置头像大小 */
	height: 60px;
	border-radius: 50%;
	/* 设置头像大小 */
	margin: 8px;
	/* 设置头像之间的间距 */
	cursor: pointer;
	/* 设置鼠标样式为指针 */
}

/* 省市区三级联动 */
.form-threelink-box .three-linkage {
	display: flex;
	align-items: center;
	padding: 13px 15px 0px 40px;
	min-height: 50px;
	background-color: #F3F4F9;
	border-radius: 5px;
	box-sizing: border-box;
}

.form-threelink-box .three-linkage select {
	padding-left: 15px !important;
	height: 35px !important;
	background-color: #fff;
	border: solid 0px rgba(0, 0, 0, 0.07);
	border-radius: 5px;
	box-sizing: border-box;
}

.form-threelink-box .three-linkage select {
	margin-left: 10px;
}

.form-threelink-box .three-linkage select:first-child {
	margin-left: 0 !important;
}

/* 验证码 */
.form-custom .getcode-btn {
	position: absolute;
	top: 10px;
	right: 15px;
	border: none;
	font-size: 12px;
	padding: 5px 10px !important;
	border-radius: 5px;
}

.form-radio-group {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 1rem;
	min-height: 50px;
	background-color: #F3F4F9;
	border: solid 1px rgba(0, 0, 0, 0.07);
	border-radius: 5px;
	box-sizing: border-box;
}

.form-radio-group i {
	position: absolute;
	font-size: 16px;
	height: 53px;
	width: 40px;
	line-height: 53px;
	text-align: center;
}

.form-radio {
	height: 50px;
	padding: 0 15px 0px 40px;
	display: flex;
	align-items: center;
}

.form-radio .radio {
	margin-right: 20px;
	display: flex;
	align-items: center;
}

.form-radio .radio input {
	margin-right: 5px;
}