@charset "utf-8";
/* CSS Document */
@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
  .index-m{  width:100%;  -webkit-order:1; order:1;}
	.index-r{  width:100%; -webkit-order:2; order:2;}
	.index-l{  width:100%; -webkit-order:3; order:3;} 
	.lianlan-main{width: 100%; }
	.lianlan-right{width: 100%;}
	.pjlist-item .item-info p{ display: block;}
	.carousel-item a { display: block;}
	.log-reg-box{ width: 410px;}

	.input-item input[type="text"]#smscode{
		width: 185px;
	}
}

@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
  .index-m{  width:60.93%;  -webkit-order:1; order:1;}
	.index-r{  width:37.5%;  -webkit-order:2; order:2;}
	.index-l{  width:100%;  -webkit-order:3; order:3;} 
	.lianlan-main{width: 68.4873%; }
	.lianlan-right{width: 30.2521%;}
	.l{ width: 16.81%; display: block}
  .m .nav{ display: none;}
	.m{ width: 55.46%;}
	.r{ width: 25.21%;}
	.fencai-list-item{
		width: 32%;
	}
	.article-top-item a.pic {
		width: 26.55%;
		padding-bottom: 17.69%;
		margin-bottom: 0;
	}
	.article-top-item.pinpai a.pic {
		width: 26.55%;
		padding-bottom: 22%;
		margin-bottom: 0;
	}
	.article-top-item-right {
		width: 70%;
		align-content: space-between
	}
	
	.article-title h1,.article-title-btn  {
		width: 50%;
	}
	.width68 {
    width: 68%;
	}
	.width30  {
	    width: 30%;
	}
	.media-right .media-smalltext{
			display: block;
	}
	.lw-8{
		width: 8% !important;
	}
	.lw-12{
		width: 12% !important;
	}
	.lw-15{
		width: 15% !important;
	}
	.lw-20{
		width: 20% !important;
	}
	.lw-23{
		width: 24% !important;
	}
	.lw-25{
		width: 27% !important;
	}
	.lw-30{
		width: 30% !important;
	}
	.lw-45{
		width: 45% !important;
	}
	.lw-55{
		width: 55% !important;
	}
	.lw-65{
		width: 65% !important;
	}
	.l-pl15{
		padding-left:15px !important
	}
	.l-p20{
		padding:20px !important
	}
	.l-order-1{
		order: 1 !important;
	}
	.l-order-2{
		order: 2 !important;
	}
	.cp-nav a {
		 width: 100%;
		 padding:10px 0 10px 35%;
		 line-height: 2rem;
		 background-position: 16% center;
		 font-size: 1.1rem;
		 font-weight: bold;
		 opacity: 1;
		 text-align: left;
	}
	
	.cp-nav a.active{
		color: #509f52;
		background-color: #f5f5f5;
		border-left:solid 3px #509f52
	}
	#favlist.list .media-item a.pic{
		width: 18%;
		padding-top:13.68%
	}
	#favlist.list .media-item .media-right{
		width: 78%;
	}
	.xieyi{
		padding:80px;
		margin: 30px;
	}
	.userinfo .infoitem{
		width: 65%;
	}
	.actionbox a{
		width: 100%;
	}
	#itemlist{
		min-height:500px
	}
	.pinpai-banner-bg {
		padding-bottom: 26.72%;
	}
	.pinpai-banner-bottom {
		padding: 2rem 2rem 1.25rem;
		text-align: right;
	}
	.pinpai-banner-logo {
		bottom: 1.25rem;
	}
	.box-title-lag strong{flex-shrink:1; width:auto; margin-right:30px}
	.news-morepic a.pic {
		width: 24.5%;margin-right: 15px;padding-bottom: 15.92%;
	}
	.xs{display:block}
	.article-top-item{ margin:0}
	.pinpai .article-top-item-right {
		padding: 0 20px;
	}
	#pinjian .media-item{
		width:50%;
		padding:0 10px
	}
}

