@charset 'utf-8';
@media (max-width:1290px) {
	.user_menu{
		right:0;
	}
}
@media (max-width:1200px) {
  .grid-item {
    width:calc(33.33% - 5px);
    max-width:none;
  } 
}
@media (max-width:991px) {
	.mob_s{
		display:block;
	}
	.pc_s .head_middle, .pc_s .head_right{
		display:none;
	}
	.main_wrap.main_pd{
		/* padding-bottom:80px; */
		padding-bottom:15px;
	}
	/* .head_left {
	    margin-bottom: 15px;
	} */
	.head_left img {
		width:70%;
	}
	.mob_menu{
		position:fixed;
		left:0;
		bottom:0;
		width:100%;
		background:#fff;
		padding:15px 0;
		border-top:1px solid #e9e9eb;
		z-index:6;
	}
	.mob_menu ul{
		display:table;
		width:100%;
	}
	.mob_menu ul li{
		display:table-cell;
		vertical-align:middle;
		text-align:center;
	    width: 20%;
	}
	.mob_menu ul li a{
		display:block;
	}
	.mob_menu ul li a img{
		width:30px;
	}
	.write_m_box {
	    position: relative;
	}
	.write_m_box a {
	    width: 100%;
		position: absolute;
		bottom: 5px;
	}
	.write_m_box a img {
	    box-shadow: 0px 0px 6px -2px rgba(81, 81, 81, 0.5);
		border: 1px solid #E2E2E5;
		border-radius: 50%;
		width: 51px !important;
		padding: 10px;
		background: #fff;
	}
	.nav{
		margin-top:0;
		padding:0;
	}
	.main_wrap header{
		padding:12px 10px;
	}
	.search_on{
		display:none;
	}
	.mob_search_box{
		position:fixed;
		left:0;
		top:0;
		z-index:5;
		width:100%;
		height:100%;
		background:#fff;
		padding:15px;
		display:none;
	}
	.mob_search_box.on{
		display:block;
	}
	.search_tag{
		padding-top:30px;
	}
	.search_tag h2{
		font-size:18px;
		color:#302e33;
		font-weight:500;
		padding-bottom:10px;
	}
	.search_tag ul li{
		display:inline-block;
		margin-bottom:7px;
	}
	.search_mbt a.on .search_on{
		display:block;
		margin:0 auto;
	}
	.search_mbt a.on .search_off{
		display:none;
	}
	.search_ptop .search_tag{
		display:none;
	}
	button.goback{
		float:left;
		width:30px;
		line-height:48px;
		text-align:left;
		background:transparent;
		border:0;
	}
	button.goback img{
		width:16px;
		vertical-align:middle;
	}
	.search_ptop form{
		float:left;
		width:calc(100% - 30px);
	}
	body.on{
		overflow:hidden;
	}
	.user_menu{
		position:fixed;
		left:0;
		top:0;
		width:100%;
		height:100%;
		margin:0;
		border-radius:0;
		box-shadow:none;
	}
	.user_menu .user_profile{
		padding:40px 10px 30px;
	}
	.user_menu .user_profile > div{
		display:block;
		text-align:center;
		width:100% !important;
	}
	.user_menu .user_profile .up_right{
		padding-left:0;
		padding-top:15px;
	}
	.user_profile div.up_left span{
		margin:0 auto;
	}
	.user_menu .user_profile .up_right .up_bt a{
		width:125px;
		display:inline-block;
	}
	.user_menu .real_umenu{
		padding:0;
	}
	.user_menu .real_umenu ul li{
		padding:10px 15px !important;
		border-bottom:1px solid #e9e9eb;
	}
	.keep_h{
		display:none;
	}
	.keep_head{
		padding:40px 0 30px;
	}
	.keep_head ul li.keep_id{
		padding-bottom:30px;
	}
	.auto_content_box{
		padding-top:0;
	}
	.auto_content_box > .con{
		padding:0;
	}
	.auto_content_view{
		border:0;
		padding:0;
		border-radius:0;
	}
	.auto_content_view {
		display: block;
	}
	.auto_content_view .auto_vleft span img {
		width: 100%;
		border-radius:0
	}

	.auto_vrbot {
		padding: 10px 10px 0;
	}

	.auto_content_view > div{
		float:none;
		width:100% !important;
		display: block;
	}
	.auto_content_view .auto_vleft{
		position:relative;
	}
	.auto_content_view .auto_vleft span{
		border-radius:0;
	}
	.auto_content_view .auto_vright{
		padding:0 15px;
	}
	.mob_share{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		padding:10px 15px;
		background:url(../images/back_bg.png)repeat-x 0 center;
	}
	.auto_vkeep{
		float:right;
	}
	.auto_view_content .auto_view_add{
		padding:15px 0 20px;
	}
	.auto_view_content .auto_view_add:after{
		content:"";
		display:block;
		clear:both;
	}
	.auto_view_add > div:first-child{
		display:block;
		float:left;
		width:calc(100% - 65px);
		padding-right:5px;
		word-wrap: break-word;
	}
	.auto_view_content .auto_view_txt{
		padding:15px 0;
	}
	.auto_view_date{
		/* text-align:right; */
		/* padding-bottom:30px; */
		color: #a4a4a4;
		padding: 0 15px 10px;
	}
	.auto_view_content .mob_s {
		display:none !important;
	}
	.auto_vright .auto_share_bt{
		padding-bottom:25px;	
	}
	.auto_vright .auto_share_bt .auto_vshare{
		float:none;
		width:100% !important;
		margin:0 auto;
	}
	.auto_content_view .auto_vbbot{
		padding:10px;
	}
	.auto_view_date {
		position: static;
		bottom: 0;
		left: 0;
	}

	.auto_content_view .auto_vbbot {
		margin-bottom: 0;
	}

	.auto_comment_ul {
		padding-left: 0;
	}

	.auto_comment {
		padding: 0 0 30px;
	}

	

	.mob_tit{
		position:relative;
	    display: none;
	}
	.mob_tit button.goback{
		float:none;
		position:absolute;
		top:-10px;
	}
	header .mob_tit .head_tit{
		text-align:center;
		padding-top:0;
		float:none;
	}
	.cs_center{
		padding:0;
	}
	.cs_center h2{
		display:none;
	}
	.cs_center .cs_box{
		border-radius:0;
		border:0;
		padding:30px 10px;
	}
	.cs_foot{
		margin-top:0;
	}
	.cs_foot .cfoot_top ul{
		text-align:center;
	}
	.cs_foot .cfoot_top ul li a{
		padding:10px 0;
		font-size:14px;
	}
	.cs_foot .cfoot_bot > div{
		float:none;
		width:100% !important;
		text-align:center;
	}
	.cs_foot .cfoot_bot .cfoot_right{
		padding-left:0;
		padding-top:15px;
	}
	.cs_foot .copyright{
		padding-top:15px;
		font-size:13px;
	}
	.cs_foot .campany_info ul li{
		font-size:13px;
	}
	footer.user_foot{
		padding-bottom:30px;
		background:#fff;
	}
	.content_box .join_box{
		margin:0;
		padding:30px 15px;
		border:0;
		border-radius:0;
	}
	.real_head_user{
		padding:0;
		max-width:none;
	}
	.join_box h2{
		padding-bottom:25px;
	}
	.join_cbox{
		background:#fff;
		height:calc(100vh - 100px);
	}
	.join_cbox .join_box2{
		position:static;
		transform:translate(0,0); 
		height:100%;
	}
	.join_cbox .join_box2 .join_ctop{
		position:absolute;
		width: 100%;
		left: 50%;
		top: 40%;
		transform: translate(-50%,-50%);
		text-align: center;
	}
	.join_box2 .join_ctop li:last-child{
		padding-bottom:0;
	}
	.join_box2 .join_cbot{
		position:absolute;
		width: 100%;
		left: 0;
		bottom:30px;
		text-align: center;
		margin:0;
	}
	.auto_share_bt .auto_vshare li{
		/* width:50%; */
	}
	.grid-item .grid_border .share_bg{
		display:none !important;
	}
	.grid_head div.ghead_top {
		width: calc(100% - 10px);
	}
	.grid_head .grid_htit > span {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		width: calc(100% - 15px);
	}
	.grid_head .secret_tit {
		width: 60px;
		height: 23px;
		line-height: 23px;
		font-size: 12px;
	}
	.mob_over_bt{
		float:right;
		width:10px;
		text-align:right;
		margin-top:10px;
	}
	.mob_over_bt img{
		width:4px;
	}
	.modal-con.share_modal{
		bottom:0;
		top:auto;
		left:0;
		transform: translate(0,0);
		padding:0;
	}
	.modal-con.share_modal div.modal_bg{
		 border-bottom-left-radius:0;
		 border-bottom-right-radius:0;	
	}
	.keep_mbt{
		padding-top:30px;
	}
	.keep_mbt ul{
		margin:0 -5px;
	}
	.keep_mbt ul li{
		float:left;
		width:50%;
		padding:0 5px;
	}
	.keep_mbt ul li button{
		width:100%;
		height:35px;
		font-size:13px;
		border-radius:25px;
	}
	.keep_mbt ul li.close_bt button{
		background:#e2e2e2;
		border:1px solid #e2e2e2;
		color:rgba(36,36,36,0.5);
	}
	.modal_tit{
		text-align:center;
		font-size:22px;
		font-weight:600;
		padding-bottom:30px;
	}
	.auto_vleft .secret_tit{
		float:right;
	}
	.auto_vleft .secret_tit button img{
		vertical-align: -2px;
	}
	.auto_share_bt .auto_vshare li{
		/* width:calc(calc(100% - 50px) / 2) */
		width:33.3333%;
	}
	.auto_vkeep {
		width:33.3333%;
	}
	.auto_vkeep button {
		width:100% !important;
	}
	/* .auto_share_bt .auto_vshare li.etc_s{
		width:50px;
	} */
	.auto_vright .auto_share_bt .auto_vkeep{
		float:left;
	}
	.auto_share_bt ul li.etc_s button img{
		margin-right:2px;
	}

	/* .pc_tag {
		display: none;
	}
	
	.m_tag {
		display: block;
	} */
	.findtab {
		margin-bottom: 25px;
	}
	/* .plus_box {
	    width: 40px;
		height: 40px;
		bottom: 63px;
	}
	.plus_box::after {
	    font-size: 20px;
		width: 35px;
		height: 35px;
		line-height: 35px;
	}
	.plus_box a {
		padding: 7px 0;
	}
	.plus_box a img {
		width: 25px;
	} */
	.plus_box {
		display:none;
	}
	.cs_nav_wrap a {
		width:45px;
		height:45px;
	}
	.cs_nav_wrap a img {
		width:100%;
	}
	.cs_nav_wrap {
		bottom: 50px;
		right:15px;
	}
	.cs_nav_wrap.on {
	    bottom: 5px;
	}
	.auto_content_view_ot {
	    padding: 15px;
		margin: 15px;
		border-radius: 20px;
	}
	.ot_write_form_left {
		float: none;
	    width: 100%;
		display: flex;
		flex-direction: column-reverse;
	    margin-bottom: 20px;
	}
	.ot_write_form_right {
	    float: none;
		width: 100%;
		padding-left: 0;
	}
	.ot_write_form_left_top {
	    height: 160px;
	}
	.ot_write_form_left_btm {
		margin-top: 0;
		margin-bottom: 10px;
	}
	.ot_write_form_box_tt {
		width: 35px;
	    font-size: 14px;
	}
	.ot_write_form_box_con {
	    width: calc(100% - 35px);
	}
	.ot_write_form_box_con_txt {
		height: 130px;
	}
	.ot_write_form_box02 .ot_write_form_box_tt {
	    line-height: 130px;
	}
	.ot_write_form_btn_wrap {
		justify-content: center;
	}
	.ot_write_form_btn_wrap div input {
		padding: 7px 18px;
		font-size: 15px;
	}
	#previewContainer {
	    height: 100%;
	}
	.visit_num_box {
		bottom: auto;
		top: 6px;
		right: 10px;
	    /* display: flex;
		display: none; */
	    box-shadow: 0px 0px 8px 0px #0000002E;
	    border-radius: 5px;
	    padding: 5px 5px 3px;
	    position: absolute;
	}
	.visit_num_box_top {
	    display: none;
	}
	.visit_num_box_con {
		border-bottom: 0;
		margin-bottom: 0;
	    padding: 0;
	    display: flex;
	    align-items: center;
	}
	.visit_num_box_con img {
		display:none;
	}
	.visit_num_box_con > div:nth-child(2) {
	    font-size: 12px;
	    margin-top: 0;
	    line-height: 1.1;
	    margin-right: 3px;
	}
	.visit_num_box_con > div:last-child {
	    font-size: 13px;
	    line-height: 1.1;
	}
	.visit_mob {
		display:block;
	}
}
@media (max-width:767px){
	.grid_head{
		padding:10px;
	}
	.grid-item .grid_border .share_bg .share_bot{
		padding:0;
		bottom:0;
	}
	.grid-item {
		width:50%;
	}
	.grid-item .grid_border .share_bg .share_bot ul, .auto_share_bt .auto_vshare{
		margin:0 -2px;
	}
	.grid-item .grid_border .share_bg .share_bot ul li, .auto_share_bt .auto_vshare li{
		padding:0 2px;
	}
	button.goback{
		width:11px;
		height:35px;
		line-height: 35px;
	}
	button.goback img{
		width:auto;
		max-width:100%;
	}
	.grid-item .grid_border .share_bg .share_bot button, .auto_share_bt .auto_vshare button,
	.auto_vleft .secret_tit button{
		height:35px;
		line-height:35px;
		font-size:13px;
	}
	.grid-item .grid_border .share_bg .share_top button, .auto_vkeep button{
		font-size:13px;
		width:55px;
		height:35px;
	}
	.grid-item .grid_border .share_bg .share_bot button img, .auto_vshare button img{
		width:16px;
		vertical-align: -3px;
	    margin-right: 3px;
	}
	.grid-item .grid_border .share_bg .share_top{
		top:0;
		right:0;
	}
	.grid-item .item_bg{
		padding:0 5px 10px;
	}
	.grid_bg{
		margin:0;
	}
	.auto_vright .auto_share_bt{
		margin:0 -4px;
	    display: flex;
	}
	.auto_vright .auto_share_bt .auto_vshare{
		max-width:none;
	}
	h2.auto_content_tit{
		padding:30px 0;
	}
	.join_cbox .join_box2{
		max-width:none;
		padding:0 10px;
	}
	.auto_view_content .auto_view_tit{
		font-size:22px;
	}
	.auto_vbbot .auto_tag li{
		margin-right:4px;
		margin-bottom:4px;
	}
	.auto_vbbot .auto_tag li a{
		font-size:14px;
	}
/* 	.societygrouptab .swiper-slide a, .search_tag ul li a{
		font-size:16px;
	} */
	.mob_menu{
		padding:7px 0;
	}
	.auto_vright .auto_share_bt .auto_vshare .secret_tit button {
		height:35px;
	}
	.secret_tit img {
		width: 12px !important;
        height: 12px;
        object-fit: contain;
	    margin-right: 2px !important;
	}
	.grid_head .secret_tit span, .auto_view_add .secret_tit span {
		font-size: 12px;
	}
}
@media (max-width:500px) {
	.pop_contents_txt01, .pop_contents_txt01 span {
	    font-size: 22px;
	}
	.pop_contents_txt02 div:first-child, .pop_contents_txt02 div:first-child span {
		font-size: 17px;
	}
	.pop_contents_txt02 div:last-child, .pop_contents_txt02 div:last-child span {
		font-size: 13px;
	}
	.pop_contents {
	    padding: 30px 10px 25px;
	}
	.pop_contents_btn img {
		width: 145px;
	}
}
@media (max-width:480px) {
	/* .grid-item {
		width:100%;
	}  */

	.cmcm_input, .cmcm_txt {
		padding-left: 35px;
	}

	.comment_profile{
		width: 30px;
		height: 30px;
	}

	.comment_input {
		/* height: 45px; */
		width: calc(100% - 76.7px);
		padding: 0 5px;
	}
	.comment_top .comment_input textarea {
		height: 30px;
	}
	.comment_input textarea[readonly='readonly'] {
		height: auto;
	}
	.comment_tt.on textarea {
		width: calc(100% - 51.7px) !important;
		height: 30px;
	}

	.comment_tt.on .comment_submit {
		width: 46.7px;
		margin-left: 5px;
		display: block;
	}

	.auto_comment_ul .cm_txt .comment_input, .auto_comment_ul .cmcm_txt .comment_input {
		width: calc(100% - 30px);
		padding-right: 0;
	}

	.comment_sub {
		padding-left: 5px;
	}

	.comment_submit a {
		display: block;
		height: 30px;
		width: 46.7px;
		font-size: 14px;
		line-height: 30px;
		border-radius: 15px;
	}

	.comment_input textarea {
		padding: 5px;
	}

	.cmcm_box01 {
		font-size:12px
	}

	.cmcm_box02 span.counter {
		right: 0;
	}
	.auto_content_view .auto_vleft span img {
		object-fit: cover;
		height: 200px;
	}

}

@media (max-width:340px){
	.grid-item .grid_border .share_bg .share_bot button, .auto_share_bt .auto_vshare button,
	.grid-item .grid_border .share_bg .share_top button, .auto_vkeep button{
		font-size:11px;
	}
}