@charset "utf-8";
/* CSS Document */

	ul, li{ list-style-type: none; margin:0px;padding:0px;}
	a,a:link { text-decoration: none; }
	a:active{ text-decoration: none; color:#000}
	a:focus { outline: none; }
	img{border:0px;}
	.width{width: 1200px;margin: 0 auto;}
	.clear{content:"";clear:both;display:none;}
	.ellipsis1{text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 1;overflow: hidden;}
	.ellipsis2{text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 2;overflow: hidden;}
	.lf{float: left;}
	.rt{float: right;}
	.more{font-size: 14px;color: #888;float: right;font-family: normal;}
	.more:hover{color: rgb(53, 105, 234);}

	/*footer*/
	#footer{width: 100%;background: #fff;padding: 30px 0 50px;background: #fff;}
	#footer p,#footer p a{text-align: center;color: #666;height: 26px;line-height: 26px;}
	
	/*gototop*/
	.gototop{display:none;position:fixed;bottom:160px;right:20px;width:40px;height:40px;background:url() no-repeat;background-size:100% auto;z-index:999;}

 	#main{display: flex;flex-flow: row nowrap;margin-top: 10px;}
	.cznavLeft{width: 220px; height:950px;margin-right: 10px;background: #fff;}
 	.cznavLeft .tips{color: #fff;font-size: 18px;height: 44px;line-height: 44px;background: #3c77d9;text-align: center;}
 	.cznavLeft .tips:before,.cznavLeft .tips:after{width: 35px;height: 2px;background: #fff;display: inline-block;content:'';margin: 0 10px 4px;}
 	.cznavLeft .one{margin: 0 10px;position: relative;}
 	.cznavLeft .one .ititle{height: 42px;line-height: 42px;border-bottom: 1px solid #f4f4f4;}
 	.cznavLeft .one .ititle span{font-size: 16px;color: #333;display: inline-block;height:41px;}
	.cznavLeft .one .ititle i{width: 4px;height: 14px;position: absolute;left: -10px;top: 15px;background: #3c77d9;}
 	.cznavLeft .one ul li{float: left;width: 60px;height: 80px;}
 	.cznavLeft .one ul .czcent2,.cznavLeft .one ul .czcent5,.cznavLeft .one ul .czcent8,.cznavLeft .one ul .czcent11{margin: 0 5px;}
 	.cznavLeft .one ul li img{margin:5px;width: 50px;height: 50px;}
 	.cznavLeft .one ul li p{margin:5px 0;width: 60px;height: 14px;line-height: 14px;font-size: 12px;text-align: center;}
	
 	.navLeft{width: 220px;margin-right: 10px;background: #fff;}
 	.navLeft .tips{color: #fff;font-size: 18px;height: 44px;line-height: 44px;background: #3c77d9;text-align: center;}
 	.navLeft .tips:before,.navLeft .tips:after{width: 35px;height: 2px;background: #fff;display: inline-block;content:'';margin: 0 10px 4px;}
 	.navLeft .one{margin: 0 10px;}
 	.navLeft .one .ititle{height: 42px;line-height: 42px;border-bottom: 1px solid #f4f4f4;}
 	.navLeft .one .ititle span{font-size: 16px;color: #333;border-bottom: 3px solid #ffb400;display: inline-block;height:41px;}
 	.navLeft .one ul li{display: flex;flex-flow: row nowrap;padding: 10px 0;border-bottom: 1px dotted #f4f4f4;}
 	.navLeft .one ul li:last-child{border-bottom:0;}
 	.navLeft .one ul li .lf{width: 55%;margin-right: 5%;}
 	.navLeft .one ul li .lf h3{color: #333;font-weight: normal;height: 40px;line-height: 20px;overflow: hidden;}
 	.navLeft .one ul li .lf p{color: #999;font-size: 10px;height: 30px;line-height: 30px;}
 	.navLeft .one ul li .img{width: 40%;height: 70px; overflow: hidden;}
 	.navLeft .one ul li img{width: 80px;height: auto;}
 	
 	
 	
 	.content{width: 740px;background: #fff;}
 	
 	/*最新活动*/
 	.tiebaRight{width: 220px;margin-left: 10px;}
 	.tiebaRight .newactivity{background: #fff;margin-bottom: 10px;padding:0 10px;}
	.tiebaRight .newactivity .ititle{height: 45px;line-height: 45px;border-bottom: 1px solid rgb(221, 221, 221);position: relative;font-size: 16px;color: #333;}
	.tiebaRight .newactivity .ititle span{position: absolute;top: 15px;left: -10px; width: 4px;height: 15px;display: inline-block;background:#ff5f00;}
	.tiebaRight .newactivity ul li{margin-top: 10px;padding-bottom: 10px;border-bottom: 1px dotted #f4f4f4;}
	.tiebaRight .newactivity ul li:last-child{border-bottom:0;}
	.tiebaRight .newactivity ul li .img{width: 100%;height: 110px;overflow: hidden ;}
	.tiebaRight .newactivity ul li .img img{width: 100%;height: auto;}
	.tiebaRight .newactivity ul li .name{color: #666;font-size: 12px;height: 25px;line-height: 25px;overflow: hidden;font-weight: normal;}
	.tiebaRight .newactivity ul li .time{font-size: 10px;color: #999;height: 25px;line-height: 25px;}
	.tiebaRight .newactivity ul li .time a{padding: 0 5px;background: #ff5f00;color: #fff;float: right;}

	/*贴吧排行*/
	.tbph{background: #fff;padding:0 10px;margin-bottom: 10px; display: none;}
	.tbph .ititle{height: 45px;line-height: 45px;border-bottom: 1px solid rgb(221, 221, 221);position: relative;font-size: 16px;color: #333;}
	.tbph .ititle span{position: absolute;top: 15px;left: -10px; width: 4px;height: 15px;display: inline-block;background:#e9455a;}
	.tbph ul li{display: flex;flex-flow: row nowrap;padding:10px 0;border-bottom: 1px dotted #f4f4f4;}
	.tbph ul li:last-child{border-bottom:0;}
	.tbph ul li .img{width: 40px;height: 40px;overflow: hidden;margin-right: 10px;background:#bfbfbf;border-radius: 50%;}
	.tbph ul li .img img{width: 100%;height: auto;}
	.tbph ul li .text .name{height: 20px;line-height: 20px;font-size: 14px;color: #666;}
	.tbph ul li .text p{height: 20px;line-height: 20px;font-size: 12px;color: #999;}
	.tbph ul li .text p span{padding-right: 2px;}

	/*客服中心*/
	.service{background: #fff;padding:0 10px;}
	.service .ititle{height: 45px;line-height: 45px;border-bottom: 1px solid rgb(221, 221, 221);position: relative;font-size: 16px;color: #333;}
	.service .ititle span{position: absolute;top: 15px;left: -10px; width: 4px;height: 15px;display: inline-block;background:#e9455a;}
	
	.service ul.ewm,
	.service .zx,
	.service .lx{display: flex;flex-flow: row nowrap;margin-top: 10px;}
	.service .zx li:first-child{width:25%;border-right: 1px solid rgb(221, 221, 221);}
	.service .zx li:first-child .img{width:36px;height: 36px;text-align: center; background: #999;border-radius: 50%;}
	.service .zx li:first-child .img img{margin-top:5px;}
	.service .zx li h3{height: 20px;line-height: 20px;font-size: 14px;font-weight:normal;color: #333;padding-left: 5px;}
	.service .zx li p{height: 16px;line-height: 16px;font-size: 12px;color: #999;padding-left: 5px;overflow: hidden;}
	
	.service .lx li{width: 48%;margin-right: 4%;margin-top: 10px;margin-bottom: 10px; display: flex;flex-flow: row nowrap;border: 1px solid #3c77d9;padding: 3px;}
	.service .lx li:last-child{margin-right: 0;}
	.service .lx li .img{width: 30%;}
	.service .lx li p{color:#3c77d9;font-size: 14px;}
	
	.service ul.ewm li{width: 50%;padding: 10px 0;}
	.service ul.ewm li .img{width:80px;height: 80px;overflow: hidden;margin: 0 auto;}
	.service ul.ewm li .img img{width: 100%;height: 100%;}
	.service ul.ewm li .name{height: 30px;line-height: 30px;text-align: center;font-size: 12px;color: #999;}

	/*热门话题*/
	.hottopic{margin: 0 20px;}
	.hottopic .cztitbx{border-bottom: 1px solid rgb(221, 221, 221);position: relative;color: #333;}
	.hottopic .czititle{height: 45px;line-height: 45px;position: relative;font-size: 16px;color: #333;}
	.hottopic .czititle span{color:#e9455a;}
	.hottopic ul{display: flex;flex-flow: row wrap;margin-top: 20px;}
	.hottopic ul li{width: 49%;margin-right: 2%;display: flex;flex-flow: row nowrap;margin-bottom: 20px;}
	.hottopic ul li:nth-child(2n){margin-right: 0;}
	.hottopic ul li .img{width:137px;height: 110px;margin-right:3%;background: #F0EAD8;overflow:hidden;}
	.hottopic ul li .img img{width: 100%;height: auto;}
	.hottopic ul li .text{width:57%;}
	.hottopic ul li .text .name{font-size: 14px;color: #666;font-weight: normal;height: 40px;line-height: 20px;overflow: hidden;margin-bottom: 10px;}
	.hottopic ul li .text .name span{color: #fff;font-size: 12px;background: #ff9800;padding: 1px 4px;margin-right: 3px;}
	.hottopic ul li .text p{height: 60px;line-height: 20px;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 3;font-size: 12px;color: #999;}
	
	/*中间幻灯片*/
	.czcentslide{ width:740px; height:230px; overflow:hidden; position:relative;margin-bottom: 10px;}
	.czcentslide .hd{ height:15px; overflow:hidden; position:absolute; right:345px; bottom:5px; z-index:1; }
	.czcentslide .hd ul{ overflow:hidden; zoom:1; float:left;  }
	.czcentslide .hd ul li{ float:left; margin-right:2px;  width:10px; height:10px; line-height:14px; text-align:center; cursor:pointer; border-radius: 50%;border:1px solid #ddd;}
	.czcentslide .hd ul li.on{ background:#fff; color:#fff; }
	.czcentslide .bd{ position:relative; height:100%; z-index:0;   }
	.czcentslide .bd li{ zoom:1; vertical-align:middle; }
	.czcentslide .bd img{ width:740px; height:230px; display:block;  }

	.czcentslide .prev,
	.czcentslide .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../image/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
	.czcentslide .next{ left:auto; right:3%; background-position:8px 5px; }
	.czcentslide .prev:hover,
	.czcentslide .next:hover{ filter:alpha(opacity=100);opacity:1;  }
	.czcentslide .prevStop{ display:none;  }
	.czcentslide .nextStop{ display:none;  }
	
	/*最新回复*/
	.reply{}
	.reply .ititle{height: 40px;line-height: 40px;border-bottom: 1px solid rgb(221, 221, 221);margin:0 20px;}
	.reply .ititle li a{cursor: pointer;font-size: 16px;color: #333;display: inline-block;height: 37px;}
	.reply .ititle li.active a{color:#3c77d9;border-bottom: 3px solid #3c77d9;}
	.reply .ititle li span{width: 1px;height: 16px;display: inline-block;background: rgb(221, 221, 221);margin: -2px 40px;padding-top: 3px;}
	.reply .pageList{margin: 0 20px;}
	.pageList li{padding-bottom: 20px;padding-top: 20px;border-bottom: 1px dotted #ccc;height:145px;}
	.pageList li:last-child{border-bottom:none;}
	.pageList li .img{width:32%;height: 140px;margin-right:2%;background: #F0EAD8;overflow: hidden;float:left;}
	.pageList li .img img{width: 100%;height: auto;}
	.pageList li .text{width: 66%;float:left;}
	.pageList li .text .name{font-size: 18px;color: #666;height: 28px;line-height: 28px;overflow: hidden;font-weight: normal;padding-right:10px;}
	.pageList li .text .detail{height: 35px;line-height: 35px;margin-bottom: 10px;}
	.pageList li .text .detail span{margin-right: 10px;font-size: 10px;color: #888;}
	.pageList li .text .detail .icon{width: 30px;height: 30px;border-radius: 50%;overflow: hidden;background: #F0EAD8;display: inline-block;vertical-align: middle;}
	.pageList li .text .detail .icon img{width: 30px;height: 30px}
	.pageList li .text .detail span.type{color:#e9455a;font-size: 12px;border: 1px solid #e9455a;padding:2px 5px;}
	.pageList li .text .detail span.type a{color:#e9455a;}
	.pageList li .text .detail span.name{font-size: 12px; color: #3c77d9;}
	.pageList li .text .detail span.view{padding-left: 16px;background: url('../image/eye.png') no-repeat 0 4px;}
	.pageList li .text .detail span.common{padding-left: 16px;background: url('../image/common.png') no-repeat 0 3px;}
	
	
	.pageList li .text p{line-height:18px;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 4;font-size: 12px;color: #999;padding-right:10px;}

	.icontent{width:740px;overflow:hidden;}
	#ipage{width:740px;height:30px; margin:20px auto;font-size:14px;}
	#ipage span{display: none; padding: 0 10px; width: 50px;height: 30px;line-height: 30px; background: #fff;/* display: inline-block;*/float: left;text-align: justify;text-justify:inter-ideograph;}
	#ipage .pg .prev,#ipage .pg label{display: none;}
	#ipage .pg a,#ipage .pg strong{width:30px;height:30px;line-height: 30px;margin:0 5px; padding: 0;border: 0; text-align: center;font-weight: 500;}
	#ipage .pg strong{background: #3c77d9;color: #fff;}
	#ipage .pg .last{width:60px;background: #fff;color: #999;}
	#ipage .pg .nxt{width:60px;background: #3c77d9;color: #fff;}

	#btn{cursor:pointer;display: inline-block;}
	#btn li{width:30px; height:30px;line-height:30px;text-align:center; background:#fff;margin:0 5px;display: inline-block;}
	#btn li.active2{color:#fff;background:#3c77d9;}


	/*会员数*/
	.chart{ padding:0; background:none;}
	#chart{ background: #fff; margin-bottom:15px;padding:10px 15px; width:863px; border: 1px solid #ededed!important;}
	#chart .y em .xi2{ color:#666;}
	#chart .y{ color:#919090; margin-top:10px;}
	#chart .y a:hover{ }
	.chart span{display: inline-block;padding-left: 40px;margin-right: 20px;text-align: center;}
	.nex_jinri{ background:url(../image/today.png) left center no-repeat;}
	.nex_zuori{background:url(../image/yesterday.png) left center no-repeat;}
	.nex_tiezishu{background:url(../image/post.png) left center no-repeat;}
	.nex_shuzi{background:url(../image/huiyuan.png) left center no-repeat;}

	/*发帖按钮*/
.cznewy{margin:4px 0 0 10px !important; width:80px;height:33px;line-height: 30px; font-size:16px;text-align: center;background: url(../image/pn_post.png);color: #fff !important;}


.czpicbg {width: 100%;height: 0;padding-bottom: 140px;overflow: hidden;background-position: center center !important;background-repeat: no-repeat !important;-webkit-background-size: cover !important;-moz-background-size: cover !important;background-size: cover !important;}