@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
  .index-m{  width:60.93%; -webkit-order:1; order:1;}
	.index-r{  width:37.5%;  -webkit-order:2; order:2;}
	.index-l{  width:100%;  -webkit-order:3; order:3; } 
	.pjlist-item .item-info p{
			-webkit-line-clamp:3;
			margin-top: 25px;
			font-size: 14px;
	}
	.sharebox{ display: block;}
	.photo-box.blh, .photo-box.xcl{width: 38.5%;}
	.photo-box.cyfz{ width: 19.83%;}
	.photo-slid{ width: 54.78%;}
	.photo-pics{ width: 43.86%;}
	.photo-pics li .titleinfo p { width: 80%;}
	.searchbox-baike .inputbox input[type='search']{
		width: 65%;
		border-radius: 50px;
		float:left;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}
	.searchbox-baike .inputbox input[type='submit']{
		display: inline-block;
	}
	.picitem {
		width: 18.99%;
	}
	.lw-70{
		width: 70% !important;
	
	}
	.lw-68{
		width: 68% !important;
	}
	.lw-30{
		width: 30% !important;
	}
	.lg-j-content-e{
		justify-content: flex-end !important
	}
	.w810{
		width:810px; margin:0 auto;
	}
	.navbar-collapse{ 
		position: relative;
		background:transparent;
		top:0;
		padding-left:0;
		box-shadow: none;
	}
	.navbar-collapse .nav-item{ margin:0; border-bottom:none}
	.navbar-expand-lg .navbar-nav .nav-link.charen, .navbar-expand-lg .navbar-nav .nav-link.pinpai {
	padding-left: 1.5rem;
	}
	.navbar-expand-lg .navbar-nav .nav-link.charen {
		background: url(../img/tea_cup.png) no-repeat left center;
	}
	.navbar-expand-lg .navbar-nav .nav-link.pinpai {
		background: url(../img/tea.png) no-repeat left center;
	}
	.navbar-expand-lg .navbar-nav .nav-link.charen:hover, .navbar-expand-lg .navbar-nav .nav-link.charen.active {
		background: url(../img/tea_cup_hover.png) no-repeat left center;
	}
	.navbar-expand-lg .navbar-nav .nav-link.pinpai:hover, .navbar-expand-lg .navbar-nav .nav-link.pinpai.active {
		background: url(../img/tea_hover.png) no-repeat left center;
	}
	.breadcrumb~.navbar-toggler{ display:none}
}

@media (min-width: 1200px) {
  .container {
    max-width: 1190px;
  }
  .index-m{  width:500px;  -webkit-order:2; order:2;}
	.index-r{  width:360px;  -webkit-order:3; order:3;}
	.index-l{  width:300px;  -webkit-order:1; order:1;}
}

@media(max-width: 415px){
	.topnav { height:50px; padding:9px 0}
	.topnav .topnav-l li{ margin:-9px 0}
	.topnav .topnav-l li a{
		text-indent:-9999px;
		padding-left:40px;
		margin-right:0;
		height:50px;
		width:40px;
	}
	.topnav .topnav-l li:first-child a{ background:url(../img/home.png) center center no-repeat; background-size:16px;}
	.topnav .topnav-l li:last-child a{ background:url(../img/app.png) center center no-repeat; background-size:19px;}
	.topnav .topnav-l li a:active{ background-color:#ededed}
	.topnav .topnav-mid input[type=search]{ width:150px; margin-right:5px}
	.topnav .topnav-r li{ display:none}
	.topnav .topnav-r li.sx{ display: inline-block}
	.logo{ display:none}
	.logo.sx{  margin-left:15px; display:block}
	.navbar{ padding:10px 0}
	.navbar-toggler{ margin-right:15px;  border: 1px solid #8b8b8b;}
	.nav-item.sx{ display:none}
	.footer-l{ margin-left:15px;}
	.footer-r{ margin-right:15px; float:left;}
}