.form-box .form {
    margin-top: 30px;
}

.index-no-login a {
    text-decoration: underline;
    color: #333;
    font-weight: normal;
}

.index-footer {
    color: #fff;
}

.button:disabled {
	background: #e2e2ef;
	color: #333;
	border:  2px solid #333;
}

.header_login a{
	font-size: 14px;
	color: #fff;
}

.prompt-body p {
	line-height: 25px;
}

.prompt-body h1 {
	line-height: 45px;
}

.prompt-body h2 {
	line-height: 35px;
}

.prompt-body h3 {
	line-height: 30px;
}

.prompt-body h4, .prompt-body h5 {
	line-height: 25px;
}

.prompt-body pre {
	position: relative;
}

.prompt-body pre code {
	white-space: break-spaces;
}

.prompt-body img {
	max-width: 70%;
	border: 1px solid #ccc;
}

.prompt-body p img {
	text-align: center;
	border-radius: 5px;
}

.tab-box .tab-box-item-2 .tab-box-item-content {
    padding: 0 28px 48px;
}

.tab-box .tab-box-option-2.active .tab-box-option-title {
    color: #3e3f5e;
}

.tab-box .tab-box-option-2 .tab-box-option-title {
    color: #adafca;
    font-size: .875rem;
    font-weight: 700;
}

.tab-box .tab-box-options-2, .tab-box .tab-box-options-2 .tab-box-option:first-child {
    border-top-left-radius: 12px;
}

.tab-box .tab-box-option-2.active {
    background-color: #fff;
    border-bottom: none;
}
.tab-box .tab-box-option-2 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 66px;
    border-bottom: 1px solid #eaeaf5;
    border-right: 1px solid #eaeaf5;
    background-color: #fcfcfd;
    cursor: pointer;
}

.textarea-container {
	width: 100%;
    position: relative;
    display: inline-block;
}

#copyFull, #copyTest {
    position: absolute;
    top: 0;
	width: 70px;
    right: 29px;
    border: none;
    background-color: #23d2e2;
    color: white;
    padding: 5px 10px;
    cursor: pointer;
    border-radius: 0 3px 0 3px;
}

#copyFull:hover, #copyTest:hover {
    background-color: #03b8c9;
}

.toast-center-center {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1050;
    position: fixed;
}

.section-pager-bar-wrap .section-pager-bar {
	display: inline-flex;
	align-items: baseline
}

.section-pager-bar .section-pager {
	position: initial;
}

.custom-page {
	position: initial;
}

.slider-control {
	padding: 16px;
}

.section-pager-bar {
	width: auto;
}

.prompt-body {
	font-weight: normal;
}

.prompt-body ul {
	list-style: circle;

}

.interactive-input.dark form input {
    border: none;
    background-color: #4e4ac8;
    color: #fff;
}

.interactive-input.dark form {
	display: flex;
}

.interactive-input.dark form input[type=password], input[type=text] {
    height: 54px;
    padding: 0 18px;
}

.interactive-input.dark form button {
	width: 70px;
	margin-left: 5px;
}

.section-header-info .section-title, .section-header-actions {
    white-space: nowrap;
    text-overflow: ellipsis;
}

.content-grid.full {
	padding: 0;
}

.post-open .post-open-body {
	width: 55%;
	max-width: none;
}

.post-open .post-open-body .post-open-content .post-open-content-body {
	width: 100%;
}

.post-open .post-open-body .post-open-heading .post-open-title {
	line-height: 4rem;
}

.post-open-content {
	flex-direction: column;
}

.post-open .post-open-body .post-open-content {
	margin-top: 25px;
}

.post-open-content-sidebar {
	display: flex;
    align-items: center;
}

.post-open .post-open-body .post-open-content .post-open-content-sidebar .post-open-sidebar-title {
	margin-top: 0px;
	margin-left: 10px;
}

.post-open .post-open-body .post-open-content .post-open-content-sidebar {
	width: 100%;
	justify-content: space-between;
}

.product-preview .product-preview-info .product-preview-title {
	min-height: 50px;
}

.avatar-preview-container {
    overflow: hidden;
    position: relative;
    width: 84px;
    height: 92px;
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}

.avatar-preview-container img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.background-insert-preview {
	width: 280px;
	max-height: 70px;
	overflow: hidden;
}

