@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;font-family: SourceHanSansSC-regular; }
.user_info_header{ text-align: center;margin-top: 16px; }
.user_info_pic{ position: relative;width: 120px;margin: 0 auto;border-radius: 50%;overflow: hidden;cursor: pointer; }
.user_info_pic img{ border-radius: 50%; }
.user_info_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; }
.user_info_pic:hover .user_info_cover{ opacity: 1; }
.user_pic_change{ width: 100%;height: 100%;position: relative; }
.user_pic_change input[type="file"]{ width: 100%;height: 100%;position: absolute;left: 0;top: 0;font-size: 0;cursor: pointer;opacity: 0; }
.user_type{ margin-top: 10px;color: #ff9100; }
.user_vip_time{ font-size: 14px;color: #999; }

.user_info_list{ padding: 0 56px 0;box-sizing: border-box;margin-top: 20px; }
.user_info_list_item{ display: flex;margin-bottom: 40px;align-items: center; }
.user_info_list_item .user_item_label{ width: 70px;margin-right: 20px;color: #999;text-align: right; }
.old_nickname{ display: flex;align-items: center; }
.user_info_list_item .user_item_detail{ font-size: 14px;color: #333;margin-right: 20px; }
.user_item_icon{ font-size: 14px;color: rgba(0,0,0,.65);padding-top: 3px;box-sizing: border-box; }
.user_item_icon i{ cursor: pointer;font-size: 17px; }

.user_change_nickName_box{ margin-left: 50px;font-size: 14px;align-items: center;display: flex;display: none; }
.user_change_nickName_box input[type="text"]{ width: 200px;border:none;border-bottom: 1px solid rgb(223,223,223);height: 32px;padding: 4px 11px;color: rgba(0,0,0,.65);font-size: 14px;line-height: 1.5;background-color: #fff;background-image: none;font-variant: tabular-nums;list-style: none;font-feature-settings: "tnum";box-sizing: border-box; }
.nickName_btn_box a{ margin: 0 10px; }
.nickName_btn_box .nick_btn_primise{ color: rgb(255, 145, 0); }
.nickName_btn_box .nick_btn_cannel{ color: #c0bcbc; }

.tel_change_box{ width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0,0,0,0);z-index: 100; }
.tel_change{ width: 400px;margin:150px auto 0;background: #fff;border-radius: 2px;box-shadow: 0 0 2px rgb(0 0 0 / 20%); }
.tel_change_header{ text-align: center;height: 54px;line-height: 54px;color: rgba(0,0,0,.65);font-weight: 500;position: relative; }
.tel_change_close{ width: 56px;height: 56px;position: absolute;right: 0;top: 0;color: rgba(0,0,0,.65);cursor: pointer; }
.tel_change_close i{ font-size: 18px; }
.tel_change_item{ width: 352px;height: 32px;margin: 0 auto;position: relative;margin-bottom: 24px; }
.tel_change_item .message_tips{ color: red;font-size: 12px;position: absolute;top: 32px;left: 11px;display: none; }
.tel_change_icon{ width: 14px;height: 14px;font-size: 14px;position: absolute;left: 8px;top: 3px;color: rgba(0,0,0,.65); }
.tel_change_item input{ width: 100%;height: 100%;box-sizing: border-box;padding-left: 28px;border: 1px solid #d9d9d9;border-radius: 2px;padding-top: 3px; }
.pic_code{ position: absolute;right: 4px;top: 2px; }
.get_code_btn{ position: absolute;right: 9px;top: 6px;font-size: 12px;color: #ff9100; }
.tel_change_btn{ display: flex;justify-content: flex-end;padding-right: 20px;padding-top: 10px;padding-bottom: 20px; }
.tel_btn{ width: 96px;height: 32px;text-align: center;line-height: 32px;font-size: 14px;border-radius: 2px;cursor: pointer;box-sizing: border-box; }
.tel_cannel{ margin-right: 15px;color: #aeaeae;border: 1px solid #dfdfdf; }
.tel_primise{ background: #ff9100;color: #fff; }
.email_change_con{ padding-top: 24px;padding-bottom: 15px; }
.email_change_item{ margin-bottom: 32px; }

.emailCountDown{ font-size: 12px;position: absolute;right: 6px;top: 6px;display: none; }
.emailCountDown b{ font-weight: normal;color: #ff9100; }
.telCountDown{ font-size: 12px;position: absolute;right: 6px;top: 6px;display: none; }
.telCountDown b{ font-weight: normal;color: #ff9100; }

 /*ipad*/
@media screen and (max-width: 1199px) and (min-width: 750px)
{	
	.user_change_nickName_box input[type="text"]{ width: 100px; }
}
/*mobile*/
@media screen and (max-width: 750px)
{	
	.right_fixed{ display: none; }
	.user_info_pic{ width: 80px; }
	.user_info_cover{ line-height: 80px; }
	.user_info_list_item{ margin-bottom: 30px; }
	.user_info_pic img{ width: 80px;height: 80px; }
	.user_info_list_item_name{ display: block; }
	.user_change_nickName_box{ margin: 10px 0px 0px;justify-content: center; }
	.user_change_nickName_box input[type="text"]{ width: 130px; }
	.nickName_btn_box a{ margin: 0 6px; }
	.tel_change_box{ background: rgba(0,0,0,.6); }
	.tel_change{ width: 100%; }
}