@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; }

.Grzx_content{ width: 940px;background: #fff;box-sizing: border-box; }
.Grzx_content_box{ width: 100%; }
.Grzx_user_message_box{ height: 204px;width: 940px;top: 0;left: 0;display: flex;align-items: center;padding: 48px 24px;color: #fff;background-image: linear-gradient(90deg,#ff7631,#ff9100);box-sizing: border-box; }
.Grzx_user_message{ width: 100%;height: 100%;text-align: center; }
.Grzx_user_message_box2{ padding: 0 10px 0 10px; }
.Grzx_user_message_title{ font-weight: 600;font-size: 18px; }
.Grzx_user_message_num{ font-weight: 600;color: #fff;margin-bottom: 12px;font-size: 16px; }
.Grzx_user_message_num span{ font-size: 36px;margin-right: 20px; }
.Grzx_user_message a{ color:#fff;font-size: 14px; }
.Grzx_user_message a span:nth-child(1){ margin-right: 10px; }
.Grzx_user_message a span:nth-child(2){ margin-left: 10px; }

.poster{ margin-top: 24px;box-sizing: border-box; }
.poster img{ border-radius: 2px; }
.user_task_box{ padding:24px;box-sizing: border-box; }
.user_task_box p{ font-size: 24px;font-family: SourceHanSansSC-regular;color: #101010;margin-bottom: 16px; }
.user_task_box ul{ display: flex;justify-content: space-between;flex-wrap: wrap; }
.user_task_box ul li{ width: 435px;height: 80px;background-color: #fff;margin-bottom: 30px;display: flex;justify-content: space-between;padding: 10px 20px;border: 1px solid #dfdfdf;box-sizing: border-box;border-radius: 2px; }
.user_task_box ul li span{ font-size: 16px;font-family: SourceHanSansSC-regular;color: #999;line-height: 60px; }
.user_task_box ul li a{ line-height: 60px; }
.user_task_box ul li a button{ width: 96px;height: 32px;background-color: #ff9100;border-color: #ff9100;padding: 0 16px;font-size: 14px;border-radius: 32px;text-shadow: 0 -1px 0 rgb(0 0 0 / 12%);box-shadow: 0 2px 0 rgb(0 0 0 / 5%);color: #fff;line-height: 1.499;position: relative;display: inline-block;font-weight: 400;white-space: nowrap;text-align: center;background-image: none;border: 1px solid transparent;box-shadow: 0 2px 0 rgb(0 0 0 / 2%);cursor: pointer;transition: all .3s cubic-bezier(.645,.045,.355,1);-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;touch-action: manipulation; }
.user_equity_box{ padding: 0 24px 24px;box-sizing: border-box; }
.user_equity_title{ font-size: 24px;font-family: SourceHanSansSC-regular;color: #101010;margin-bottom: 16px;box-sizing: border-box;display: flex;align-items: center; }
.user_equity_title button{ width: 90px;height: 32px;background-color: #ff9100;border-color: #ff9100;padding: 0 16px;font-size: 14px;border-radius: 32px;text-shadow: 0 -1px 0 rgb(0 0 0 / 12%);box-shadow: 0 2px 0 rgb(0 0 0 / 5%);color: #fff;line-height: 1.499;position: relative;font-weight: 400;white-space: nowrap;text-align: center;background-image: none;border: 1px solid transparent;box-shadow: 0 2px 0 rgb(0 0 0 / 2%);cursor: pointer;transition: all .3s cubic-bezier(.645,.045,.355,1);-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;touch-action: manipulation;margin-left: 10px;margin-top: 1px; }
.user_equity_box ul{ display: flex;align-items: center;justify-content: flex-start;flex-wrap: wrap; }
.user_equity_box ul li{ display: flex;width: 215px;height: 100px;text-align: center;padding: 26px 0 20px 20px;background-color: #fff;border: 1px solid #dfdfdf;box-sizing: border-box;align-items: center;margin-bottom: 10px;border-radius: 3px;margin-right: 8px; }
.user_equity_box ul li:nth-child(1){ margin-left: 0; }
.user_equity_info{ margin-left: 12px;font-size: 14px; }
.user_equity_info1{ margin-bottom: 5px;color: #333;text-align: left; }
.user_equity_info2{ font-size: 12px;font-family: SourceHanSansSC-regular;color: #999;text-align: left; }

.swiper { width: 100%; }
.swiper-slide { text-align: center;font-size: 18px;background: #fff;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; }
.swiper-slide img { display: block;width: 940px;object-fit: cover;height: 190px; }
.swiper-pagination-bullet{ display: block;width: 16px;height: 3px;padding: 0;color: transparent;font-size: 0;background: #fff !important;border: 0 !important;border-radius: 1px;outline: none;cursor: pointer;opacity: .3 !important;transition: all .5s; }
.swiper-pagination-bullet-active{ width: 24px;background: #fff !important;opacity: 1 !important; }
.swiper-pagination{ display: flex;justify-content: center;align-items: center; }

 /*ipad*/
@media screen and (max-width: 1199px) and (min-width: 750px)
{
	.Grzx_user_message_box{ width: 100%; }
	.Grzx_user_message_box3{ display: none; }
	.Grzx_content{ width: calc(100% - 220px); }
	.swiper-slide img{ width: 100%; }
	.user_task_box ul li{ width: 48%;align-items: center; }
	.user_task_box ul li span{ line-height: initial; }
	.user_equity_box ul li{ width: 32%;margin-right: 1%;margin-left: 0; }
}
/*mobile*/
@media screen and (max-width: 750px)
{
	.right_fixed{ display: none; }
	.Grzx_user_message_box{ width: auto;padding: 20px 12px;height: 139px; }
	.Grzx_user_message_title{ font-size: 16px; }
	.Grzx_user_message_num{ font-size: 14px;margin-bottom: 2px; }
	.Grzx_user_message_num span{ font-size: 30px;margin-right: 14px; }
	.Grzx_user_message_box3{ display: none; }
	.swiper-slide img{ width: 100%;height: 130px; }
	.user_task_box p{ font-size: 22px; }
	.user_task_box{ padding-bottom: 5px; }
	.user_equity_title{ font-size: 22px; }
	.user_equity_title button{ font-size: 12px;height: 26px;width: 80px; }
	.user_equity_box ul{ justify-content: space-between; }
	.user_equity_box ul li{ width: 48%;margin: 0;height: 80px;margin-bottom: 10px; }
}