html {
	-webkit-text-size-adjust: 100%;
}

img,
video {
	max-width: 100%;
	height: auto;
}

@media screen and (max-width: 1100px) {
	.g-doc,
	.g-bd,
	.g-content,
	.g-ft,
	.m-ft {
		width: auto;
		max-width: 980px;
		margin-left: 16px;
		margin-right: 16px;
	}

	.g-content .g-doc {
		float: none;
	}

	.main {
		width: calc(100% - 230px);
	}

	.mainWrap,
	.mainWrap .contentWrap,
	.mainWrap .contentWrap .listBoxNav,
	.feedCell,
	.sendBox,
	.sendBox .sendTitle,
	.sendBox .sendInput,
	.sendInsert,
	.talking,
	.slide,
	.ajax_recommendTitle,
	.main_hds {
		width: 100%;
		box-sizing: border-box;
	}

	.Contant {
		width: calc(100% - 65px);
		box-sizing: border-box;
	}
}

@media screen and (max-width: 860px) {
	.j-wrap {
		padding-top: 108px;
	}

	.g-hd2 {
		height: auto;
	}

	.m-hd2 {
		display: flex;
		flex-wrap: wrap;
		padding: 8px 0;
	}

	.m-hd2 ul.hleft,
	.m-hd2 ul.hright {
		float: none;
		width: 100%;
		height: auto;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}

	.m-hd2 ul.hleft li,
	.m-hd2 ul.hright li {
		float: none;
		width: auto;
	}

	.m-hd2 ul.hleft li.logo,
	.m-hd2 ul.hleft li.logo a {
		width: auto;
	}

	.m-hd2 ul.hleft li.sweibo {
		width: 100%;
		margin: 8px 0 0;
	}

	.main,
	.mainWrap,
	.sideBar,
	.Menu,
	.appframe,
	.setframeWrap {
		float: none;
		width: auto;
		min-height: 0;
		padding: 12px 0;
	}

	.mainWrap {
		padding-right: 0;
		padding-bottom: 24px;
	}

	.sideBar {
		padding-left: 0;
		padding-right: 0;
	}

	.Menu {
		position: static;
		top: auto;
	}

	.feedCell {
		padding-left: 0;
		padding-right: 0;
	}

	.Contant {
		float: none;
		width: auto;
		margin-left: 65px;
	}

	.sendBox .sendInput textarea {
		width: 100%;
		min-height: 88px;
		box-sizing: border-box;
	}

	.sendInsert {
		height: auto;
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
	}

	.sendInsert .mleft,
	.sendBox .sendBtn {
		width: 100%;
	}

	.sendBox .sendBtn {
		float: none;
		text-align: left;
	}

	.send_share_box {
		float: none;
		border-left: 0;
		padding-left: 0;
		margin-left: 0;
		height: auto;
	}

	.menu_tqb,
	.menu_spb,
	.menu_mvb,
	.menu_fjb,
	.menu_hpb,
	.menu_htb,
	.menu_vsb,
	.menu_wqb,
	.menu_hdb,
	.menu_xb,
	.menu_hqs {
		left: 0 !important;
		right: auto;
		max-width: calc(100vw - 32px);
	}

	.menu_mvb .insertAttachDiv {
		width: auto;
		box-sizing: border-box;
	}

	.leftNav {
		overflow-x: auto;
		white-space: nowrap;
		padding-bottom: 8px;
	}

	.leftNav .blackBox,
	.leftNav .btn_group {
		display: none !important;
	}

	.leftNav .leftNav_main {
		display: inline-flex;
		align-items: center;
		vertical-align: top;
		margin: 0 12px 0 0;
		padding: 0;
	}

	.leftNav .leftNav_main h3,
	.leftNav .leftNav_main li {
		float: none;
	}

	.leftNav .leftNav_main h3 {
		margin-right: 8px;
	}

	.contentWrap .topicNav,
	.channelTop,
	.channelnav,
	.channelnav .navLeft,
	.profile,
	.profile .main,
	.profile .mainWrap,
	.profile .sideBar,
	.profile .contentWrap,
	.profile .art,
	.profile .art img,
	.one_comment,
	.one_comment li .feedCell,
	.one_comment li .relayTxt .mid,
	.one_comment li #i_already_view,
	.comheader,
	.vote_zf_box {
		width: auto !important;
		max-width: none !important;
	}

	.contentWrap .topicNav {
		margin: 0 0 12px;
	}

	.nfTagB {
		overflow: hidden;
	}

	.nfTagB ul,
	.boxNavtop .box_l,
	.groupBg .left,
	.leftNav {
		-webkit-overflow-scrolling: touch;
	}

	.nfTagB ul {
		display: flex;
		flex-wrap: nowrap;
		overflow-x: auto;
		white-space: nowrap;
	}

	.nfTagB ul li {
		float: none;
		flex: 0 0 auto;
	}

	.groupBg,
	.index_m {
		height: auto !important;
	}

	.groupBg .left,
	.groupBg .right {
		float: none !important;
		width: auto !important;
	}

	.groupBg .left {
		overflow-x: auto;
		white-space: nowrap;
		padding-bottom: 6px;
	}

	.groupBg .left a,
	.groupBg .left span {
		float: none !important;
		display: inline-block;
		vertical-align: top;
	}

	.profile {
		height: auto !important;
		margin: 0 0 16px !important;
	}

	.profile .main {
		padding: 0 !important;
		background: #fff;
	}

	.profile .mainWrap {
		margin: 0 !important;
		padding: 0 !important;
		border-right: 0 !important;
	}

	.profile .sideBar {
		margin-top: 16px !important;
		padding: 0 !important;
	}

	.profile .art {
		height: auto !important;
		margin-bottom: 64px;
	}

	.profile .art img {
		display: block;
		height: auto !important;
	}

	.profile .avatar {
		top: auto !important;
		bottom: 16px;
		left: 16px !important;
	}

	.profile .avatar img {
		width: 96px !important;
		height: 96px !important;
	}

	.profile .edit_art {
		top: 16px !important;
		right: 16px !important;
	}

	.member_list_top {
		padding: 0 16px 12px;
		box-sizing: border-box;
	}

	.left_user_info,
	.member_list_top .avatar2_info,
	.profile_info,
	.profile_info ul {
		width: auto !important;
	}

	.left_t_nick_name strong {
		display: block;
		line-height: 1.35;
	}

	.member_list_top p.left_t_nick_name,
	.member_list_top p.left_t2 {
		height: auto;
	}

	.member_list_top p.left_t_nick_name .mright,
	.member_list_top .mright {
		float: none !important;
		display: flex;
		flex-wrap: wrap;
		gap: 8px 12px;
		margin-top: 8px;
	}

	.dialogue,
	.add_mail,
	.blacklist {
		padding-top: 12px;
		height: auto;
	}

	.opt_l_c2 ul {
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
	}

	.boxNavtop {
		height: auto !important;
		padding: 8px 0 10px;
		box-sizing: border-box;
	}

	.boxNavtop .box_l,
	.boxNavtop .box_r {
		float: none !important;
		width: auto !important;
		height: auto !important;
	}

	.boxNavtop .box_l {
		display: flex;
		overflow-x: auto;
		white-space: nowrap;
		padding: 0 8px 6px;
	}

	.boxNavtop li {
		float: none;
		flex: 0 0 auto;
	}

	.box_l li a,
	.box_l .boxNavselect a {
		float: none !important;
		height: auto !important;
		padding: 6px 0 !important;
	}

	.box_l li a span {
		display: block;
		border-left: 0 !important;
		padding: 0 12px !important;
	}

	.boxNavtop .box_r {
		display: flex;
		align-items: center;
		gap: 8px;
		padding: 0 8px;
	}

	.nav_search_li {
		float: none !important;
		width: calc(100% - 32px) !important;
		margin: 0 !important;
	}

	.morecatagory {
		padding-top: 0;
	}

	.tab_s_wrap_feeds_type {
		position: static !important;
		top: auto !important;
		left: auto !important;
		right: auto !important;
		width: auto !important;
		display: block !important;
		border: 0 !important;
		margin: 8px 8px 0;
		background: transparent;
	}

	.tab_s_wrap_feeds_type .tab_s_home {
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
		padding: 0 !important;
	}

	.tab_s_home li {
		width: auto !important;
		height: auto !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 1px solid #e1e1e1;
		border-radius: 999px;
		background: #fff;
	}

	.tab_s_home li a {
		display: block;
		padding: 6px 12px;
	}

	.mainWrap .H_listBox,
	.contentWrap.H_myhome {
		width: auto !important;
	}

	.one_comment li.from {
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
	}

	.one_comment li.from .mycome,
	.one_comment li.from .handle {
		float: none !important;
		width: 100% !important;
	}

	.one_comment .mycome .ins {
		width: auto !important;
		margin-right: 8px;
	}

	.one_comment li .mleft,
	.one_comment li .mright {
		float: none !important;
	}

	.relayTxt,
	.relayTxt .mid,
	.relayTxt .relate,
	.relayTxt .relateview {
		width: auto !important;
	}

	.comment_p_b22 {
		float: none !important;
		display: inline-block;
		margin: 0 8px 8px 0;
	}

	.comment_p_b22 .insertImgDiv,
	.comment_p_b22 .insertAttachDiv,
	.comment_p_b22 .insertshowatuserDiv {
		left: 0 !important;
		right: auto !important;
		width: min(320px, calc(100vw - 32px)) !important;
		box-sizing: border-box;
	}

	.pageStyle li,
	#pagehtml div {
		word-break: break-word;
	}
}

