/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0;}
html{-webkit-text-size-adjust:none;}
body{background-color:#fff;font:12px/2em Microsoft Yahei,tahoma,HELVETICA;text-align:center;color:#333;}
ol,ul{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
img{border:none;vertical-align:top;
	-webkit-transition: opacity .2s;
	-moz-transition: opacity .2s;
	-o-transition: opacity .2s;
	transition: opacity .2s;
	-ms-transition: none;
}
i,em{font-style:normal;}
input,select,option,textarea{font-size:12px; font-family: Microsoft Yahei,tahoma,HELVETICA;outline:none;}
a{color:#333;text-decoration:none;outline: none;}
a:hover{color:#18d;}
a:hover em,a:hover b, a:hover i, a:hover span {cursor:pointer;}
a:hover img {opacity: 0.9}
a:focus{outline: none;}
.mark{float: left;}
body{background:#f4f4f4;}
/** layout(layout.css) **/
.col-ab{width:760px;}
.col-c{width:340px;}
.col-ab {margin-right:20px;}
.col-ab,.col-c{float:left;display:inline;}
/** head(head.css 头部) **/
.banner .logo,.drop .drop-hd em,.drop .drop-bd .icon-tragl{background: url(/www1/2016/diy/yxyj/images/bg.png) 0 0 no-repeat;}

.wraper,.header .banner-wrap {width:1120px; margin: 0 auto;zoom:1;}
.header,.wraper {text-align:left;}


/* 网站导航 */
.navibar-in-wrap {min-width: 1120px;}
.navibar-in-wrap .navibar-wrap{width:1120px;}

.banner {padding:14px 0 19px;height:51px;border-bottom:1px solid #dcdcdc;background:#fff;margin-bottom:20px;}
.banner .logo {width:206px; height:51px; margin-right:80px; float:left;}

.nav:after{content:"\20";clear:both;height:0;display:block;overflow:hidden;}
.nav{float:left;width:600px;height:42px;line-height:42px;zoom:1;padding-top:6px}
.nav li{float:left;padding:0 20px;font:18px/42px "Microsoft Yahei";
		-webkit-transition:font-size 0.3s;
		-moz-transition:font-size 0.3s;
		transition:font-size 0.3s;
		-ms-transition:none;
}

.search {margin-top:10px;float:right;}
.ks-wrap {border:1px solid #e5e5e5;border-radius:18px;height:34px;width:164px;padding:0 18px;overflow:hidden;zoom:1;}
.ks-wrap .input {height:34px;line-height:34px;border:0;color:#999;float:left;background:transparent;}
.ks-wrap .focus {color:#333;}
.ks-wrap .submit {height:18px;width:18px;border:0;margin:8px 0;float:right;background:url(/www1/2016/diy/yxyj/images/bg.png) no-repeat -28px -54px;cursor:pointer;}

.banner-fix{position:fixed;width:100%;top:0;left:0;padding:8px 0;height:42px;z-index:100;} 
.banner-fix .logo,.banner-fix .search{display:none;}
.banner-fix .nav {padding-top:0}
.banner-fix .nav li{font-size:16px;}
                            
/** box(box.css) **/
.box {margin-bottom:20px;padding: 0 20px;background:#fff;border-bottom: 1px solid #eee;}
.box .hd {height:20px;padding:20px;line-height:20px;font-size:18px;padding:20px 0 5px;}
.box .hd .mark {height:20px; font-size:20px;font-weight:normal;}
.box .hd .mark-sub{font-size:14px;}

/** slide-pic(slide-pic.css ) **/
.slide-pic .prev,.slide-pic .next,.slide-ctrl .item{background:url(/www1/2016/diy/yxyj/images/bg.png) no-repeat 0 0;}
.slide-pic {position:relative; zoom:1;width:1080px;overflow:hidden;height:350px;}
.slide-pic .pics {width:99999px;font-size:0;}
.slide-pic .slide-wrap {width: 100%; position:relative; zoom:1; overflow:hidden;}
.slide-pic .pics li {float:left;}
.slide-pic .pics li img {vertical-align:top;}
.slide-pic .prev,.slide-pic .next {width:35px; height:70px; margin-top:-35px; position:absolute; top:50%; z-index:2;outline:none;
	-webkit-transition: right .2s, left .2s;
	-moz-transition: right .2s, left .2s;
	-ms-transition: right .2s, left .2s;
	transition: right .2s, left .2s;
}

.slide-pic .prev {background-position:0 -74px;left:-35px;}
.slide-pic .next {background-position:-37px -74px;right:-35px;}
.slide-pic-hover .prev{left:0;}
.slide-pic-hover .next{right:0;}

.slide-title li{position:absolute;width:1040px;padding:10px 20px 7px 20px;height:70px;bottom:0;left:0;color:#fff;background: rgba(0,0,0,0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#78000000, endColorstr=#78000000);}
:root .slide-title li{filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#00000000, endColorStr=#00000000);}
.slide-title .no-bg{background:none;}
.slide-title li{display:none;}
.slide-title li a{color:#fff;}
.slide-title em{display:inline-block;padding:0 4px;height:20px;line-height:20px;background:#2bf;}
.slide-title span{display:block;height:32px;width:900px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font:bold 18px/32px "Microsoft Yahei"}
.slide-title p{line-height:32px;height:30px;font-size:14px;width:900px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding-top:3px;}

.slide-ctrl{width:85px;height:12px;position:absolute;right:20px;bottom:20px;font-size:0;line-height:0;}
.slide-ctrl .item{margin: 0 0 0 5px;display:inline-block;width:12px;height:12px;background-position:0 -54px;}
.slide-ctrl .current{background-position:-14px -54px;}
 
/** news(news.css) **/
.news:after{content:"\20";clear:both;height:0;display:block;overflow:hidden;}
.news {zoom:1;margin-bottom:-1px;}
.news li {height:44px; line-height:44px;font-size:14px;overflow:hidden; vertical-align:middle;*zoom:1;font-size:14px;white-space:nowrap;text-overflow:ellipsis;border-bottom:1px solid #eee;}
.news-switch .blk-img{display:none;width:300px;height:170px;overflow:hidden;}
.news-switch .hover{height:170px;padding:15px 0}
.news-switch .hover .title{display:none;}
.news-switch .hover .blk-img{display:block;}

.pic-alpha li .des{width:300px;height:170px;position:absolute;left:0;top:0;word-break:break-all;text-align:center;background:rgba(0,0,0,0.5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#78000000,endColorstr=#78000000);overflow:hidden;font-size:0;letter-spacing:0;}
.pic-alpha li .hook{display:inline-block;width:0;height:100%;overflow:hidden;line-height:999em;font-size:0;vertical-align:middle;*zoom:1;*display:inline;}
.pic-alpha li .des p{display:inline-block;font-size:14px;line-height:30px;vertical-align:middle;*zoom:1;*display:inline;color:#fff;}


/** pics(pics.css) **/
.pics:after{content:"\20";clear:both;height:0;display:block;overflow:hidden;}
.pics {zoom:1;padding-bottom:15px;}
.pics li{word-break:break-all;margin:15px 0 5px;}
.pics li .blk-img{width:300px;height:170px;overflow:hidden;}


/** art-list(art-list.css 排行榜) **/
.art-list {background:#fff;padding: 0 20px;}
.art-list .img-area{float:left;margin-right:20px;}
.art-list .pic-txt {padding: 20px 0; border-bottom:1px solid #f2f2f2;height:150px;overflow:hidden;}
.art-list .txt-area dt {height: 28px; margin-bottom:8px; font: 18px/28px Microsoft Yahei;}
.art-list .txt-area .des {height:72px; line-height:24px; margin-bottom:27px; overflow:hidden; color: #999}

.art-list {overflow:hidden; position:relative; zoom:1;}

.art-info {height:16px; color: #333; overflow:hidden;line-height:16px;}
.art-info em {width:14px; height:14px; float:left; margin-right:8px; _margin-right:5px; position:relative; top:1px; font-size:0; line-height:0; overflow:hidden; background: url(/www1/2016/diy/yxyj/images/bg.png) 0 0 no-repeat;}
.art-info .chanel{color:#18d;}
.art-info .chanel,.art-info .author,.art-info .time{float:left; margin-right:20px;}
.art-info .cmt{float:right;}
.art-info .author em {width:12px;background-position:-48px -54px;}
.art-info .time em {background-position:-62px -54px;}
.art-info .cmt em {top:4px;height:12px;background-position:-78px -54px;}
.art-info b {font-weight:normal;}

/** rank(rank.css ) **/
.rank {padding-top:11px;}
.rank li {height:30px; line-height:30px; padding:0 0 0 22px; position:relative;zoom:1; overflow:hidden;-ms-word-break:break-all;word-break:break-all; vertical-align:middle;}
.rank li em,.rank li .sub,.rank li em,.rank li h6{font-size: 14px}
.rank li em {width: 16px; position:absolute; top: 0; *top:-1px; left: 0; font: italic 16px/31px Arial; color: #999; text-align:center; letter-spacing: -2px}
.rank li .lab-1 {color: #f33}
.rank li .lab-2,.rank li .lab-3 {color: #f80}
.rank li .sub {margin-left:6px; float:right; color: #999; font-size:12px; line-height:32px;}
.rank li .sub a{color:#999;}
.rank li .sub a:hover{color: #f80;}
.rank li h6 {font-weight:normal;} 

/** tab(tab.css ) **/
.tab {margin-bottom:20px;}
.tab-wrap {width: 100%; overflow:hidden;zoom:1;}
.tab .control {zoom:1;font-size:0;line-height:0;margin-right:-20px;padding:5px 0 2px;}
.tab .control .item {display:inline-block;height:22px;width:58px;float:left; font:12px/22px Microsoft Yahei; cursor:default;color:#999;border:1px solid #ccc;margin:10px 20px 0 0;text-align:center}
.tab .control .item a {color: #999}
.tab .control .current {color: #18d;border-color:#2a8cde;}
.tab .control .current a {color: #18d}
.tab .control .item a:hover {color: #18d;text-decoration:none;}

/* function */
noscript,.spanclass,.pannel,.pannel-inner,.hidden{display:none;}
.show,.block{display:block;}
.mark,.fl,.mark-sub,.fr{display:inline;}
.mark,.fl{float:left;}
.mark-sub,.fr{float:right;}
.fs-14{font-size:14px;} .fs-16{font-size:16px;}
.clear{clear:both;height:0;line-height:0;font-size:0;overflow:hidden;}
.clearfix{*zoom:1}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
/* unit(unit.css) */
.blk-img {display:block;position:relative;zoom:1;overflow:hidden;}

.pannel{display:none;}

.pic-anima-s img{
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
.pic-anima-s a:hover img{
	-webkit-transform: scale(1.05);
  	-moz-transform: scale(1.05);
  	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
  	transform: scale(1.05);
}

/* other(other.css) */
/** IE6 position: absolute  **/
.fix-r{position:fixed;_position:absolute;top:0px;_top:expression(documentElement.scrollTop + 0 + "px");-webkit-animation:fadeInUp 0.5s 0s ease both;-moz-animation:fadeInUp 0.5s 0s ease both;-ms-animation:fadeInUp 0.5s 0s ease both;animation:fadeInUp 0.5s 0s ease both;}
*html{_background-image:url(#);_background-attachment:fixed;}
@-webkit-keyframes fadeInUp{
  0%{opacity:0;-webkit-transform:translateY(100px)}
  100%{opacity:1;-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInUp{
  0%{opacity:0;-moz-transform:translateY(100px)}
  100%{opacity:1;-moz-transform:translateY(0);}
}
@-ms-keyframes fadeInUp{
  0%{opacity:0;-ms-transform:translateY(100px)}
  100%{opacity:1;-ms-transform:translateY(0);}
}
@keyframes fadeInUp{
  0%{opacity:0;transform:translateY(100px)}
  100%{opacity:1;transform:translateY(0);}
}

.ivy {overflow:hidden;zoom:1;}
.ivy img,.ivy iframe,.ivy object,.ivy embed { display:block; margin:0 auto 30px;}
.ivy-tl1,.ivy-inner {margin:0 5px;}
.ivy-wrap {margin-right:-5px;}
.ivy-wrap img,.ivy-wrap iframe,.ivy-wrap object,.ivy-wrap embed {margin-bottom:5px;}

.ivy-tl1 .ivy-wrap {margin-top:-5px;line-height:12px;}

.ivy-tl1 img,.ivy-tl1 embed,.ivy-tl1 object,.ivy-tl1 iframe {margin-top:5px; margin-bottom:0;}

.ivy-dbtonglan{text-align:center;width:1120px;margin:0 auto;font-size:0;line-height:0;}
.ivy-dbtonglan img, .ivy-dbtonglan iframe, .ivy-dbtonglan object, .ivy-dbtonglan embed {margin-bottom: 5px;}


/** 设置全局清浮 **/
.area:after,.box .hd:after{content:"\20";clear:both;height:0;display:block;overflow:hidden;}
.area,.box .hd{zoom:1;}


/* footer */
body .g-footer {min-width: 1120px; background-color:#f0f0f0;border-top:1px solid #e5e5e5}
body .g-footer .gft-wrap {padding: 20px 0;}
body .g-footer, body .g-footer a { color: #333}


.page{padding:20px 0;text-align:center;}
.page a,.page span{display:inline-block;padding:0 15px;line-height:38px;border:1px solid #dcdcdc;color:#999;margin:0 2px 0 3px;font-size:14px;}
.page span,.page a:hover{color:#fff;background:#2a8cde;text-decoration:none;border-color:#2a8cde;}
.page .prev,.page .next{padding:0 14px;}
 
.wraper{margin-bottom:60px;}

.box-silde{padding:20px;}