@charset "utf-8";
*,::before,::after{margin: 0px;padding: 0px;}
body{color:#333;font-size:100%;font-family:arial,'pingfang sc',stheiti,"microsoft yahei",sans-serif;}
ul, ol, a{list-style: none;}
a{text-decoration:none;color: #000;}
a:hover {color: rgba(62, 126, 254, 1);}

.header,.main,.article-list,.article,.head-p{width:1068px;height:auto;margin:0px auto;overflow:hidden;padding:0 5px;}
.header{}
.head{font-size:12px;line-height:18px;border-bottom:2px solid #FFFFFF;background:#eff1f5;}
.head-p{}
.weblogo{float:left;}
.icon-logo{width:150px;height:50px;float:left;}
.icon_img{width:100%;height:100%;}
.icon-home,.icon-nav{display:none;}
.webnav{float:left;padding-left:20px;line-height:50px;}
.lnav{float:left;width:20px;}
.rnav{float:left;width:280px;}
.webnav a{padding:0 5px;font-size:0.875em;display:inline-block;}

.queryform{float:right;height:50px;}
.queryform input{vertical-align: top; }
.querybox{float:left;position:relative;overflow:hidden;padding:12px 0px; }
.querytxt{padding:0px 20px 0px 5px;width:210px;height:24px;border:1px solid #fe8c3f;color:#999;}
.querybtn{float:left;overflow:hidden;padding:12px 0px; }
.querybtn input{border:none;height:26px;width:50px;background: #fe8c3f; }
.delbtn{width:16px;height:16px;background-image:url(__PUBLIC__/style/images/ico_close.png);background-repeat: no-repeat;position:absolute;right: 5px;top: 16px;display:none; }

.main{padding-top:10px;border-top: 2px solid #fe8c3f;}
.main-header{width:100%;overflow: hidden;}
.main-header-img{float:left;width:360px;height:230px;position:relative;}
.slide-adjust{padding:0px;font-size:0px;line-height:0;}
#slideImg img{width:100%;height:200px;}
#slideImg span{font-size:14px;display:block;background-color:#FFFFFF;width:100%;line-height:25px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:5px;}
.swiper-pagination{bottom:35px;right:10px;}
.swiper-pagination-bullet {width: 20px; height: 20px; text-align: center; line-height: 20px; font-size: 12px;color:#000; opacity: 1;background: rgba(0,0,0,0.2);}
.swiper-pagination-bullet-active {color:#fff;background: #007aff;}

.main-header-m{float:left;width:344px;height:230px;margin-left:10px;background-color:#FFFFFF;}
.main-header-r{float:left;width:344px;height:230px;margin-left:10px;background-color:#FFFFFF;}
.main-header-m h3,.main-header-r h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.li-list{line-height:35px;}
.li-list i{display:inline-block;width: 4px;height: 4px;background: #fe8c3f;margin-bottom: 5px;margin-right: 5px;}
.li-list li{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.content-a,.content-b{width:100%;margin-top:10px;overflow:hidden;}
.funny-img{width:100%;margin-top:10px;}
.funny-img-title{overflow:hidden;line-height:35px;background-color: #fe8c3f;border-radius:10px;}
.funny-img-title h2{float:left;padding-left:10px;}
.more{float:right;padding-right:10px;}
.funny-img-list{margin-top:5px;overflow:hidden;}
.funny-img-list-img{width:200px;height:120px;position:relative;float:left;overflow: hidden;}
.funny-img-list-img img{width:100%;height:100%;transition:all 0.4s;}
.funny-img-list-img img:hover{transform: scale(1.1);}
.funny-img-list-img span{position:absolute;font-size:0.875em;bottom:0px;left:0px;background:rgba(0,0,0,.6);color:#FFF;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.img-space1,.img-space2,.img-space3,.img-space4,.img-space5{margin-left:17px;}
.img-space5{display:none;}

.content-at,.content-bt{line-height:40px;background:#eff1f5;}
.content-al{float:left;width:348px;}
.content-ac{width:368px;height:348px;float:left;margin-left:12px;}
.content-ar{width:326px;height:344px;float:left;margin-left:12px;border:solid 1px #ffd1c7;border-top:solid 3px #fe8c3f;}
.al-tuiju{border-top:3px solid #fe8c3f;width:100%;height:220px;overflow:hidden;position:relative;}
.al-jinhua{width:100%;height:110px;margin-top:15px;}
.al-tuiju img{width:100%;height:100%;transition:all 0.4s;}
.al-tuiju img:hover{transform: scale(1.1);}
.al-tuiju h3{position:absolute;left:0px;bottom:5px;color:#FFF;}
.alj0,.alj1{width:168px;height:110px;float:left;overflow:hidden;position:relative;}
.alj1{margin-left:12px;}
.alj0 img{width:100%;height:100%;transition:all 0.4s;}
.alj0 img:hover{transform: scale(1.1);}
.alj0 span{position:absolute;left:0px;bottom:0px;color:#FFF;background: rgba(0,0,0,.6);width: 100%;font-size:0.875em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.alj1 img{width:100%;height:100%;transition:all 0.4s;}
.alj1 img:hover{transform: scale(1.1);}
.alj1 span{position:absolute;left:0px;bottom:0px;color:#FFF;background: rgba(0,0,0,.6);width: 100%;font-size:0.875em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.content-ac h3{line-height:36px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.content-ar h3{line-height:36px;font-weight: 400;padding-left:12px;}
.content-ar-list{line-height:35px;}
.content-ar-list p{font-size:0.875em;display:-webkit-box; text-overflow:ellipsis;-webkit-line-clamp:3; -webkit-box-orient:vertical;white-space:normal;overflow:hidden;line-height:32px;}
.content-ar-list b{width: 18px;height: 18px;line-height: 20px;text-align: center;display: block;float: left;border: 1px solid #e4e4e4;margin-top: 6px;margin-right: 5px;margin-left:5px;color:red;}
.content-ar-list li{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.content-ac p{border-bottom:2px dashed #ecf0f1;line-height:27px;font-size:0.875em;display: -webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2; -webkit-box-orient:vertical;white-space:normal;overflow:hidden;}
.content-ac-list li{line-height:32px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.content-bl{float:left;width:740px;margin-left:-12px;}
.content-br{float:left;width:328px;margin-left:12px;}
.content-bls{float:left;width:358px;height:200px;margin-left:12px;margin-bottom:12px;}
.content-brs{width:314px;height:196px;border:solid 1px #ffd1c7;border-top:solid 3px #fe8c3f;margin-bottom:12px;padding-left:12px;}
.content-brs a{display:inline-block;border:1px solid #e1e1e1;border-radius:5px;margin:5px 5px;font-size:0.875em;padding:5px 5px;}
.bls-header{color:#fe8c3f;padding-left:5px;line-height:24px;border-bottom:dashed 1px #fe8c3f;position:relative;}
.bls-header-a{position:absolute;right:5px;top:0px;color:#fe8c3f;}
.bls-img{width:70px;height:70px;float:left;padding:20px 5px 5px 5px;}
.bls-img img{width:100%;height:100%;}


/*list*/
.article-list-path{line-height:2;background-color:#fe8c3f;font-size:0.875em;padding-left:5px;}
.article-list-l,.article-list-r{float:left;}
.article-list-l{width:768px;min-height:20px;}
.article-list-r{width:264px;margin-left:36px;line-height: 2;}
.list-nav{line-height:3;overflow:hidden;}
.list-nav-li a{color:#fe8c3f;}
.list-nav li{float:left;display:block;margin:0px 5px;}
.article-img{float:left;width:200px;height:120px;margin-right:24px;}
.article-img img{width:100%;height:100%;}
.article-intro{line-height:24px;}
.article-intro p{font-size:0.875em;text-indent:2em;overflow:hidden;display:-webkit-box; text-overflow:ellipsis;-webkit-line-clamp:3; -webkit-box-orient:vertical;white-space:normal;}
.article-date{text-align:right;font-size:0.875em;}
.list-content li{padding:10px 0px;border-top:1px dashed #fe8c3f;overflow:hidden;}
.list-rs,.tags{margin:12px 0px;border:1px solid #fe8c3f;border-top:3px solid #fe8c3f;overflow:hidden;}
.list-rs li{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.list-rs li:before{content:"";width:4px;height:4px;background-color:#3169b0;display: inline-block;margin: 10px 10px 10px 5px;position: absolute;}
.list-rs a{padding-left:15px;}
.list-rs h4,.tags h4{border-bottom:1px solid #fe8c3f;line-height:2;padding-left:10px;}
.tags li{float:left;display:block;background:#ecf0f1;border-radius:10px;margin:3px;padding:3px;line-height:1.3;}
.tags a{color:#9f8f8f;}
.tags li:hover{background:#dde0e1;}

/*列表页码*/
.pagebar{padding:10px 0;text-align:center}
.pagebar a{color:#fe8c3f;}
.pagebar a,.pagebar span{display:inline-block;height:26px;line-height:26px;text-align:center;margin:0px 2px; padding:0 10px;}
.pagebar a:hover, .pagebar span, .pagebar .current{color:#fff}
.pagebar a,.pagebar span{border:1px solid #fe8c3f;}
.pagebar a:hover, .pagebar span, .pagebar .current{background-color:#fe8c3f;}

/*article*/
.article{line-height:2;}
.article-l{float:left;width:768px;}
.article-r{float:left;width:276px;margin-left:24px;}
.article-title{text-align:center;padding:0px 10px;}
.article-content p img{max-width:680px;height:auto;}
.article-tags{color:#fe8c3f;}
.article-tags a{color:#999;background-color:#eff1f5;padding: 5px 5px;border-radius: 5px;font-size: 0.875em;margin:0 5px;}
.btns{padding:0px 60px;overflow:hidden;}
.pre_a{float:left;}.next_a{float:right;}
.pre_a,.next_a{background-color: #fe8c3f;margin:-3px 0px;padding:0px 10px;}

.footer{background:#eff1f5;margin-top:15px;font-size:0.875em;}
.friendship{overflow:hidden;margin-top:24px;border:2px solid #eff1f5;}
.friendships li{float:left;margin:5px;}

@media screen and (max-width: 768px) {
	.head,.header,.main,.footer,.article-list,.article{width:98%;padding:0 1%;}
	.webnav,.weblogo,.lnav,.rnav,.queryform{width:100%;}
	.head-p{width:100%;padding:0px;}
	.webnav{height:auto;padding:0px;}
	.weblogo{border-bottom: 2px solid #FFF;}
	.icon-logo{height:36px;padding-left:50px;}
	.icon-home{display:block;float:left;width:30px;height:24px;padding: 6px 2px;}
	.icon-nav{display:block;float:right;width:23px;height:24px;padding: 6px 2px;}
	.webnav,.queryform,.content-ar{display:none;}
	
	.main-header-img,.main-header-m,.main-header-r{width:100%;margin-left:0px;margin-top:10px;}
	
	.funny-img{height:auto;}
	.funny-img-list-img{width:49%;margin-bottom:10px;}
	.img-space1,.img-space3,.img-space5{margin-left:2%;}
	.img-space2,.img-space4{margin-left:0px;}
	.img-space5{display:block;}
	
	.content-al,.content-ac,.content-bl,.content-br{width:100%;margin:0px;}
	.content-ar,.content-brs{width:99%;margin-left:0px;height:auto;}
	.content-bls{width:100%;margin-left:0px;}
	.content-ac{margin-top:12px;}
	.alj0,.alj1{width:49%;}
	.alj1{margin-left:2%;}
	
	.article-list-l,.article-list-r{float:none;}
	.article-list-l{width:100%;}
	.article-list-r{width:100%;margin-left:0px;}
	.article-img{width:124px;height:96px;margin-right:12px;}
	.article-intro p{-webkit-line-clamp:2;}
	
	.article-l,.article-r{width:100%;margin:0px;}
	.hidden{display:none;}
	.article-content p img{max-width:100%;}
	.btns{padding:0px 20px;}
}