@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: 260px;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: 260px;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: 15px!important;align-items: center;width: 260px;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;font-family: SourceHanSansSC-regular; }
.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_btn{ line-height: 1.499;font-weight: 400;white-space: nowrap;text-align: center;cursor: pointer;border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;-o-border-radius: 2px;-ms-border-radius: 2px;margin: 0;height: 32px;padding: 0 15px;font-size: 14px;color: #fff;background-color: #ff9100;margin-right: 10px;border:none; }
.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 .invoicing_amount{ width: 121px; }
.credit_list_table .invoicing_type{ width: 178px; }
.credit_list_table .invoicing_header{ width: 123px; }
.credit_list_table .invoicing_time{ width: 195px; }
.credit_list_table .invoicing_state{ width: 121px; }
.credit_list_table .invoicing_operation{ width: 122px; }
.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: #f8f8f8; }
.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 .invoicing_item_amount{ width: 121px; }
.credit_con_item .invoicing_item_type{ width: 178px; }
.credit_con_item .invoicing_item_header{ width: 123px; }
.credit_con_item .invoicing_item_time{ width: 195px; }
.credit_con_item .invoicing_item_state{ width: 121px; }
.credit_con_item .invoicing_item_operation{ width: 122px;display: flex;justify-content: space-around; }
.credit_con_item .invoicing_item_operation.hidden_operator{	display: none; }
.credit_con_item .invoicing_item_operation.show_operator{	display: flex; }
.credit_con_item .invoicing_item_operation span{ color: #ff9100;cursor: pointer; }
.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: 60px; }
.no_credit i{ font-size: 65px; }
.no_credit p{ margin-top: 4px; }

.credit_con_table_null_inv{ 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_inv{ font-size: 14px;line-height: 22px;text-align: center;margin: 32px 0;color: rgba(0,0,0,.25);padding-top: 130px; }
.no_credit_inv i{ font-size: 65px; }
.no_credit_inv p{ margin-top: 4px; }

.credit_pagination_inv{ font-size: 14px;display: flex;align-items: center;justify-content: right;margin: 16px 0; }
.credit_messages_all_num_inv{ height: 32px;margin-right: 8px;line-height: 30px;vertical-align: middle;color: rgba(0,0,0,.65); }
.credit_messages_change_inv{ 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; }
.credit_messages_page_inv{ 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; }
.credit_active_inv{ color: #ff9100; }
.credit_messages_right_inv i{ transform: rotate(180deg); }
.credit_messages_page_box_inv{ display: flex; }

.invoicing_apply_box{ width: 100%;height: 100%;background: rgba(0,0,0,0);position: fixed;top: 0;left: 0;z-index: 99;font-family: SourceHanSansSC-regular; }
.invoicing_apply_container{
	width: 864px;
	background: #fff;padding: 16px; box-sizing: border-box;border-radius: 4px;position: relative;box-shadow: 0 0 4px rgb(0 0 0 / 30%);top: 50%;
	margin: -255px auto 0;
}
.invoicing_apply_box_close{ position: absolute;right: 0;top: 0;width: 56px;height: 56px;cursor: pointer;line-height: 56px;text-align: center; }
.invoicing_apply_box_close i{ font-size: 18px;color: rgba(0,0,0,.65); }
.invoicing_apply_top{ width: 100%; }
.invoicing_apply_top h2{ font-size: 18px; }
.invoicing_apply_top p{ font-size: 14px;color: #ec675a; }
.invoicing_apply_content{ margin-top: 16px; }
.invoicing_apply_list_table{ width: 100%;height: 48px;display: flex;justify-content: left;align-items: center;border-bottom: 1px solid rgb(187,187,187); }
.invoicing_apply_list_table .apply_check{ position:relative; }
.apply_check input{ width: 16px;height: 16px;margin-top: 9px; }
.apply_order_No{ width: 160px;margin-left: 8px; }
.apply_order_money{ width: 56px;margin-left: 130px; }
.apply_pay_type{ width: 85px;margin-left: 100px; }
.apply_pay_time{ width: 170px;margin-left: 77px; }
.invoicing_apply_con_table{ width: 100%; }
.invoicing_apply_item{ width: 100%;height: 48px;display: flex;justify-content: left;align-items: center;box-sizing: border-box;border-bottom: 1px solid rgb(245,245,245);font-size: 14px; }
.invoicing_apply_item:hover{ background: #f8f8f8; }
.invoicing_apply_item .apply_item_check{ position:relative; }
.apply_item_check input{ width: 16px;height: 16px;margin-top: 9px; }
.apply_item_order_No{ width: 160px;margin-left: 8px; }
.apply_item_order_money{ width: 56px;margin-left: 130px; }
.apply_item_pay_type{ width: 85px;margin-left: 100px; }
.apply_item_pay_time{ width: 170px;margin-left: 77px; }
.invoicing_apply_bottom{ display: flex;justify-content: space-between;font-family: SourceHanSansSC-regular;margin-top: 25px; }
.invoicing_apply_money{ font-size: 14px; }
.invoicing_apply_money span{ font-size: 18px;color: #ff9100;margin: 0 10px 0 11px; }
.invoicing_apply_btn_box{ display: flex;margin-right: 20px;align-items: center; }
.apply_btn{ width: 96px;height: 30px;margin-left: 12px;box-sizing: border-box;text-align: center;line-height: 28px;border-radius: 2px;font-size: 14px;cursor: pointer; }
.cancel_btn{ border:1px solid rgb(187,187,187);color: rgb(187,187,187); }
.promise_btn{ border:1px solid rgb(255,132,47);color: #fff;background: rgb(255,132,47); }
.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; }
.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; }
.credit_active{ color: #ff9100; }
.credit_messages_right i{ transform: rotate(180deg); }
.credit_messages_page_box{ display: flex; }

.fill_invoicing_info{ width: 100%;height: 100%;background: rgba(0,0,0,0);position: fixed;top: 0;left: 0;z-index: 100;font-family: SourceHanSansSC-regular; }
.fill_box{ background: #fff;width: 532px;margin: 140px auto 0;padding: 24px 16px;box-sizing: border-box;position: relative;box-shadow: 0 0 4px rgb(0 0 0 / 30%);top: 50%;margin-top: -300px; }
.fill_invoicing_info_close{ position: absolute;right: 0;top: 0;width: 56px;height: 56px;cursor: pointer;line-height: 56px;text-align: center; }
.fill_invoicing_info_close i{ font-size: 18px;color: rgba(0,0,0,.65); }
.fill_top{ font-size: 18px; }
.fill_content{ width: 100%;font-size: 14px;margin-top: 16px; }
.fill_item{ display: flex;align-items: center;height: 30px;margin-bottom: 16px; }
.fill_item_label{ width: 153px;margin-right: 16px;display: flex;justify-content: flex-end;align-items: center;line-height: 30px; }
.fill_item_label span{ color: #ff6161; }
.fill_item_con{ display: flex;position: relative; }
.fill_item_radio{ margin-right: 20px; }
.fill_item_radio input[type="radio"]{ margin-right: 4px; }
.fill_item_con input[type="text"]{ width: 300px;height: 30px;border: 1px solid #999;border-radius: 2px;box-sizing: border-box;padding-left: 10px;color: #999; }
.fill_item_con .fill_item_tips{ position: absolute;font-size: 12px;top: 27px;left: 6px;color: #ff6161;transform: scale(.9);transition: all .3s;height: 0;overflow: hidden; }
.fill_btn_box{ display: flex;justify-content: flex-end;margin-top: 30px; }
.fill_btn{ width: 96px;height: 30px;margin-left: 12px;box-sizing: border-box;text-align: center;line-height: 28px;border-radius: 2px;font-size: 14px;cursor: pointer; }
.fill_btn_prev{ border:1px solid rgb(187,187,187);color: rgb(187,187,187); }
.fill_btn_submit{ border:1px solid rgb(255,132,47);color: #fff;background: rgb(255,132,47); }

.check_cover1{ width: 16px;height: 16px;position: absolute;left: 0px;top: 9px;background: #fff;border: 1px solid #d9d9d9;border-radius: 2px;transition: all .2s;box-sizing: border-box;cursor: pointer; }
.check_cover1:hover{ border:1px solid #ff9100; }
.check_cover2{ width: 16px;height: 16px;position: absolute;left: 0px;top: 9px;border-radius: 2px;transition: all .2s;box-sizing: border-box;cursor: pointer;background: #ff9100;border:1px solid #ff9100;display: none; }
.check_cover2:after{ position: absolute;display: table;border: 2px solid #fff;border-top: 0;border-left: 0;transform: rotate(45deg) scale(1) translate(-50%,-50%);opacity: 1;transition: all .2s cubic-bezier(.12,.4,.29,1.46) .1s;content: " ";top: 45%;left: 22%;width: 4px;height: 8px; }
.check_cover3{ width: 16px;height: 16px;position: absolute;left: 0px;top: 9px;border-radius: 2px;transition: all .2s;box-sizing: border-box;cursor: pointer;background: #fff;border: 1px solid #d9d9d9;display: none; }
.check_cover3:after{ top: 50%;left: 50%;width: 8px;height: 8px;background-color: #ff9100;border: 0;transform: translate(-50%,-50%) scale(1);opacity: 1;content: " ";position: absolute;display: table;transition: all .1s cubic-bezier(.71,-.46,.88,.6),opacity .1s; }
.check_cover3:hover{ border-color: #ff9100; }

/*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; }
	.credit_list_table .invoicing_amount{ width: 13.4%; }
	.credit_list_table .invoicing_type{ width: 19.8%; }
	.credit_list_table .invoicing_header{ width: 18%; }
	.credit_list_table .invoicing_time{ width: 21.6%; }
	.credit_list_table .invoicing_state{ width: 13.4%; }
	.credit_list_table .invoicing_operation{ width: 13.5%; }
	.credit_con_item .invoicing_item_amount{ width: 13.4%; }
	.credit_con_item .invoicing_item_type{ width: 19.8%; }
	.credit_con_item .invoicing_item_header{ width: 18%; }
	.credit_con_item .invoicing_item_time{ width: 21.6%; }
	.credit_con_item .invoicing_item_state{ width: 13.4%; }
	.credit_con_item .invoicing_item_operation{ width: 13.5%;display: block !important;margin: 2px 0; }
	.credit_con_item .invoicing_item_operation span{ display: block;text-align: center; }
	.credit_con_item .credit_item_bg{ padding: 16px 4px; }
	.credit_pagination_inv{ justify-content: center; }
	.credit_list_table .credit_bg{ padding: 16px 4px;font-size: 12px; }

	.invoicing_apply_container{ width: 100%; }
	.invoicing_apply_box{ background: rgba(0,0,0,.4); }
	.fill_invoicing_info{ background: rgba(0,0,0,.6); }
}
/*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 .invoicing_amount{ width: 13.4%; }
	.credit_list_table .invoicing_type{ width: 19.8%; }
	.credit_list_table .invoicing_header{ width: 18%; }
	.credit_list_table .invoicing_time{ width: 21.6%; }
	.credit_list_table .invoicing_state{ width: 13.4%; }
	.credit_list_table .invoicing_operation{ width: 13.5%; }
	.credit_con_item .invoicing_item_amount{ width: 13.4%; }
	.credit_con_item .invoicing_item_type{ width: 19.8%; }
	.credit_con_item .invoicing_item_header{ width: 18%; }
	.credit_con_item .invoicing_item_time{ width: 21.6%; }
	.credit_con_item .invoicing_item_state{ width: 13.4%; }
	.credit_con_item .invoicing_item_operation{ width: 13.5%;display: block !important;margin: 2px 0; }
	.credit_con_item .invoicing_item_operation span{ display: block;text-align: center; }
	.credit_con_item .credit_item_bg{ padding: 16px 4px; }
	.credit_pagination_inv{ justify-content: center; }
	.credit_list_table .credit_bg{ padding: 16px 4px;font-size: 10px; }
	.credit_con_item{ font-size: 10px; }
	.credit_pagination_inv{ font-size: 12px; }

	.invoicing_apply_container{ width: 100%; }
	.invoicing_apply_box{ background: rgba(0,0,0,.4); }
	.fill_invoicing_info{ background: rgba(0,0,0,.6); }
	.invoicing_apply_top p{ font-size: 12px; }
	.invoicing_apply_list_table{ font-size: 12px; }
	.apply_order_money{ margin: 0;width: 16.6%; }
	.apply_pay_type{ margin: 0;width: 16.6%; }
	.apply_pay_time{ margin: 0;width: 25%; }
	.invoicing_apply_item{ font-size: 12px; }
	.apply_item_order_money{ margin: 0;width: 16.6%; }
	.apply_item_pay_type{ margin: 0;width: 16.6%; }
	.apply_item_pay_time{ margin: 0;width: 25%; }
	.credit_pagination{ font-size: 12px;justify-content: center; }
	.apply_btn{ font-size: 12px;width: 70px;height: 26px;line-height: 24px; }
	.invoicing_apply_btn_box{ margin-right: 0; }
	.apply_order_No{ width: 41%; }
	.apply_item_order_No{ width: 41%;word-break: break-all; }
	.fill_box{ width: 100%;margin: 0;height: 100%; }
	.fill_item_con input[type="text"]{ width: 220px; }
}