@media screen and (max-width: 640px) {
	.g-doc,
	.g-content,
	.g-ft,
	.m-ft {
		margin-left: 8px;
		margin-right: 8px;
	}

	.j-wrap {
		padding-top: 126px;
	}

	.contentWrap .topicNav {
		margin-bottom: 8px;
	}

	.nfTagB ul li.li-datePicker {
		display: none;
	}

	.m-hd2 ul.hright {
		justify-content: flex-start;
	}

	.Contant {
		margin-left: 0;
	}

	.profile .art {
		margin-bottom: 48px;
	}

	.profile .avatar {
		left: 12px !important;
		bottom: 12px;
	}

	.profile .avatar img {
		width: 72px !important;
		height: 72px !important;
	}

	.member_list_top {
		padding-left: 12px;
		padding-right: 12px;
	}

	.left_t_nick_name strong {
		font-size: 18px;
	}

	.boxNavtop {
		padding-top: 6px;
	}

	.boxNavtop .box_l,
	.groupBg .left,
	.nfTagB ul {
		padding-bottom: 4px;
	}

	.boxNavtop .box_r {
		flex-wrap: wrap;
	}

	.nav_search_li {
		width: 100% !important;
	}

	.morecatagory {
		display: none;
	}

	.feedCell .wb_l_face,
	.feedCell .avatar {
		float: none;
		margin-bottom: 10px;
	}

	.attachst,
	.attachst tbody,
	.attachst tr,
	.attachst td,
	.attachst_att,
	.attachst_att_name,
	.attachst_att_doc {
		display: block;
		width: 100% !important;
	}

	.attachst_img {
		margin-bottom: 8px;
	}

	.comheader {
		height: auto !important;
		line-height: 1.8 !important;
		padding-bottom: 8px;
	}

	.topic_video_attach_box {
		padding: 8px;
	}
}