* {
	box-sizing:border-box}
body {
	background-color:#f7f8fa}
.header {
	-webkit-box-shadow:0 1px 4px 0 rgba(0,0,0,.1);
	box-shadow:0 1px 4px 0 rgba(0,0,0,.1)}
.header .header-container {
	width:1200px}
.header .header-container .search-container .search-content {
	width:420px;
	margin:0 auto}
.root-container {
	width:100%;
	height:auto;
	margin-top:90px;
	margin-bottom:40px}
.main-container {
	width:1200px;
	height:auto;
	margin:0 auto;
	display:flex}
.main-container .left {
	width:286px;
	height:auto}
.main-container .left .user-info-card {
	width:100%;
	height:auto;
	background-color:#fff;
	padding:20px;
	margin-bottom:20px;
	position:sticky;
	top:90px}
.main-container .left .user-info-card .avatar-container {
	width:100%;
	height:120px;
	padding:0 63px;
	margin-bottom:10px}
.main-container .left .user-info-card .avatar-container .avatar {
	width:120px;
	height:120px;
	background-color:#f7f8fa;
	border-radius:60px;
	overflow:hidden;
	position:relative;
	box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}
.main-container .left .user-info-card .avatar-container .avatar img {
	width:120px;
	height:120px;
	object-fit:cover}
.main-container .left .user-info-card .user-name-container {
	width:100%;
	height:40px;
	line-height:40px;
	text-align:center;
	color:#2b2929;
	font-size:22px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis}
.main-container .left .user-info-card .user-desc-container {
	width:100%;
	height:auto;
	min-height:25px;
	line-height:25px;
	text-align:center;
	color:#999;
	font-size:16px;
	margin-bottom:10px;
	word-break:break-all}
.main-container .left .user-info-card .user-data-container {
	width:100%;
	height:75px;
	display:flex;
	justify-content:space-between}
.main-container .left .user-info-card .user-data-container .data-item {
	width:calc(100% / 4);
	height:75px;
	padding:10px 0}
.main-container .left .user-info-card .user-data-container .data-item i {
	display:block;
	width:100%;
	height:30px;
	line-height:30px;
	color:#1f3d57;
	font-size:16px;
	text-align:center;
	font-weight:700}
.main-container .left .user-info-card .user-data-container .data-item i a {
	color:#1f3d57;
	font-size:16px;
	text-align:center;
	font-weight:700;
	cursor:pointer}
.main-container .left .user-info-card .user-data-container .data-item span {
	display:block;
	width:100%;
	height:20px;
	line-height:20px;
	font-size:14px;
	text-align:center;
	color:#2b2929}
.main-container .left .user-info-card .btn {
	display:block;
	width:96px;
	height:36px;
	line-height:36px;
	text-align:center;
	margin:0 auto;
	background-color:#1f3d57;
	color:#fff;
	border-radius:2px;
	cursor:pointer}

.main-container .left .user-info-card .act{    color: #999;
    background-color: #f7f8fa;}



.main-container .left .user-info-card .btn span {
	display:block;
	width:96px;
	height:36px;
	line-height:36px;
	text-align:center;
	margin:0 auto;
	background-color:#1f3d57;
	color:#fff;
	border-radius:2px;
	cursor:pointer}
.main-container .left .user-info-card .btn span:hover {
	background-color:rgba(232,0,0,.76)}
.main-container .left .user-info-card .btn span a {
	display:block;
	width:100%;
	height:100%;
	font-size:16px;
	color:#fff}
.main-container .left .user-info-card .btn span.act {
	background-color:#c6cad3}
.main-container .left .user-center-nav {
	width:100%;
	height:auto;
	background-color:#fff;
	display:none;
	position:sticky;
	top:466px}
.main-container .left .user-center-nav .nav-item {
	width:100%;
	height:55px;
	line-height:55px;
	text-align:center;
	color:#2b2929;
	font-size:18px;
	cursor:pointer}
.main-container .left .user-center-nav .nav-item a {
	display:inline-block;
	width:100%;
	height:100%;
	color:#2b2929;
	font-size:18px}
.main-container .left .user-center-nav .nav-item.act a {
	color:#fff}
.main-container .left .user-center-nav .nav-item:hover {
	background-color:rgba(232,0,0,.08)}
.main-container .left .user-center-nav .nav-item.act {
	background-color:#1f3d57;
	color:#fff}
.main-container .right {
	width:884px;
	height:auto;
	min-height:100%;
	margin-top:90px;
	margin-left:auto;
	padding:20px 30px 36px;
	background-color:#fff;
	position:relative}
.main-container .right .list-header {
	width:824px;
	height:42px;
	display:flex;
	border-bottom:2px solid #efefef}
.main-container .right .list-header #list_tab {
	flex:1;
	height:42px;
	display:flex}
.main-container .right .list-header #list_tab span {
	height:42px;
	padding:10px 0;
	line-height:22px;
	margin-right:40px;
	position:relative;
	font-size:16px;
	color:#2b2929;
	cursor:pointer}
.main-container .right .list-header #list_tab span.act::after {
	content:'';
	width:100%;
	height:3px;
	position:absolute;
	left:0;
	bottom:0;
	background-color:#1f3d57}
.list-header .search_content {
	width:300px;
	height:36px;
	border:1px solid #1f3d57;
	border-radius:2px;
	display:flex;
	box-sizing:border-box}
.list-header .search_content #search_usercenter_context {
	width:calc(100% - 82px);
	height:26px;
	line-height:26px;
	font-size:16px;
	text-align:left;
	margin:4px 8px;
	border:none}
.list-header .search_content #search_usercenter_btn {
	width:66px;
	height:34px;
	background-color:#1f3d57;
	color:#fff;
	font-size:16px;
	text-align:center;
	line-height:34px;
	cursor:pointer}
.main-container .right .works-list {
	width:100%;

	min-height: 200px;
	height:auto}
.main-container .right .works-list .no-data {
	width:100%;
	height:120px;
	line-height:120px;
	text-align:center;
	font-size:16px;
	color:#999;
	font-family:PingFangSC-Regular;
	font-weight:400}
.main-container .right .works-list .list-item {
	width:100%;
	height:auto;
	background-color:#fff;
	padding:20px 0;
	border-bottom:1px solid #efefef}
.main-container .right .works-list .list-item .news-content {
	width:100%;
	height:auto}
.main-container .right .works-list .list-item .news-content .upside-container {
	width:100%;
	height:50px;
	display:flex}
.main-container .right .works-list .list-item .news-content .upside-container .user-avatar {
	width:50px;
	height:50px;
	border-radius:25px;
	margin-right:10px;
	overflow:hidden;
	box-shadow:0 2px 8px 0 rgba(0,0,0,.1)}
.main-container .right .works-list .list-item .news-content .upside-container .user-avatar img {
	width:50px;
	height:50px;
	object-fit:cover}
.main-container .right .works-list .list-item .news-content .upside-container .user-nickname {
	flex:1;
	height:50px;
	line-height:50px;
	text-align:left}
.main-container .right .works-list .list-item .news-content .upside-container .user-nickname a {
	color:#2b2929;
	font-size:16px;
	font-family:PingFangSC-SC;
	font-weight:400}
.main-container .right .works-list .list-item .news-content .upside-container .follow-btn {
	width:58px;
	height:28px;
	line-height:28px;
	text-align:center;
	font-size:14px;
	background:#1f3d57;
	border-radius:3px;
	color:#fff;
	cursor:pointer;
	margin-top:11px}
.main-container .right .works-list .list-item .news-content .upside-container .follow-btn.act {
	background:0 0;
	color:#999}
.main-container .right .works-list .list-item .news-content .upside-container .delete-btn {
	width:78px;
	height:28px;
	line-height:28px;
	text-align:center;
	font-size:14px;
	border:1px solid #999;
	color:#999;
	border-radius:3px;
	cursor:pointer;
	margin-top:11px;
	margin-left:15px}
.main-container .right .works-list .list-item .news-content .content-container {
	width:100%;
	height:auto;
	text-align: center;
	padding-left:60px}
.main-container .right .works-list .list-item .news-content .content-container .title {
	width:100%;
	height:auto;
	text-align: left;
	line-height:25px;
	margin-bottom:10px}
.main-container .right .works-list .list-item .news-content .content-container .title a {
	color:#2b2929;
	font-size:18px;
	font-weight:600}
.main-container .right .works-list .list-item .news-content .content-container .context {
	width:100%;
	text-align: left;
	height:auto;
	margin-bottom:15px}
.main-container .right .works-list .list-item .news-content .content-container .context p {
	line-height:24px}
.main-container .right .works-list .list-item .news-content .content-container .context p a {
	font-size:16px;
	font-family:PingFangSC-Regular;
	font-weight:400;
	color:#2b2929;
	word-break:break-all}
.main-container .right .works-list .list-item .news-content .content-container .context p a i {
	font-size:16px;
	font-family:PingFangSC-Regular;
	font-weight:400;
	color:#4376fd}
.main-container .right .works-list .list-item .news-content .content-container .cover-list {
	width:100%;
	height:auto;
	display:flex;
	justify-content:flex-start;
	margin-bottom:15px}
.main-container .right .works-list .list-item .news-content .content-container .cover-list .img-item {
	width:calc((100% - 20px)/ 3);
	height:133px;
	border-radius:3px;
	overflow:hidden;
	margin-right:10px;
	cursor:pointer}
.main-container .right .works-list .list-item .news-content .content-container .cover-list .img-item:last-child {
	margin-right:0}
.main-container .right .works-list .list-item .news-content .content-container .cover-list .img-item.act {
	border:3px solid #4376fd}
.main-container .right .works-list .list-item .news-content .content-container .cover-list .img-item img {
	width:100%;
	height:100%;
	object-fit:cover}
.main-container .right .works-list .list-item .list-item-player {
	width:480px;
	height:270px;
	margin-bottom:15px}
.community-news-list .nomore {
	width:100%;
	height:80px;
	line-height:80px;
	text-align:center;
	font-size:.14rem;
	color:#999;
	font-family:PingFangSC-Regular;
	font-weight:400}
.main-container .right .works-list .list-item .news-content .content-container .list-item-player {
	width:480px;
	height:270px;
	margin-bottom:15px}
.main-container .right .works-list .list-item .news-content .content-container .list-item-player .video-cover[data-type="3"] {
	width:480px;
	height:270px}
.main-container .right .works-list .list-item .news-content .content-container .list-item-player .video-cover[data-type="4"] {
	width:152px;
	height:270px}
.main-container .right .works-list .list-item .news-content .content-container .list-item-player .video-cover {
	position:relative;
	cursor:pointer}
.main-container .right .works-list .list-item .news-content .content-container .list-item-player .video-cover img {
	width:100%;
	height:100%;
	object-fit:cover}
.main-container .right .works-list .list-item .news-content .content-container .list-item-player .video-cover .player-btn {
	width:50px;
	height:50px;
	background-color:rgba(0,0,0,.46);
	line-height:50px;
	border-radius:25px;
	overflow:hidden;
	text-align:center;
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%)}
.main-container .right .works-list .list-item .news-content .content-container .list-item-player .video-cover .player-btn i {
	color:#fff;
	font-size:16px}
.main-container .right .works-list .list-item .news-content .content-container .cover-view-container {
	width:100%;
	height:430px;
	margin-bottom:10px;
	overflow:hidden;
	background-color:#000;
	position:relative}
.main-container .right .works-list .list-item .news-content .content-container .cover-view-container .swiper-slide img {
	width:100%;
	height:100%;
	object-fit:contain}
.view-button-next,.view-button-prev {
	width:50px;
	height:50px;
	line-height:50px;
	text-align:center;
	background-color:rgba(0,0,0,.46);
	cursor:pointer;
	border-radius:25px;
	outline:0}
.view-button-next i,.view-button-prev i {
	font-size:25px;
	color:#fff}
.view-button-next {
	position:absolute;
	right:10px;
	top:50%;
	transform:translateY(-50%);
	z-index:99}
.view-button-prev {
	position:absolute;
	left:10px;
	top:50%;
	transform:translateY(-50%);
	z-index:99}
.main-container .right .works-list .list-item .news-content .bottom-container {
	width:100%;
	height:20px;
	display:flex;
	padding-left:60px}
.main-container .right .works-list .list-item .news-content .bottom-container .publish-time {
	flex:1;
	height:20px;
	line-height:20px;
	text-align:left;
	font-size:14px;
	color:#999;
	font-family:PingFangSC-Regular;
	font-weight:400}
.main-container .right .works-list .list-item .news-content .bottom-container .comment-btn,.main-container .right .works-list .list-item .news-content .bottom-container .like-btn,.main-container .right .works-list .list-item .news-content .bottom-container .report-btn,.main-container .right .works-list .list-item .news-content .bottom-container .share-btn {
	height:20px;
	line-height:20px;
	font-size:14px;
	color:#2b2929;
	font-family:PingFangSC-Regular;
	font-weight:400;
	margin-right:30px;
	cursor:pointer}
.main-container .right .works-list .list-item .news-content .bottom-container .comment-btn a {
	color:#2b2929}
.main-container .right .works-list .list-item .news-content .bottom-container .report-btn {
	margin-right:0;
	color:#999}
.main-container .right .works-list .list-item .news-content .bottom-container .comment-btn i,.main-container .right .works-list .list-item .news-content .bottom-container .like-btn i,.main-container .right .works-list .list-item .news-content .bottom-container .report-btn i,.main-container .right .works-list .list-item .news-content .bottom-container .share-btn i {
	margin-right:3px}
.main-container .right .works-list .list-item .news-content .bottom-container .share-btn {
	position:relative;
	margin-right:0}
.main-container .right .works-list .list-item .news-content .bottom-container .like-btn.act i {
	color:#1f3d57}
.share-btn .share_position_container {
	width:188px;
	height:56px;
	padding-bottom:10px;
	position:absolute;
	right:0;
	top:-56px}
.share-btn .share_position_container .share-container {
	width:100%;
	height:46px;
	display:flex;
	padding:10px;
	background:#fff;
	border:1px solid #efefef}
.share-btn .share_position_container .share-container .share-title {
	width:50px;
	height:26px;
	line-height:26px;
	text-align:left;
	color:#999;
	font-size:14px}
.share-btn .share_position_container .share-container .share-i-btn {
	width:26px;
	height:26px;
	line-height:26px;
	cursor:pointer;
	margin-right:20px;
	display:block}
.share-btn .share_position_container .share-container .share-i-btn:last-child {
	margin-right:0}
.share-btn .share_position_container .share-container .share-i-btn.wx i {
	font-size:26px;
	color:rgba(70,187,54,.6)}
.share-btn .share_position_container .share-container .share-i-btn.qq i {
	font-size:26px;
	color:rgba(35,160,240,.6)}
.share-btn .share_position_container .share-container .share-i-btn.wb i {
	font-size:26px;
	color:rgba(251,85,85,.6)}
.share-btn .share_position_container .share-container .share-i-btn.wx:hover i {
	color:#46bb36}
.share-btn .share_position_container .share-container .share-i-btn.qq:hover i {
	color:#23a0f0}
.share-btn .share_position_container .share-container .share-i-btn.wb:hover i {
	color:#fb5555}
.dialog-container-bg {
	width:100%;
	height:100%;
	min-width:400px;
	position:fixed;
	left:0;
	top:0;
	z-index:1003;
	background-color:rgba(0,0,0,.3);
	text-align:center}
.dialog-container-bg::after {
	content:"";
	display:inline-block;
	height:100%;
	vertical-align:middle}
.dialog-container-bg .qrcode-container {
	width:330px;
	height:auto;
	background-color:#fff;
	border-radius:8px;
	padding:15px;
	box-sizing:border-box;
	display:inline-block;
	vertical-align:middle}
.dialog-container-bg .qrcode-container .qrcode-header {
	width:300px;
	height:30px;
	display:flex}
.dialog-container-bg .qrcode-container .qrcode-header .tips {
	width:270px;
	height:30px;
	line-height:30px;
	text-align:left;
	font-size:16px;
	color:#2b2929;
	padding-left:10px;
	box-sizing:border-box}
.dialog-container-bg .qrcode-container .qrcode-header .close-btn {
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;
	cursor:pointer}
.dialog-container-bg .qrcode-container .qrcode-header .close-btn i {
	color:#2b2929;
	font-size:16px}
.dialog-container-bg .qrcode-container #wx_share_qrcode {
	width:300px;
	height:300px;
	padding:10px;
	box-sizing:border-box}
.main-container .right .message-list .no-data {
	width:100%;
	height:auto;
	line-height:24px;
	font-size:16px;
	text-align:center;
	color:#999;
	padding:40px 0}
.main-container .right .message-list {
	width:100%;
	height:auto}
.main-container .right .message-list .message-item {
	width:100%;
	height:auto;
	padding:15px 0;
	border-bottom:1px solid #efefef;
	display:flex}
.main-container .right .message-list .message-item .message {
	width:auto;
	height:auto;
	margin-right:20px;
	flex:1}
.main-container .right .message-list .message-item .message .msg-header {
	width:100%;
	height:40px;
	margin-bottom:10px;
	display:flex}
.main-container .right .message-list .message-item .message .msg-header .avatar {
	width:40px;
	height:40px;
	margin-right:10px;
	border-radius:20px;
	background:#efefef;
	overflow:hidden}
.main-container .right .message-list .message-item .message .msg-header .avatar img {
	width:100%;
	height:auto}
.main-container .right .message-list .message-item .message .msg-header .msg-info {
	width:calc(100% - 50px);
	height:40px}
.main-container .right .message-list .message-item .message .msg-header .msg-info .msg-username {
	width:100%;
	height:24px;
	line-height:24px;
	text-align:left;
	font-size:14px}
.main-container .right .message-list .message-item .message .msg-header .msg-info .msg-username span {
	margin-right:10px;
	color:#2b2929}
.main-container .right .message-list .message-item .message .msg-header .msg-info .msg-username span a {
	color:#2b2929}
.main-container .right .message-list .message-item .message .msg-header .msg-info .msg-date {
	width:100%;
	height:12px;
	line-height:12px;
	text-align:left;
	font-size:12px;
	color:#999}
.main-container .right .message-list .message-item .message .context {
	width:100%;
	height:auto;
	line-height:21px;
	color:#2b2929;
	font-size:14px;
	text-align:justify;
	margin-bottom:10px;
	padding-left:50px;
	word-break:break-all}
.main-container .right .message-list .message-item .message-quote {
	width:300px;
	height:auto}
.main-container .right .message-list .message-item .message-quote .card {
	width:300px;
	background:#f3f4f6;
	border-radius:5px;
	padding:10px;
	display:flex}
.main-container .right .message-list .message-item .message-quote .card.msg-news .cover {
	width:56px;
	height:56px;
	border-radius:5px;
	overflow:hidden;
	margin-right:10px}
.main-container .right .message-list .message-item .message-quote .card.msg-news .cover img {
	width:56px;
	height:56px;
	object-fit:cover}
.main-container .right .message-list .message-item .message-quote .card.msg-news .title {
	flex:1;
	height:56px;
	font-size:12px;
	font-weight:700;
	line-height:21px;
	text-align:justify}
.main-container .right .message-list .message-item .message-quote .card.msg-news .title a {
	color:#2b2929}
.main-container .right .fans-list {
	width:100%;
	height:auto}
.main-container .right .fans-list .list-item {
	width:100%;
	height:auto;
	padding:20px 0;
	display:flex;
	border-bottom:1px solid #efefef}
.main-container .right .fans-list .list-item .avatar-container {
	width:60px;
	height:60px;
	margin-right:20px;
	border-radius:30px;
	position:relative;
	overflow:hidden;
	background-color:#f7f8fa}
.main-container .right .fans-list .list-item .avatar-container img {
	width:60px;
	height:60px;
	object-fit:cover}
.main-container .right .fans-list .list-item .right-part {
	flex:1;
	height:60px;
	padding:5px 0}
.main-container .right .fans-list .list-item .right-part .upside-container {
	width:100%;
	height:26px;
	margin-bottom:4px;
	display:flex}
.main-container .right .fans-list .list-item .right-part .upside-container .fans-name {
	height:26px;
	line-height:26px;
	font-size:18px;
	color:#2b2929;
	margin-right:20px}
.main-container .right .fans-list .list-item .right-part .upside-container .fans-name a {
	font-size:18px;
	color:#2b2929}
.main-container .right .fans-list .list-item .right-part .upside-container .fans-follow-btn {
	padding:0 10px;
	margin-top:1px;
	height:24px;
	line-height:24px;
	border-radius:3px;
	background-color:#1f3d57;
	font-size:14px;
	color:#fff;
	cursor:pointer;
	font-family:PingFangSC-Regular;
	font-weight:400}
.main-container .right .fans-list .list-item .right-part .upside-container .fans-follow-btn.act {
	background-color:#c6cad3}
.main-container .right .fans-list .list-item .right-part .desc-container {
	width:100%;
	height:20px;
	line-height:20px;
	text-align:left;
	font-size:14px;
	color:#999;
	font-family:PingFangSC-Regular;
	font-weight:400}
.main-container .right .fans-list .no-data {
	width:100%;
	height:auto;
	line-height:24px;
	font-size:16px;
	text-align:center;
	color:#999;
	padding:40px 0}
.pagination-container {
	width:100%;
	height:76px;
	padding:20px 0;
	display:flex;
	justify-content:center}
.pagination-container span {
	display:inline-block;
	min-width:36px;
	height:36px;
	line-height:34px;
	border:1px solid #efefef;
	color:#999;
	text-align:center;
	font-size:16px;
	cursor:pointer}
.pagination-container span:hover {
	background-color:#efefef}
.pagination-container span.act {
	border:1px solid #1f3d57;
	background-color:#1f3d57;
	color:#fff}
.pagination-container span.next,.pagination-container span.prev {
	color:#999;
	font-size:12px}
.pagination-container span.prev {
	margin-right:5px}
.pagination-container span.next {
	margin-left:5px}
.pagination-container .pageindex-wrap span {
	padding:0 5px}
.pagination-container .skip-to {
	width:100px;
	height:36px;
	color:#999;
	font-size:14px;
	margin-left:10px}
.pagination-container .skip-to input#skip_to_page {
	width:48px;
	height:36px;
	border:1px solid #efefef;
	line-height:34px;
	text-align:center;
	color:#999;
	font-size:14px;
	margin:0 5px}
.main-container .right .userinfo-header {
	width:100%;
	height:42px;
	border-bottom:2px solid #efefef}
.main-container .right .userinfo-header .user-tab {
	width:100%;
	height:42px;
	display:flex}
.main-container .right .userinfo-header .user-tab span {
	height:42px;
	padding:10px 0;
	line-height:22px;
	margin-right:40px;
	position:relative;
	font-size:16px;
	color:#2b2929;
	cursor:pointer}
.main-container .right .userinfo-header .user-tab span.act::after {
	content:'';
	width:100%;
	height:3px;
	position:absolute;
	left:0;
	bottom:0;
	background-color:#1f3d57}
.main-container .right .userinfo-type-0 {
	width:100%;
	height:calc(100% - 42px);
	padding-top:30px}
.main-container .right .userinfo-type-0 .userinfo-edit {
	width:100%;
	height:36px;
	display:flex;
	justify-content:flex-end}
.main-container .right .userinfo-type-0 .userinfo-edit span {
	display:block;
	width:80px;
	height:36px;
	line-height:36px;
	text-align:center;
	font-size:16px;
	color:#fff;
	background-color:#1f3d57;
	border-radius:2px;
	cursor:pointer}
.main-container .right .userinfo-edit-container {
	width:100%;
	height:calc(100% - 56px)}
.main-container .right .userinfo-edit-container .userinfo-show-item {
	width:100%;
	height:auto;
	display:flex;
	margin-bottom:20px}
.main-container .right .userinfo-edit-container .userinfo-show-item .lable {
	width:65px;
	height:42px;
	padding:10px 0;
	line-height:22px;
	text-align:right;
	color:#999;
	font-size:16px;
	margin-right:30px}
.main-container .right .userinfo-edit-container .userinfo-show-item .userinfo-avatar {
	width:80px;
	height:80px}
.main-container .right .userinfo-edit-container .userinfo-show-item .userinfo-avatar span {
	display:block;
	width:80px;
	height:80px;
	border-radius:40px;
	overflow:hidden;
	background-color:#f7f8fa}
.main-container .right .userinfo-edit-container .userinfo-show-item .userinfo-avatar span img {
	width:80px;
	height:80px;
	object-fit:cover}
.main-container .right .userinfo-edit-container .userinfo-show-item .userinfo-text {
	flex:1;
	height:42px;
	padding:10px 0;
	line-height:22px;
	text-align:left;
	color:#2b2929;
	font-size:16px}
.main-container .right .edit-userinfo-form {
	width:100%;
	height:100%;
	padding:20px 30px;
	background-color:#fff;
	position:absolute;
	left:0;
	top:0;
	z-index:99}
.main-container .right .edit-userinfo-form .form-container {
	width:100%;
	height:100%;
	position:relative}
.main-container .right .edit-userinfo-form .form-container .form-item-avatar {
	width:100%;
	height:160px;
	padding-top:20px}
.main-container .right .edit-userinfo-form .form-container .form-item-avatar .form-avatar {
	width:100px;
	height:100px;
	border-radius:50px;
	overflow:hidden;
	margin:0 auto 10px;
	background-color:#f7f8fa}
.main-container .right .edit-userinfo-form .form-container .form-item-avatar .form-avatar img {
	width:100px;
	height:100px;
	object-fit:cover}
.main-container .right .edit-userinfo-form .form-container .form-item-avatar .form-avatar-btn {
	width:100%;
	height:22px;
	text-align:center}
.main-container .right .edit-userinfo-form .form-container .form-item-avatar .form-avatar-btn span {
	line-height:22px;
	font-size:16px;
	color:#4376fd;
	cursor:pointer}
.main-container .right .edit-userinfo-form .form-container .form-title {
	width:100%;
	height:25px;
	line-height:25px;
	color:#2b2929;
	font-size:18px;
	text-align:left;
	margin-bottom:30px}
.main-container .right .edit-userinfo-form .form-container .form-edit-container {
	width:100%;
	height:auto}
.main-container .right .edit-userinfo-form .form-container .form-edit-container .form-item {
	width:100%;
	height:40px;
	margin-bottom:20px;
	display:flex}
.main-container .right .edit-userinfo-form .form-container .form-edit-container .form-item .label {
	width:65px;
	height:40px;
	line-height:40px;
	text-align:right;
	color:#999;
	font-size:16px;
	margin-right:30px}
.main-container .right .edit-userinfo-form .form-container .form-edit-container .form-item .form-input {
	width:300px;
	height:40px;
	padding:6px 50px 6px 15px;
	background-color:#f7f8fa;
	border-radius:2px;
	position:relative}
.main-container .right .edit-userinfo-form .form-container .form-edit-container .form-item .form-input input[type=text] {
	width:240px;
	height:28px;
	line-height:28px;
	outline:0;
	font-size:16px;
	color:#2b2929;
	border:none;
	background-color:#f7f8fa}
.main-container .right .edit-userinfo-form .form-container .form-edit-container .form-item .form-input .nickname-count {
	width:35px;
	height:40px;
	line-height:28px;
	padding:6px 0;
	text-align:right;
	position:absolute;
	right:15px;
	top:0;
	font-size:14px;
	color:#999}
.main-container .right .edit-userinfo-form .form-container .form-edit-container .form-item .form-input .nickname-count i.limit {
	color:#1f3d57}
.main-container .right .edit-userinfo-form .form-container .form-edit-container .form-item .form-text {
	width:220px;
	height:40px;
	padding:6px 30px 6px 15px;
	background-color:#f7f8fa;
	border-radius:2px;
	position:relative;
	cursor:pointer}
.main-container .right .edit-userinfo-form .form-container .form-edit-container .form-item .form-text span {
	display:block;
	width:175px;
	height:28px;
	line-height:28px;
	text-align:left;
	font-size:16px;
	color:#2b2929}
.main-container .right .edit-userinfo-form .form-container .form-edit-container .form-item .form-radio {
	height:40px;
	padding:12px 0;
	font-size:16px;
	color:#2b2929}
.main-container .right .edit-userinfo-form .form-container .form-edit-container .form-item .form-radio label {
	margin-right:20px}
.main-container .right .edit-userinfo-form .form-container .form-edit-container .form-item .form-textarea {
	width:440px;
	height:110px;
	padding:10px 15px 30px;
	background-color:#f7f8fa;
	border-radius:2px;
	position:relative}
.main-container .right .edit-userinfo-form .form-container .form-edit-container .form-item .form-textarea textarea {
	width:410px;
	height:70px;
	line-height:24px;
	outline:0;
	font-size:16px;
	color:#2b2929;
	border:none;
	background-color:#f7f8fa;
	resize:none}
.main-container .right .edit-userinfo-form .form-container .form-edit-container .form-item .form-textarea .summary-count {
	width:50px;
	height:24px;
	line-height:24px;
	font-size:14px;
	text-align:right;
	color:#999;
	position:absolute;
	right:15px;
	bottom:10px}
.main-container .right .edit-userinfo-form .form-container .form-edit-container .form-item .form-textarea .summary-count i.limit {
	color:#1f3d57}
.main-container .right .edit-userinfo-form .form-container .form-footer {
	width:100%;
	height:36px;
	position:absolute;
	bottom:0;
	left:0;
	display:flex;
	justify-content:flex-end}
.main-container .right .edit-userinfo-form .form-container .form-footer .form-cancel {
	width:80px;
	height:36px;
	line-height:36px;
	text-align:center;
	font-size:16px;
	border-radius:2px;
	color:#2b2929;
	background-color:#ededed;
	cursor:pointer;
	margin-right:40px}
.main-container .right .edit-userinfo-form .form-container .form-footer .form-confirm {
	width:80px;
	height:36px;
	line-height:36px;
	text-align:center;
	font-size:16px;
	border-radius:2px;
	color:#fff;
	background-color:#1f3d57;
	cursor:pointer}
.main-container .right .userinfo-type-1 {
	width:100%;
	height:calc(100% - 42px);
	padding-top:30px;
	display:none}
.main-container .right .userinfo-type-1 .pass-set-tips {
	width:100%;
	height:17px;
	line-height:17px;
	text-align:left;
	font-size:12px;
	color:#999;
	margin-bottom:15px}
.main-container .right .userinfo-type-1 .pass-set-form {
	width:100%;
	height:auto;
	margin-bottom:15px}
.main-container .right .userinfo-type-1 .pass-set-form .pass-set-item {
	width:340px;
	height:42px;
	margin-bottom:25px;
	background-color:#f7f8fa;
	border-radius:5px;
	padding:10px 20px}
#phone input {
	display:block;
	border:none;
	outline:0;
	width:100%;
	height:22px;
	background:0 0;
	font-size:16px}
#confirm_newpass,#newpass {
	display:flex}
#confirm_newpass input,#newpass input {
	display:block;
	border:none;
	outline:0;
	width:calc(100% - 27px);
	height:22px;
	background:0 0;
	font-size:16px;
	margin-right:5px}
span.show-pass {
	width:22px;
	height:22px;
	line-height:22px;
	cursor:pointer;
	position:relative}
span.show-pass i {
	font-size:20px;
	color:#999;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%)}
#code {
	display:flex}
#code input {
	flex:1;
	display:block;
	border:none;
	outline:0;
	height:22px;
	margin-right:10px;
	background:0 0;
	font-size:16px}
#code #send_code_btn {
	width:70px;
	height:22px;
	line-height:22px;
	color:#4376fd;
	cursor:pointer;
	font-size:14px;
	text-align:right}
.main-container .right .userinfo-type-1 .pass-set-submit {
	width:100%;
	height:42px}
.main-container .right .userinfo-type-1 .pass-set-submit span {
	display:block;
	width:340px;
	height:42px;
	line-height:42px;
	text-align:center;
	font-size:16px;
	color:#fff;
	background-color:#1f3d57;
	cursor:pointer;
	border-radius:5px}
.bg-layer {
	width:100%;
	height:100%;
	position:fixed;
	left:0;
	top:0;
	z-index:999;
	background-color:rgba(0,0,0,.5)}
.bg-layer .date-picker-container {
	width:384px;
	height:auto;
	position:fixed;
	left:50%;
	top:50%;
	z-index:999;
	background-color:#fff;
	border-radius:10px;
	transform:translate(-50%,-50%)}
.date-picker-container .picker-header {
	width:384px;
	height:52px;
	padding:6px 15px 6px;
	display:flex}
.date-picker-container .picker-header .ctrl-btn {
	display:block;
	width:40px;
	height:40px;
	text-align:center;
	line-height:40px;
	cursor:pointer}
.date-picker-container .picker-header .ctrl-btn:hover {
	background-color:#f7f8fa}
.date-picker-container .picker-header .ctrl-btn i {
	font-size:16px;
	color:#2b2929}
.date-picker-container .picker-header .curr-year {
	display:block;
	width:105px;
	height:40px;
	line-height:40px;
	text-align:center;
	color:#2b2929;
	font-size:16px}
.date-picker-container .picker-header .curr-month {
	display:block;
	width:90px;
	height:40px;
	line-height:40px;
	text-align:center;
	color:#2b2929;
	font-size:16px}
.date-picker-container .picker-body {
	width:384px;
	height:269px;
	padding:4px 16px 15px}
.date-picker-container .picker-body .date-list-container {
	width:350px;
	height:100%;
	display:flex;
	flex-wrap:wrap}
.date-picker-container .picker-body .date-list-container span {
	display:block;
	width:50px;
	height:50px;
	line-height:50px;
	text-align:center;
	cursor:pointer;
	font-size:16px;
	color:#2b2929}
.date-picker-container .picker-body .date-list-container span.act {
	color:#1f3d57;
	font-weight:700}
.date-picker-container .picker-body .date-list-container span:hover {
	background-color:#f7f8fa}
.date-picker-container .picker-body .date-list-container span[data-status="0"] {
	background-color:#f7f8fa;
	color:#999}
.date-picker-container .picker-bottom {
	width:100%;
	height:36px;
	display:flex;
	justify-content:center;
	margin-bottom:15px}
.date-picker-container .picker-bottom .picker-cancel {
	width:80px;
	height:36px;
	line-height:36px;
	text-align:center;
	color:#2b2929;
	border:1px solid #999;
	font-size:16px;
	margin-right:20px;
	cursor:pointer;
	border-radius:2px}
.date-picker-container .picker-bottom .picker-confirm {
	width:80px;
	height:36px;
	line-height:36px;
	text-align:center;
	color:#fff;
	background-color:#1f3d57;
	font-size:16px;
	cursor:pointer;
	border-radius:2px}
.bg-layer .city-picker-container {
	width:384px;
	height:auto;
	position:fixed;
	left:50%;
	top:50%;
	z-index:999;
	background-color:#fff;
	border-radius:10px;
	transform:translate(-50%,-50%)}
.city-picker-container .picker-body {
	width:384px;
	height:269px;
	padding:15px 16px;
	display:flex}
.city-picker-container .picker-body .city-list-p {
	width:182px;
	height:239px;
	margin-right:20px;
	border:1px solid #efefef;
	overflow-y:auto}
.city-picker-container .picker-body .city-list-p::-webkit-scrollbar {
	width:6px;
	height:10px;
	background-color:#f5f5f5}
.city-picker-container .picker-body .city-list-p::-webkit-scrollbar-thumb {
	background-color:rgba(0,0,0,.5);
	border-radius:3px}
.city-picker-container .picker-body .city-list-p .pc-item-p {
	width:100%;
	height:32px;
	padding:0 10px;
	line-height:32px;
	text-align:left;
	font-size:14px;
	color:#2b2929;
	cursor:pointer}
.city-picker-container .picker-body .city-list-p .pc-item-p.act {
	color:#1f3d57;
	font-weight:700}
.city-picker-container .picker-body .city-list-c {
	width:182px;
	height:239px;
	border:1px solid #efefef;
	overflow-y:auto}
.city-picker-container .picker-body .city-list-c::-webkit-scrollbar {
	width:6px;
	height:10px;
	background-color:#f5f5f5}
.city-picker-container .picker-body .city-list-c::-webkit-scrollbar-thumb {
	background-color:rgba(0,0,0,.5);
	border-radius:3px}
.city-picker-container .picker-body .city-list-c .pc-item-c {
	width:100%;
	height:32px;
	padding:0 10px;
	line-height:32px;
	text-align:left;
	font-size:14px;
	color:#2b2929;
	cursor:pointer}
.city-picker-container .picker-body .city-list-c .pc-item-c.act {
	color:#1f3d57;
	font-weight:700}
.city-picker-container .picker-bottom {
	width:100%;
	height:36px;
	display:flex;
	justify-content:center;
	margin-bottom:15px}
.city-picker-container .picker-bottom .picker-cancel {
	width:80px;
	height:36px;
	line-height:36px;
	text-align:center;
	color:#2b2929;
	border:1px solid #999;
	font-size:16px;
	margin-right:20px;
	cursor:pointer;
	border-radius:2px}
.city-picker-container .picker-bottom .picker-confirm {
	width:80px;
	height:36px;
	line-height:36px;
	text-align:center;
	color:#fff;
	background-color:#1f3d57;
	font-size:16px;
	cursor:pointer;
	border-radius:2px}
.bg-layer .avatar-picker-container {
	width:390px;
	height:auto;
	position:fixed;
	left:50%;
	top:50%;
	z-index:999;
	background-color:#fff;
	border-radius:10px;
	transform:translate(-50%,-50%)}
.avatar-picker-container .picker-body {
	width:390px;
	height:272px;
	padding:15px 16px;
	display:flex}
.avatar-picker-container .picker-body .avatar-pick-box {
	width:240px;
	height:240px;
	margin-right:20px;
	border:1px solid #f7f8fa;
	position:relative;
	background-color:#f7f8fa}
#avatarEditor {
	width:240px;
	height:240px;
	display:none}
#getFile {
	width:100px;
	height:36px;
	line-height:36px;
	text-align:center;
	border-radius:2px;
	background-color:rgba(232,0,0,.76);
	color:#fff;
	font-size:16px;
	cursor:pointer;
	position:relative;
	margin:0 auto;
	transform:translateY(102px)}
#getFile input {
	display:block;
	width:100px;
	height:36px;
	opacity:0;
	position:absolute;
	left:0;
	top:0;
	cursor:pointer}
.avatar-picker-container .picker-body .avatar-view {
	width:60px;
	height:200px}
.avatar-picker-container .picker-body .avatar-view span {
	display:block;
	width:100px;
	height:100px;
	background-color:#f7f8fa;
	border-radius:50px;
	overflow:hidden}
.avatar-picker-container .picker-body .avatar-view span img {
	width:100px;
	height:100px;
	object-fit:cover}
.avatar-picker-container .picker-bottom {
	width:100%;
	height:36px;
	display:flex;
	justify-content:center;
	margin-bottom:15px}
.avatar-picker-container .picker-bottom .picker-cancel {
	width:80px;
	height:36px;
	line-height:36px;
	text-align:center;
	color:#2b2929;
	border:1px solid #999;
	font-size:16px;
	margin-right:20px;
	cursor:pointer;
	border-radius:2px}
.avatar-picker-container .picker-bottom .picker-confirm {
	width:80px;
	height:36px;
	line-height:36px;
	text-align:center;
	color:#fff;
	background-color:#1f3d57;
	font-size:16px;
	cursor:pointer;
	border-radius:2px}
@media screen and (max-width:1366.9px) and (min-width:1100px) {
	.header .header-container {
	width:1200px}
.header .header-container .search-container {
	flex:1;
	height:80px;
	padding:22px 50px;
	box-sizing:border-box}
.header .header-container .search-container .search-content {
	width:360px}
}
@media screen and (max-width:1099.9px) {
	.header .header-container {
	width:830px}
.header .header-container .search-container {
	flex:1;
	height:80px;
	padding:22px 20px;
	box-sizing:border-box}
.header .header-container .search-container .search-content {
	width:380px}
.main-container {
	width:830px}
.main-container .left {
	margin-right:0}
.main-container .right-aside {
	display:none}
}