@charset "utf-8";
.Grzx{ width: 100%; }
.Grzx_avator{ background: #e7edfe;padding: 60px 0 30px;text-align: center; }
.Grzx_avator_box{ width: 100px;height: 100px;margin: 0 auto; }
.Grzx_info_list{ width: 240px;margin: 0 auto;padding-top: 50px;padding-bottom: 80px; }
.Grzx_info_item{ display: flex;justify-content: flex-start;align-items: center;margin-bottom: 20px;position: relative; }
.Grzx_info_label{ width: 80px;margin-right: 50px; }
.account_edit{ position: absolute;right: -70px;cursor: pointer; }
.password_edit{ position: absolute;right: -70px;cursor: pointer; }

.change_pass_box{ width: 100%;height: 100%;position: fixed;left: 0;top: 0;background: rgba(0,0,0,.3);z-index: 99;display: none; }
.change_pass{ width: 380px;background: #fff;margin: 0 auto;position: relative;top: 50%;margin-top: -95px;border-radius: 4px;box-shadow: 0 0 4px rgb(0 0 0 / 60%);box-sizing: border-box;padding: 24px; }
.change_pass_close{ width: 56px;height: 56px;text-align: center;line-height: 56px;position: absolute;right: 0;top: 0;cursor: pointer; }
.change_pass_close i{ font-size: 18px;color: rgba(0,0,0,.65); }
.change_pass_head{ width: 100%;text-align: center;font-size: 18px; }
.change_pass_con{ font-size: 14px;margin-top: 15px; }
.change_pass_item{ margin-bottom: 15px;position: relative; }
.change_pass_item i{ position: absolute;color: rgba(0,0,0,.6);top: 1px;left: 6px; }
.change_pass_item input{ width: 100%;height: 32px;box-sizing: border-box;border: 1px solid #d9d9d9;padding-left: 28px;border-radius: 2px; }
.change_pass_btn_box{ display: flex;margin-top: 25px;justify-content: flex-end; }
.change_pass_btn{ width: 90px;height: 35px;box-sizing: border-box;text-align: center;line-height: 33px;border-radius: 2px;font-size: 14px;margin: 0 10px;cursor: pointer; }
.change_pass_cancel{ border: 1px solid #d9d9d9;color: #d9d9d9; }
.change_pass_primise{ border: 1px solid #ff9100;color: #fff;background: #ff9100; }

.change_mobile_box{ width: 100%;height: 100%;position: fixed;left: 0;top: 0;background: rgba(0,0,0,.3);z-index: 99;display: none; }
.change_mobile{ width: 380px;background: #fff;margin: 0 auto;position: relative;top: 50%;margin-top: -147px;border-radius: 4px;box-shadow: 0 0 4px rgb(0 0 0 / 60%);box-sizing: border-box;padding: 24px; }
.change_mobile_close{ width: 56px;height: 56px;text-align: center;line-height: 56px;position: absolute;right: 0;top: 0;cursor: pointer; }
.change_mobile_close i{ font-size: 18px;color: rgba(0,0,0,.65); }
.change_mobile_head{ width: 100%;text-align: center;font-size: 18px; }
.change_mobile_con{ font-size: 14px;margin-top: 15px; }
.change_mobile_item{ margin-bottom: 15px;position: relative;display: flex;justify-content: space-between; }
.change_mobile_item i{ position: absolute;color: rgba(0,0,0,.6);top: 1px;left: 6px; }
.change_mobile_item input{ width: 100%;height: 32px;box-sizing: border-box;border: 1px solid #d9d9d9;padding-left: 28px;border-radius: 2px; }
.change_mobile_btn_box{ display: flex;margin-top: 25px;justify-content: flex-end; }
.change_mobile_btn{ width: 90px;height: 35px;box-sizing: border-box;text-align: center;line-height: 33px;border-radius: 2px;font-size: 14px;margin: 0 10px;cursor: pointer; }
.change_mobile_cancel{ border: 1px solid #d9d9d9;color: #d9d9d9; }
.change_mobile_primise{ border: 1px solid #ff9100;color: #fff;background: #ff9100; }
.drag_box{ position: relative;display: inline-block;background: #e8e8e8;width: 100%;height: 33px;border: 2px solid #e8e8e8;border-radius: 2px;overflow: hidden; }
.drag_bg{ position: absolute;background-color: #7ac23c;width: 0px;height: 100%; }
.drag_text{ position: absolute;width: 100%;height: 100%;text-align: center;line-height: 33px;user-select: none;-webkit-user-select: none; }
.drag_handle{ position: absolute;width: 40px;height: 100%;cursor: move;background: #fff;text-align: center;border-radius: 2px;line-height: 33px; }
.drag_handle i{ position: initial;font-size: 18px; }
.code_input{ width: 210px !important; }
.code_btn{ width: 100px;height: 32px;line-height: 32px;color: #fff;background: #ff9100;text-align: center;border-radius: 2px;cursor: pointer; }