.post-cover-preview-image {
	width: 283px;
	height: 166px;
	max-height: 166px;
	overflow: hidden;
}

.markdown-container .table {
	margin-top: 7px;
}

.form-input tags  {
	width: 100%;
	border-radius: 10px;
	height: 48px;
	align-content: center;
	background-color: #fff;
	border: 1px solid #dedeea;
	color: #3e3f5e;
}

.remove-cover-btn {
	opacity: 0.9;
	width: 70px;
	padding: 8px 16px; /* 根据需要调整边距 */
	background-color: #f1f1f1; /* 按钮背景颜色 */
	color: #000; /* 按钮文字颜色 */
	border: none;
	font-size: 14px; /* 文字大小 */
	position: absolute;
	top: 16px; /* 按钮距离上边的距离 */
	right: 16px; /* 按钮距离右边的距离 */
}

.remove-cover-btn:hover {
	opacity: 1;
}

.badge {
	padding: 3px 5px;
	border-radius: 5px;
	background: #000;
	color: #fff;
}

.text-bg-danger {
	background: #dc3545;
	color: #fff;
}

.text-bg-warning {
	background: #ffc107;
	color: #000;
}

.text-bg-success {
	background: #198754;
	color: #fff;
}

.article-user-avatar {
	align-items: center;
}

.article-user-button a,.article-user-button button{
	padding: 3px 5px;
	border-radius: 5px;
	font-size: 14px;
	line-height: 25px;
	width: 50px;
	text-align: center;
	border: 1px solid #333;
	margin-left: 10px;
}

.menu-main .menu-main-item .menu-main {
	width: 200px;
}


.feed_tag {
	background-color: #03b8c9;
	padding: 0px 0px;
}

.feed—pics{
	padding: 10px;
	padding-left: 20px;
	padding-right: 20px;
	justify-content: flex-start;
	grid-gap: 48px;
}

.draggable-item {
	width: 100px;
	height: 100px;
}

.feed-add-pic {
	color: #eaeaf5;
	size: 24px;
}

.cursor {
	cursor:pointer;
}

.draggable-item img {
	width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 12px;
}

.img-container {
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 100%;
	max-height: 100%;
}

.img-container-center {
	display: flex;
	align-items: center;
	justify-content: center;
}

.img-container-center img {
	/* object-fit: scale-down; */
    /* object-position: center; */
    max-width: 100%;
    max-height: 50rem;
    display: block;
    margin: 0 auto;
}

.popup-cover{
	width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 12px;
}

.black_slider{
	background-color: #000;
}

/*
	feed里面图层操作栏的背景色
*/
.slider-panel  .slider-panel-roster-transport {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 100px;
    margin-top: 16px;
    padding: 0 46px 0 74px;
    border-radius: 12px;
    background-color: transparent;
    box-shadow: 0 0 40px 0 rgba(94,92,154,.06);
    position: relative;
}

.slider-panel .slider-panel-roster-transport .slider-controls {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 0 12px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}


.slider-panel .slider-panel-roster-transport .roster-pictures {
    position: relative;
    z-index: 2;
}

.arrow {
	display: block;
}

.roster-pictures-transport:after, .roster-pictures-transport:before {
    content: "";
    width: 0px;
    height: 20px;
    background-color: #eaeaf5;
    position: absolute;
    top: 14px;
}

.popup-picture-image-justify-center {
	justify-content: center;
}

.margin-top-slider-slide{
	padding-top:0
}

.slider-panel .margin-top-slider-slide{
	padding-top:0
}


.postion_overflow {
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}



.quick-post-comment {
    border-radius: 12px;
    background-color: #fff;
    box-shadow: 0 0 40px 0 rgba(94,92,154,.06);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
}

.quick-post-comment .quick-post-footer, .quick-post .quick-post-footer .quick-post-footer-actions {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.quick-post-comment .quick-post-footer {
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 76px;
    padding: 0 20px;
    border-top: ppx solid #eaeaf5;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

.quick-post-comment  .user-avatar{
    margin-left:20px;
	margin-right:20px;
}

.quick-post-comment .quick-post-footer .quick-post-footer-actions .button {
    width: 80px;
    margin-right: 6px;
}

.widget-box .widget-box-status .tag-list {
    margin-top: 28px;
    margin-bottom: 14px;
}


.chat-header {
    background: #fff;
}