@media screen and (min-width: 1920px) {

}
@media screen and (max-width: 1950px) {

}
@media screen and (max-width: 1750px) {

}
@media screen and (max-width: 1600px) {

}	

@media screen and (max-width: 1450px) {

	
}

@media screen and (max-width: 1350px) {

}

@media screen and (max-width: 1250px) {

	
}

@media screen and (max-width: 1024px) {

}

@media screen and (max-width: 880px) {
	

	.mobile{
		display: block;
	}
	.pc{
		display: none;
	}

	.wapper{
		width: 100%;
	}

	.index-banner {
		height: calc((100vw - 30px)/16*7.5);
		margin: 15px 15px 0 15px;
	}
	.index-banner .swiper-container{
		height: 100%;
	}
	.index-banner img {
		border-radius: 8px;
		width: 100%;
		height: 100%;
		object-position: center;
		object-fit: cover;
	}

	.index-tags {
		display: flex;
		align-items: center;
		justify-content: space-around;
		padding: 15px;
		margin-top: 4px;
	}

	.index-tags .li {
		display: flex;
		align-items: center;
		justify-content: center;
		color: #555;
		font-size: 16px;
	}

	.index-tags .li_sel {
		color: var(--color-main);
		font-weight: bold;
		position: relative;
	}

	.index-tags .li_sel::after {
		content: '';
		position: absolute;
		width: 45%;
		height: 4px;
		background-color: var(--color-main);
		border-radius: 10px;
		bottom: -8px;
	}



	.cpList {
		margin-top: 8px;
	}

	.cpList .li {
		background-color: #fff;
		margin: 0 15px 15px 15px;
		padding: 15px;
		border-radius: 8px;
		overflow: hidden;
		display: flex;
		align-items: flex-start;
		position: relative;
	}

	.cpList .li .btn {
		font-size: 13px;
		background-color: var(--color-main);
		border-radius: 80px;
		padding: 5px 12px;
		color: #fff;
		position: absolute;
		bottom: 10px;
		right: 15px;
	}

	.cpList .li>img {
		width: 80px;
		height: 80px;
		border-radius: 8px;
		margin-right: 10px;
		object-position: center;
		object-fit: cover;
	}

	.cpList .li .info {
		flex: 1;
		display: flex;
		flex-direction: column;
	}

	.cpList .li .info .title {
		font-weight: bold;
		line-height: 1.4;
		font-size: 16px;
	}

	.cpList .li .info .desc {
		font-size: 14px;
		opacity: 0.6;
		margin: 8px 0 15px 0;
		line-height: 1.4;
	}

	.cpList .li .info .hits {
		font-size: 13px;
		opacity: 0.8;
		line-height: 1.4;
	}




	.newsList {
		margin-top: 8px;
	}

	.newsList .li {
		background-color: #fff;
		margin: 0 15px 15px 15px;
		padding: 15px;
		border-radius: 8px;
		overflow: hidden;
		display: flex;
		align-items: flex-start;
		position: relative;
	}

	.newsList .li .btn {
		font-size: 13px;
		background-color: var(--color-main);
		border-radius: 80px;
		padding: 6px 12px;
		color: #fff;
		position: absolute;
		bottom: 10px;
		right: 15px;
	}

	.newsList .li>img {
		width: 80px;
		height: 80px;
		border-radius: 8px;
		margin-left: 10px;
		object-position: center;
		object-fit: cover;
	}

	.newsList .li .info {
		flex: 1;
		display: flex;
		flex-direction: column;
	}

	.newsList .li .info .title {
		font-weight: bold;
		line-height: 1.4;
	}

	.newsList .li .info .desc {
		font-size: 14px;
		opacity: 0.6;
		margin: 8px 0 15px 0;
		line-height: 1.4;
	}

	.newsList .li .info .hits {
		font-size: 13px;
		opacity: 0.8;
		line-height: 1.4;
	}




	.mainColor {
		color: var(--color-main) !important;
	}

	.loading {
		font-size: 14px;
		color: #666;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 12px 0 40px 0;
	}

	.footerbarH {
		height: 83px;
	}

	.footerbar {
		background-color: #fff;
		display: flex;
		align-items: flex-start;
		justify-content: space-around;
		padding: 8px 0 0px 0;
		position: fixed;
		width: 100%;
		height: 75px;
		overflow: hidden;
		bottom: 0;
		border-top: 1px #eaeaea solid;
	}

	.footerbar>a {
		display: flex;
		flex-direction: column;
		align-items: center;

	}

	.footerbar>a.on {
		color: var(--color-main);
	}

	.footerbar>a>span {
		font-size: 12px;
		color: #888;

	}

	.footerbar>a>i.iconfont {
		font-size: 24px;
		margin-bottom: 2px;
	}



	.footerFunc {
		background-color: #fff;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 8px 7px 28px 7px;
		position: fixed;
		width: 100%;
		height: 75px;
		overflow: hidden;
		bottom: 0;
		border-top: 1px #eaeaea solid;
		box-sizing: border-box;
	}

	.footerFunc .left{
		display: flex;
		align-items: start;
	}
	.footerFunc .left > a{
		display: flex;
		flex-direction: column;
		align-items: center;
		color: #666;
		margin: 0 8px;
	}
	.footerFunc .left > a i.iconfont{
		font-size: 22px;
	}
	.footerFunc .left > a span{
		font-size: 12px;
	}
	.footerFunc .right{
		display: flex;
		align-items: center;
	}
	.footerFunc .right .btn{
		display: flex;
		align-items: center;
		justify-content: center;
		color: #fff;
		background-color: var(--color-main);
		font-size: 14px;
		border-radius: 4px;
		padding: 5px 20px;
		margin: 0 7px 0 0;
	}
	.footerFunc .right .btn_red{
		background-color: #ff6600;
	}




	.fixTop {
		background-color: #f4f4f4;
		z-index: 999;
		position: fixed;
		top: 0;
		width: 100%;
	}

	.searchBar {
		margin: 15px;
		display: flex;
		width: calc(100% - 30px);
		position: relative;
	}

	.searchBar input {
		background-color: #eaeaea;
		height: 38px;
		font-size: 14px;
		border-radius: 38px;
		width: 100%;
		padding-left: 34px;
		border:0;
		line-height: 1;
	}

	.searchBar>span {
		position: absolute;
		top: 9px;
		left: 10px;
		font-size: 20px;
		color: #666;
	}

	.newsTagW {
		height: 42px;
		overflow: hidden;
		background-color: #f4f4f4;
	}

	.newsTag {
		width: 100%;
		z-index: 999;
		background-color: #f4f4f4;
		-webkit-overflow-scrolling: touch;
	}

	.scroll-container {
		padding: 0px 7px;
		overflow-x: auto;
		overflow-y: hidden;
		box-sizing: border-box;
		height: 60px;
		white-space: nowrap;
		width: auto;
		-webkit-overflow-scrolling:touch;
	}

	/* 滚动子元素：禁止收缩，固定宽度/自适应宽度 */
	.scroll-item {
		font-size: 15px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		padding: 2px 8px 1px 8px;
		color: #666;
	}

	.scroll-item-on {
		color: var(--color-main);
		/*font-weight: bold;*/
		position: relative;
	}

	.scroll-item-on::after {
		content: '';
		position: absolute;
		width: 45%;
		height: 4px;
		background-color: var(--color-main);
		border-radius: 10px;
		bottom: -8px;
	}

	.cpBanner {
		width: 100vw;
		height: 100vw;
		object-fit: cover;
		object-position: top;
	}




	.button {
		background-color: var(--color-main);
		color: #fff;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 14px;
		padding: 8px 0;
		border-radius: 4px;
	}

	.cpTopinfo {
		display: flex;
		flex-direction: column;
		padding: 15px;
		background-color: #ffffff;
	}

	.cpTopinfo .title {
		font-size: 16px;
		font-weight: bold;
		line-height: 1.4;
	}

	.cpTopinfo .desc {
		font-size: 14px;
		color: #666;
		line-height: 1.4;
		padding: 8px 0;
	}

	.cpTopinfo .btns {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 15px;
		margin-top: 8px;
	}

	.cpTopinfo .btns .button {
		flex: 1;
	}

	.content {
		padding: 0 15px 40px 15px;
	}

	.content img {
		width: 100%;
		margin: 8px 0;
	}

	.content p{
		font-size: 14px;
		line-height: 1.4;
		margin: 8px 0;
	}

	.pc_content{
		padding: 0px 24px ;
	}

	.myinfo{
		background-color: #fff;
		border-radius: 8px;
		padding: 15px;
		display: flex;
		align-items: center;
		margin: 15px;
		gap: 12px;
	}
	.myinfo > img{
		border-radius: 50%;
		width: 56px;
		height: 56px;
		border:3px var(--color-main) solid;
		object-position: center;
		object-fit: cover;
	}
	.myinfo .info{
		flex: 1;
		display: flex;
		flex-direction: column;
		line-height: 1.6;
	}
	.myinfo .info span:nth-child(1){
		font-weight: bold;
		color: var(--color-main);
		font-size: 15px;
	}
	.myinfo .info span:nth-child(2){
		font-size: 13px;
		opacity: 0.6;
	}
	.myinfo .func{
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.myinfo .func span:first-child{
		color: var(--color-main);
		font-size: 20px;
	}
	.myinfo .func span:last-child{
		font-size: 12px;
		opacity: 0.8;
	}
	.myindexad{
		margin: 0 15px 15px 15px;
		width: calc(100% - 30px);
		border-radius: 8px;
	}


	.myMenu {
		background-color: #fff;
		border-radius: 8px;
		/* min-height: 200px; */
		margin: 0px 15px 0 15px;
		overflow: hidden;
	}

	.myMenu .li {
		display: flex;
		align-items: center;
		justify-content: space-between;
		border-bottom: 1px #f8f8f8 solid;
		padding: 10px 12px;
	}

	.myMenu .li:last-child {
		border-bottom: 0;
	}

	.myMenu .li .icon {
		width: 30px;
		height: 30px;
		border-radius: 50%;
		background-color: var(--color-main);
		color: #fff;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 16px;
		margin-right: 12px;
	}

	.myMenu .li span:nth-child(2) {
		flex: 1;
		font-size: 15px;
	}

	.myMenu .li span:nth-child(3) {
		font-size: 13px;
		color: var(--color-main);
	}

	.myMenu .li span:nth-child(4) {
		font-size: 14px;
		opacity: 0.6;
		margin-top: 2px;
		margin-left: 5px;
	}






	.formBox {
		background-color: #fff;
		border-radius: 8px;
		margin: 15px;
	}

	.formBox .formBoxTitle {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 13px 13px 0 13px;
	}

	.formBox .formBoxTitle span:nth-child(1) {
		font-weight: bold;
		font-size: 15px;
	}

	.formBox .formBoxTitle span:nth-child(2) {
		font-size: 13px;
		opacity: 0.6;
	}

	.formBox .item {
		display: flex;
		align-items: center;
		border-bottom: 1px #f8f8f8 solid;
		padding: 13px 10px 13px 15px;
		font-size: 14px;
		justify-content: space-between;
	}

	.formBox .item .label {
		width: 80px;
	}

	.formBox .item .input {
		flex: 1;
		position: relative;
		align-items: center;
	}


	.formBox .item .input span {
		color: #777;
	}

	.formBox .item .input span.value {
		color: #000;
	}

	.formBox .item .input input {
		font-size: 14px;
		width: 100%;
		border:0;
	}

	.formBox .item .inputGroup{
		display: flex;
		align-items: center;
	}
	.formBox .item .inputGroup input{
		flex: 1;
	}
	.formBox .item .inputGroup > span.btn{
		font-size: 13px;
		background-color: #fff;
		border: 1px #eaeaea solid;
		border-radius: 3px;
		padding: 6px 6px;
	}



	.formBox .item>span {
		opacity: 0.6;
		font-size: 14px;
	}

	.formBox .item .input .avatar{
		width: 40px;
		height: 40px;
		border-radius: 50%;
		background-color: #f4f4f4;
		float: right;
		margin-right: 8px;
		overflow: hidden;
		position: relative;
	}
	.formBox .item .input .avatar img{
		width: 100%;
		height: 100%;
		position: relative;
		z-index: 1;
		object-position: center;
		object-fit: cover;
	}
	.formBox .item .input .avatar > .hiddenButton{
		opacity: 0;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 10;
	}

	.footerFuncHeight {
		height: 88px;
	}

	.footerFunc {
		position: fixed;
		z-index: 10;
		width: 100%;
		height: 88px;
		background-color: #fff;
		bottom: 0;
		border-top: 1px #eaeaea solid;
		padding-top: 15px;
		box-sizing: border-box;
	}

	.footerFunc .singelBtn {
		padding: 0 15vw;
		width: 100%;
		box-sizing: border-box;
	}
	.footerFunc .btn_primary{
		border:1px #eaeaea solid;
		background-color: #fff;
		color: #555;
	}


	.haibao{
		position: fixed;
		width: 100vw;
		height: 100vh;
		top: 0;
		left: 0;
		z-index: 9999;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	.haibao .zhezhao{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background-color: rgba(0, 0, 0, 0.8);
		z-index: 1;
	}
	.haibao .c{
		position: relative;
		z-index: 2;
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	.haibao .c > img{
		width: 80%;
		margin-top: -20vh;
		margin-bottom: 32px;
	}
	.haibao .c .button{
		width: 60%;
	}




	.bg {
		width: 100%;
		height: auto;
		opacity: 0.8;
		position: fixed;
		top: -95px;
		z-index: 0;
	}

	.news_show{
		padding: 15px;
		box-sizing: border-box;
	}
	.news_show .title{
		text-align: left;
		border-bottom: 0;
		padding: 0px 0;
		font-size: 16px;
	}



	
}
@media screen and (max-width: 768px) {

}
@media screen and (max-width: 640px) {


}
@media screen and (max-width: 480px) {
	
}