@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;
  }
  .no-wrap {
		-ms-flex-wrap: nowrap !important;
		flex-wrap: nowrap !important;
	}
  .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: 31%;
	}
	.cklist-content .media-item{
		width: 12%;
        margin-right: 5px;
        margin-bottom: 15px;
	}
	
	.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
	}
	
	.chapin .article-top-item a.pic {
		width: 30%;
		padding-bottom: 25%;
		margin-bottom: 0;
	}
	
	.chapin .article-top-item-right {
		width: 68%;
		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-17{
		width: 17% !important;
	}
	.lw-20{
		width: 20% !important;
	}
	.lw-23{
		width: 24% !important;
	}
	.lw-25{
		width: 27% !important;
	}
	.lw-30{
		width: 30% !important;
	}
	.lw-33{
		width: 33% !important;
	}
	.lw-40{
		width: 40% !important;
	}
	.lw-45{
		width: 45% !important;
	}
	.lw-50{
		width: 50% !important;
	}
	.lw-55{
		width: 55% !important;
	}
	.lw-65{
		width: 65% !important;
	}
	.lw-68{
		width: 68% !important;
	}
	.lw-83{
		width: 83% !important;
	}
	.lw-86{
		width: 86% !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
	}*/
	.bind-box{
		padding-top:273px;
		margin-bottom: 60px;
	}
	.bindbox-item{
	  width: 300px !important;
	  height: 150px;
	}
	h1.tea-title {
		text-align: left;
		margin-top: 0;
	}
	.pl-4{		
    	padding-left: 1.5rem!important;
	}
	.cp-pic-item {
		width: 160px;
	}
	.box-title {
		height: 60px;
	}
	#myTab li a {	
		font-size: 16px;
	}
	.tea-tag {
		font-size:16px;
	}
	.nav-tabs{ margin-left: 0;}
	.ccnf a {
		padding: 0 30px
	}
	.box-nav{
		font-size: 18px;
	}
	.article-title-btn{
		text-align: right;
	}
	.article-title-btn a{
		margin-left: 0;
		margin-right: 20px
	}
}

@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}
    .banner{
        display: block
    }
    .videos-top{
        flex-wrap: nowrap;
        align-content: stretch;
        margin-bottom: 15px;
    }
    .video-list-line{
        flex-wrap: wrap;
        flex-shrink: 0;
        width: 190px;
        padding:0;
        margin: 0;
        align-content: space-between;
    }
    .video-items{
        width: 190px;
        margin: 0;
    }
    .video-zhibo{
        order: 2;
        padding: 0 15px;
        margin-bottom: 0;
    }
    .video-list-line:first-child{
        order: 1;
    }
    .zhibo{
        vertical-align:middle;
    }
    .video-bottom{
        padding:0;
        flex-wrap: nowrap
    }
    .pros{
        margin: 0;
        overflow: hidden;
        justify-content: space-between
    }
    .pro-item{
        width:32%;
        margin: 0;
    }
    .titles a{
        position: absolute; 
        right:0; top:50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%); 
        font-size: 14px;
    }
    .video-items p,.video-items p:nth-child(3){
        margin-left: 0;
        margin-right: 0
    }
    .titles a{
        display: block
    }
}

@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;}
	.w-1000{ width: 1000px;}
  .video-list-line{
     width: 230px;
   }
   .video-items{
        width: 230px;
        margin: 0;
        padding:15px;
   }
    .video-items img{
        height:135px;
    }
    .video-items:nth-child(5){
        display: inline-block !important
    }
    .sh-newslist{
        padding:0;
        align-items: stretch;
    }
    .sh-newslist .video-items{
        margin-right: 8px;
        margin-bottom: 15px;
        flex-shrink: 0
    }
    .sh-pics{
       padding:0; 
       display: flex;
       justify-content: space-between;
       align-content: stretch
    }
    .sh-pics-1{
        width: 470px;
    }
    .sh-pics-1 img{
        position: relative;
        height: 100%
    }
    .sh-pics-6{
        width:710px; 
    }
    .sh-pics-6 img{
        width:230px;
    }
    .sh-scollpic{
        position: relative;
        overflow: hidden;
    }
    .sh-scollpic .toPre,
    .sh-scollpic .toNext{
        position: absolute;
        display: inline-block;
        width:34px;
        height: 69px;
        top:50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%); 
        background-size:100%; 
        background: url("data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAABFCAQAAACFv/yrAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfkDA8UKCXR5H8iAAABGUlEQVRYw2NkuMFAMWCi3IhRQ0YNGTVk1JBRQ0YNoYUhtYIUGzJPokmMQkPmSSTyv/xPkSEQIzzvU2DIPIlE/nO/Pe+f/41LBQshI1ZLh/Cc+218D58aAoacVTJiJWQEAe+cVTJiPfKTkBF4DTmrZMQ6/6PtA8KhxoTfiKQXhI3AGSbXlTVYiDUCp0sUWT7+n/yWOCNwGlL4jINxv2ImL3GGMDPkYBM+8+vtLx8+D963v878ItsQiDEevMQZg9MQBoYzv65+c+EL4CNsDN7Etv675/0P//ulCIUNgQx4/jcxxhDMxTBj5klQYAjMmER+3MYwEttBOKtkxMp4k2yXQIDxvSM/KXYJPjAkK69RQ0YNGTVk1JCRZAgAzARmXHf52VkAAAAASUVORK5CYII=") no-repeat;
        opacity: .6;
        cursor: pointer;
    }
   
    .sh-scollpic .toNext{
        background-image: url("data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAABFCAQAAACFv/yrAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfkDA8UJTrpQgyaAAABFklEQVRYw2Nk2MxAMWCi3IhRQ0YNGTVk1JBRQwbEkIPaVDDETvGMAcWGzLloLPPCTp+VIkNSH8+5KMC105IYY/AEbOrjvGPEGYM3dmZ9Is4YZoYofNJnf756FagUKnHr9c3fZBsCN0b+1auzP8k2BGKMp6ynLG5jiDAEYoyjhK8CLmMYiW2f6LMetONg5diBTY7ovJMjwc957w12OSINmS2bon/2idYZCgyBGGFyAZc8C2EjDmrbKeIzgghDzhgYy+A3gqB3zhgYy6y6it8IvIbos54xMJaZczH8PiHXsuA2YqelON+ci6mPCYcaTpcQbwQeQ4g3Ak/e+f227AVxRpCQd8jyzqgho4aMGjJqyKgho4bQwBAAv8xf2FoqSAQAAAAASUVORK5CYII=");
        display: none;
    } 

    .sh-scollpic .toPre:hover,
    .sh-scollpic .toNext:hover{
        opacity: 1
    }
    .sh-scollpic .toNext{
        right:0;
    }
}

@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; width: 121px; height: 39px;}
	.logo.sx img{width: 100%; height: auto;}
	.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;}
}
.btn-green {
    color: #fff;
    background-color: #509f52;
    border-color: #509f52;
    padding: .8rem 2.5rem;

}