@charset "utf-8";
.Grzx_box{ width: 100%;font-family: SourceHanSansSC-regular;background: rgb(242,242,246);margin-top: 60px;padding-top: 36px;line-height: 1.5; }
.Grzx_container{ width: 1160px;margin:0 auto;display: flex;justify-content: space-between;min-height: 918px;box-shadow: 0 2px 6px 0 rgb(0 0 0 / 20%); }

.Grzx_mune{ width: 220px;min-height: 700px;background-color: #f5f5f5;padding-top: 24px;box-sizing: border-box;position: relative; }
.Grzx_mune_top{ text-align: center; }
.user_pic{ width: 95px;background-color: pink;height: 95px;background-color: #fff;margin: 35px auto;padding: 5px;margin: auto;border-radius: 50%;box-sizing: border-box;position: relative; }
.user_pic img{ border-radius: 50%; }
.user_pic_cover{ position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.4);text-align: center;line-height: 120px;color: #fff;cursor: pointer;font-size: 14px;opacity: 0;transition: all .4s;border-radius: 50%; }
.user_pic_cover_change{ width: 100%;height: 100%;position: relative;text-align: center;line-height: 95px; }
.user_pic_file_input{ position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;cursor: pointer; }
.user_pic:hover .user_pic_cover{ opacity: 1; }
.user_name{ padding-top: 15px;width: 100%;display: block;font-family: SourceHanSansSC-regular;font-size: 14px; }
.user_id_box{ color: rgb(153, 153, 153);font-size: 14px; }
.Grzx_nav_list{ width: 220px;position: absolute;top: 200px;background-color: rgb(245, 245, 245);min-height: 460px; }
.Grzx_nav_list li{ font-weight: 600;padding-left: 24px;box-sizing: border-box;border-left: 3px solid #f5f5f5;text-align: left;display: flex;padding-left: 30px!important;align-items: center;width: 220px;height: 64px;line-height: 64px;cursor: pointer;color: rgba(0,0,0,.65);transition: color .3s cubic-bezier(.645,.045,.355,1),border-color .3s cubic-bezier(.645,.045,.355,1),background .3s cubic-bezier(.645,.045,.355,1),padding .15s cubic-bezier(.645,.045,.355,1);margin:4px 0 8px; }
.Grzx_nav_list li i{ display: inline-block;color: inherit;font-style: normal;line-height: 0;text-align: center;text-transform: none;vertical-align: -0.125em;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;min-width: 14px;margin-right: 10px;font-size: 14px;transition: font-size .15s cubic-bezier(.215,.61,.355,1),margin .3s cubic-bezier(.645,.045,.355,1);font-size: 20px;margin-top: 4px; }
.Grzx_nav_list li:hover{ color: #ff842f; }
.Grzx_select{ color: #ff842f !important;background-color: #fff;border-left: 3px solid #ff842f !important; }
.vip{ width: 100px;height: 26px;line-height: 26px;position: absolute;left: -2px;top: 82px;text-align: center;background-color: #ff9100;font-size: 14px;font-family: Roboto;color: #fff;display: flex;justify-content: center;display: none; }
.vip i{ position: relative;top: 1px;font-size: 25px; }

.credit_box{ flex: 1;padding: 20px;box-sizing: border-box;background: #fff; }
.credit_top{ display: flex;justify-content: space-between;height: 50px;border-bottom: 3px solid #f1ebeb;align-items: center; }
.credit_top h2{ font-size: 21px;font-weight: 800;color: rgba(0,0,0,.85);margin-bottom: 0.5em;margin-top: 0; }
.credit_content{ width: 100%; }
.credit_list_table{ display: flex; }
.credit_list_table .credit_bg{ color: rgba(0,0,0,.85);font-weight: 500;text-align: left;background: #fafafa;border-bottom: 1px solid #e8e8e8;transition: background .3s ease;padding: 16px 16px;overflow-wrap: break-word;box-sizing: border-box;font-size: 14px; }
.credit_list_table .order_server_type{ width: 140px; }
.credit_list_table .order_server_No{ width: 197px; }
.credit_list_table .order_get_credit_num{ width: 140px; }
.credit_list_table .order_pay_type{ width: 120px; }
.credit_list_table .order_pay_num{ width: 86px; }
.credit_list_table .order_type{ width: 86px; }
.credit_list_table .order_time{ width: 131px; }
.credit_con_table{ width: 100%; }
.credit_con_item{ width: 100%;display: flex;border-bottom: 1px solid #e8e8e8;transition: background .3s;font-size: 14px;align-items: center; }
.credit_con_item:hover{ background: #f5f5f5; }
.credit_con_item .credit_item_bg{ padding: 16px 16px;overflow-wrap: break-word;color: rgba(0,0,0,.65);box-sizing: border-box; }
.credit_con_item .order_item_server_type{ width: 140px; }
.credit_con_item .order_item_server_No{ width: 197px; }
.credit_con_item .order_item_get_credit_num{ width: 140px; }
.credit_con_item .order_item_pay_type{ width: 120px; }
.credit_con_item .order_item_pay_num{ width: 86px; }
.credit_con_item .order_item_type{ width: 86px; }
.credit_con_item .order_item_time{ width: 131px; }
.credit_con_table_null{ display: none;position: relative;z-index: 1;margin-top: -1px;padding: 16px 16px;color: rgba(0,0,0,.25);font-size: 14px;text-align: center;background: #fff;border-top: 1px solid #e8e8e8;border-bottom: 1px solid #e8e8e8;border-radius: 0 0 4px 4px; }
.no_credit{ font-size: 14px;line-height: 22px;text-align: center;margin: 32px 0;color: rgba(0,0,0,.25);padding-top: 130px; }
.no_credit i{ font-size: 65px; }
.no_credit p{ margin-top: 4px; }

.credit_pagination {
	font-size: 14px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	margin: 16px 0;
}

.credit_messages_all_num {
	height: 32px;
	margin-right: 8px;
	line-height: 30px;
	vertical-align: middle;
	color: rgba(0,0,0,.65);
}

.credit_messages_change {
	font-size: 12px;
	min-width: 32px;
	height: 32px;
	color: rgba(0,0,0,.65);
	font-family: Arial;
	line-height: 32px;
	text-align: center;
	vertical-align: middle;
	list-style: none;
	border-radius: 4px;
	cursor: pointer;
	transition: all .3s;
	padding-top: 1px;
	box-sizing: border-box;
	box-shadow: 0 0 2px rgb(0 0 0 / 20%);
}

.credit_messages_page {
	height: 32px;
	margin-right: 4px;
	margin-left: 4px;
	line-height: 32px;
	vertical-align: middle;
	min-width: 32px;
	font-family: Arial;
	text-align: center;
	list-style: none;
	background-color: #fff;
	outline: 0;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	box-shadow: 0 0 2px rgb(0 0 0 / 20%);
}

.credit_active {
	color: #ff9100;
}

.credit_messages_right i {
	transform: rotate(180deg);
}

.credit_messages_page_box {
	display: flex;
}

.credit_double_left {
	font-size: 12px;
	min-width: 50px;
	height: 32px;
	color: rgba(0,0,0,.65);
	font-family: Arial;
	line-height: 32px;
	text-align: center;
	vertical-align: middle;
	list-style: none;
	border-radius: 2px;
	cursor: pointer;
	transition: all .3s;
	padding-top: 1px;
	box-sizing: border-box;
	box-shadow: 0 0 2px rgb(0 0 0 / 20%);
	background: #fff;
	margin-right: 4px;
}

.credit_double_left i {
	transform: scaleX(1.5);
	display: block;
}

.credit_double_right {
	font-size: 12px;
	min-width: 50px;
	height: 32px;
	color: rgba(0,0,0,.65);
	font-family: Arial;
	line-height: 32px;
	text-align: center;
	vertical-align: middle;
	list-style: none;
	border-radius: 2px;
	cursor: pointer;
	transition: all .3s;
	padding-top: 1px;
	box-sizing: border-box;
	box-shadow: 0 0 2px rgb(0 0 0 / 20%);
	background: #fff;
	margin-left: 4px;
}

.credit_double_right i {
	display: block;
	transform: rotateY(180deg) scaleX(1.5);
}

.page_box {
	max-width: 400px;
	overflow-x: clip;
}

.credit_messages_page_box {
	transition: all .2s;
	position: relative;
	left: 0px;
}


 /*ipad*/
@media screen and (max-width: 1199px) and (min-width: 750px)
{
	.credit_box{ width: calc(100% - 220px); }
	.credit_list_table{ align-items: center;max-height: 60px;display: none; }
	.credit_con_item{ height: 75px;position: relative; }
	.credit_con_item .credit_item_bg{ padding: 8px 16px; }
	.credit_con_item .order_item_server_type{ position: absolute;left: 0;top: 0; }
	.credit_con_item .order_item_server_No{ position: absolute;left: 140px;top: 0;width: 235px; }
	.credit_con_item .order_item_get_credit_num{ position: absolute;right: 0;top: 0;text-align: center;width: 86px; }
	.credit_con_item .order_item_pay_type{ position: absolute;left: 0;bottom: 0; }
	.credit_con_item .order_item_pay_num{ position: absolute;bottom: 0;left: 140px;color: #ff9100; }
	.credit_con_item .order_item_type{ position: absolute;right: 0;bottom: 0;text-align: center; }
	.credit_con_item .order_item_time{ position: absolute;left: 210px;bottom: 0;width: 181px; }
	.credit_pagination{ justify-content: center; }
}
/*mobile*/
@media screen and (max-width: 750px)
{
	.right_fixed{ display: none; }
	.credit_box{ padding: 20px 0;width: 100%; }
	.credit_top{ padding-left: 10px; }
	.credit_list_table{ display: none; }
	.credit_con_item{ height: 75px;position: relative;font-size: 12px; }
	.credit_con_item .credit_item_bg{ padding: 8px 16px; }
	.credit_con_item .order_item_server_type{ position: absolute;left: 0;top: 0;width: 130px; }
	.credit_con_item .order_item_server_No{ position: absolute;left: 120px;top: 0;width: 212px; }
	.credit_con_item .order_item_get_credit_num{ position: absolute;right: 0;top: 0;text-align: center;width: 86px; }
	.credit_con_item .order_item_pay_type{ position: absolute;left: 0;bottom: 0; }
	.credit_con_item .order_item_pay_num{ position: absolute;bottom: 0;left: 120px;color: #ff9100; }
	.credit_con_item .order_item_type{ position: absolute;right: 0;bottom: 0;text-align: center; }
	.credit_con_item .order_item_time{ position: absolute;left: 177px;bottom: 0;width: 161px; }
	.credit_pagination{ font-size: 12px;justify-content: center; }
}