*{ margin: 0; padding: 0 }
body{ background: #fff; font-family: font-family:'微软雅黑'}
ul{ list-style: none; }

a {text-decoration: none; color: #2b2d39; font-size: 14px;}
a:hover{ color: #0099cc; }
img{ display: block; }

.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:"."}

.blank1,.blank10,.blank20,.blank30,.blank50{clear:both;display:block;overflow:hidden;margin:0 auto}
.blank1{height:1px}
.blank10{height:10px}
.blank20{height:20px}
.blank30{height:30px}
.blank50{height:50px}
.left{ float: left }
.right{ float: right }

.container-fluid{ width: 100%; }
.container{ width: 1200px; margin: 0px auto; } 

header.header{ background: #000;}
header h1{ padding: 15px 30px 15px 0; float: left; }
header h1 a{ display: block; width: 190px; height: 30px; background: url(images/logo.png) no-repeat; text-indent: -9999px; background-size: 100%; }

/*导航*/

.menu li{ position: relative; float: left; padding: 0 15px; text-align: center;font-size:14px;}
.menu li a{ color: #c3c5cd; line-height: 60px; font-size: 14px; }
.menu li.on{ background: #ffdd00; margin-right: 1px; }
.menu li.on a{ color: #000}
.menu li:hover{ background: #ffdd00;}
.menu li:hover a{color: #000}
.menu ul{position:absolute;left:0px;top:-9999em;z-index:99999;display:none; background: #fff;box-shadow: 0 1px 12px 0 rgba(0,0,0,.2); border-radius: 0 0 4px 4px; color: #444; z-index: 14; width: 400px; padding: 10px}
.menu li:hover ul{top:60px;display:block}
.menu li:hover ul li{width:70px;border-radius: 6px;}
.menu li:hover ul li a{height:30px;line-height:30px;color:#000;}

/*IE6*/
.menu li.hover{background-color:#ffdd00;border-bottom:none;}
.menu li.hover a{color:#000}
.menu li.hover ul{top:60px;display:block}
.menu li.hover ul li{width:70px;padding:2px 6px; border-radius: 6px;}
.menu li.hover ul li a{height:30px;line-height:30px;font-size:14px;color:#000;}
/*搜索*/
.search{ width: 220px; float: right; padding-top: 6px;}
.search-inp{ width: 150px;margin-top: 8px;border: none;background:#fff;border-top-left-radius: 16px;border-bottom-left-radius: 16px;padding: 2px 10px;height: 28px;line-height: 28px;font-size: 14px;color:#c3c5cd;outline: none; resize: none;}
.search-btn .btn{display: block;width: 50px;height: 32px;margin-top: 8px;background: #fff url(images/search.png) no-repeat center center; background-size: 40%; border:none;float:right;  border-top-right-radius: 16px; border-bottom-right-radius: 16px;}
.login{width: 80px; line-height: 60px; color: #c3c5cd; font-size: 14px;padding-left: 20px;}
.login a{ color: #c3c5cd; }

/* 多点式幻灯指示控制器-默认底部居中 */
.flex-control-nav{position:absolute;bottom:10px;left:0;right:0;z-index:50;text-align:center;line-height:0;}
.flex-control-nav li{display:inline-block;*display:inline;zoom:1;width:10px;height:10px;margin:0 0 0 5px;border-radius:50%;box-shadow:inset 0 1px 0 rgba(0,0,0,0.5);}
.flex-control-nav li a {background:#ccc;display:inline-block; width:100%; height:100%;font: 0/0 a;overflow:hidden; cursor:pointer; vertical-align:top; }
/*样式2*/
.flex-control-paging li{ width: 30px; height: 3px; border-radius: 0; box-shadow: 0 0 0;}
.flex-control-paging li a:hover,
.flex-control-paging li a.flex-active {background:#8dc540;}

.index-slide{position:relative; width:100%;  overflow:hidden;max-height:300px;height:expression(document.body.clientheight>300?"300px":"auto");overflow:hidden}
.slides,
.slides li{position:relative;width:100%;height:100%;z-index:10;}
.slides li.flex-active-slide{z-index:11;}
.slides li img{ width: 100%; text-align: center; }

/*左右翻页控制按钮*/
.flex-direction-nav{position:absolute; top: 50%;z-index:60;width:100%; display:none;}
.flex-direction-nav li { position: absolute;width:35px;height:58px; top:0; margin-top: -29px; z-index: 50; cursor:pointer;}
.flex-direction-nav li.flex-nav-prev { left: 0;}
.flex-direction-nav li.flex-nav-next { right: 0;}
.flex-direction-nav li a{display:block;height:100%;font: 0/0 a;overflow:hidden;cursor:pointer;}
.flex-direction-nav li a.flex-prev { background:url(images/prve.png) no-repeat center center / 100% auto;}
.flex-direction-nav li a.flex-next { background:url(images/next.png) no-repeat center center / 100% auto;}


.main{ background: #f4f4f4; }
.cghot{ padding-top: 30px }
.cghot li{ width: 24%; overflow: hidden; float: left; margin-left: 0.5%; margin-right: 0.5%;border-radius: 4px }
.cghot li img{ width: 100%; }

.index-title h2{display: block; float: left; height: 68px; line-height: 68px; font-size: 18px; color: #666; font-family: "软雅黑"; font-weight: normal; padding-left: 10px;}


.item{width: 24%; background: #fff; margin:0 0.5% 20px 0.5%; float: left; overflow: hidden;border-radius:6px; }
.item:hover{box-shadow: 0 1px 10px 0 rgba(0,0,0,.2);}
.item-img{ width: 100%; height: 170px; overflow: hidden;}
.item-img img{ width: 100%;cursor: pointer; transition: all 0.6s; }
.item-img img:hover{transform: scale(1.2);}
.item-title{ line-height: 40px; height: 40px; padding: 0 6px; overflow: hidden;  }
.item-title a{font-size: 14px; color: #a2a2a2; }
.item-info{ height: 26px; line-height: 26px; padding: 0 6px; color: #bdbdbd; font-size: 12px; }
.item-info span.click{ background: url(images/icon.png) no-repeat left -705px; padding-left: 25px; padding-right:6px; }
.item-info span.love{background: url(images/icon.png) no-repeat left -754px; padding-left: 25px; }
.item-user{ padding: 10px 6px 0 6px; height: 40px; border-top:1px solid #f8f8f8; }
.item-user .user-pic{ float: left; width: 30px; height: 30px; overflow: hidden; border-radius: 15px; }
.item-user .user-pic img{ width: 100%; }
.item-user .user-name{ float: left; line-height: 30px; padding-left: 6px; }
.item-user a{ font-size: 14px; color: #a9a9a9 }
.item-user .time{ float: right; line-height: 30px; font-size: 12px; color: #a9a9a9}

#pages{ text-align:center}
#pages ul{ padding-left:0}
#pages ul li a {-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;}
#pages ul li { display:inline; width: 36px; height: 36px; text-align: center; line-height: 36px; margin-right: 5px; color: #a9a9a9;}
#pages ul .pagecur a { background: #3ab54a; color: #fff;}
#pages ul .pagecur a:hover { background: #b4e016; color: #fff;}
#pages ul li a { display: table-cell; display: inline-block; background: #fff; width: 36px; height: 36px; text-align: center; line-height: 36px; color: #006837;}
#pages ul li a:hover { background-color: #b4e016; color: #fff; text-decoration:none}
#pages ul .prev a { background: #fff url('images/icons.png') no-repeat 11px 11px; text-indent:-99999px;}
#pages ul .next a { background: #fff url('images/icons.png') no-repeat -12px -18px; text-indent:-99999px;}
#pages ul .prev a:hover { background-position: -12px 11px;}
#pages ul .next a:hover { background-position: 13px -18px;}


.designers{ width: 24%; margin:0 0.5% 20px 0.5%; float: left; }
.designers .designers-img{ width: 70px; height: 70px; border-radius: 35px; overflow: hidden; float: left; margin-right: 8px; }
.designers .designers-img img{ width: 100% }
.designers .designers-info{ float: left; padding: 12px 0; }
.designers .designers-info p{ line-height: 23px; font-size:14px; font-size: 12px; color: #a8a8a8 }
.designers .designers-info p.designers-name{ font-size: 14px; color: #777 }

.brands{ width: 19%; float: left; padding: 0 0.5%; overflow: hidden; }
.brands img{ width: 100%; border-radius: 6px;}

.friendlink{ padding:0 8px 8px; }
.friendlink li{ float: left; padding: 5px 8px; }
.friendlink li a{ font-size: 12px; }

footer{ background: #555962; padding: 30px 0 20px 0;}
footer .footer-title{ font-size: 18px; color: #fff; padding-bottom: 10px; }
footer .about{ width: 30%; float: left; }
footer .about p{ line-height: 24px; font-size: 12px; color: #a2a2a2 }
footer .bottomlogo{ width: 80%; text-align: center; padding-top: 30px; }
footer .bottomlogo img{ width: 100% }
footer .footer-menu{ padding-left: 5%; width: 15%; float: left;; }
footer .footer-menu li{ line-height: 30px; padding-left: 5px }
footer .footer-menu li a{ font-size: 14px; color: #a2a2a2 }
footer .footer-lianxi{ width: 20%; float: left; }
footer .footer-lianxi li{ line-height: 30px; color: #a2a2a2; font-size: 14px; }
footer .footer-weixin{ width: 30%; float: left; }
footer .footer-weixin .erweima{ width: 40% }
footer .footer-weixin .erweima img{ width: 100% }

.copyright{ background: #313743; line-height: 30px; font-size: 12px; padding: 20px; text-align: center; color: #a2a2a2 }

.position{ line-height: 23px; padding: 8px 0; font-size: 12px; color: #a2a2a2}
.position a{ font-size: 12px; color: #a2a2a2 }
.column{ height: 40px; line-height: 40px; }
.column .c-item{ width: 95px; height: 20px; line-height: 20px; padding: 10px; margin: 0 5px; border: 1px solid #e6e6e6; background: #fff;  }
.column .c-item:hover{ background: #000000; color: #ffff00 }
.column .c-item a:hover,.column .c-item:hover a{ color: #ffff00;background: url(images/icon.png) no-repeat left -477px;}
.column .c-item a{ display: block; height: 20px; line-height: 20px; background: url(images/icon.png) no-repeat left -452px; padding-left: 25px; }


ul.column-box{list-style: none;}
.column-box>li{float: left;}
ul.column-box a{display: block;}

.column-box .drop-down{position: relative; background: #fff; padding:0 18px; height: 40px; line-height: 40px;  margin: 0 5px; border: 1px solid #e6e6e6;}
.column-box .drop-down-content{padding: 0;position: absolute;left: -999px; background: #fff;}
.column-box .drop-down-content li{ line-height: 30px; width: 118px; }
.column-box .drop-down-content li a{padding: 5px 0; padding-left: 18px; }
.column-box .drop-down-content li:hover a{background-color:#ffdd00; color: #000; display: block; padding: 5px 0; padding-left: 18px;}
.column-box .drop-down:hover .drop-down-content{left: 0;}
.caret-white {display: inline-block; width: 0; height: 0; overflow: hidden; vertical-align: middle; border-style: solid dashed dashed; border-width: 4px 4px 0; border-color: rgba(28,28,28,0.8) transparent; margin-left: 4px;}


.banner{ overflow: hidden;}
.banner img{ width: 100%; }

.content{ border:1px solid #f0f0f0; background: #fff; overflow: hidden; border-radius: 4px;  }
article{width: 900px;  float: left; }
article h1{ background: #fafafa; color: #636363; line-height: 30px; padding:30px 20px 0 20px; padding-top: 30px; font-size: 24px; font-weight: normal; }
.article-info{ background: #fafafa; line-height: 25px; font-size:12px; color: #adadad;padding:15px 20px 10px 20px; }
.article-info .article-click,.article-info .article-love{float: right;}
.article-info .article-click{background: url(images/icon.png) no-repeat left -700px; padding-left: 25px;}
.article-info .article-love{background: url(images/icon.png) no-repeat left -750px; padding-left: 25px; padding-right: 10px}

.article{ padding: 20px 40px; }
.article h2{ font-size: 20px; line-height: 36px; }
.article h3{ font-size: 16px; line-height: 36px; }
.article p{text-indent:2em; line-height: 28px; font-size: 16px; color: #636363 }
.article p img{ margin: 20px auto; width: 100%; max-width:600px;width:expression(document.body.clientWidth>600?"600px":"auto");overflow:hidden}

.article .downadd{ margin-top: 50px; width: 100%; background: #ffdd00; font-size: 14px;}
.article .downadd .add{ display: block;width: 68%;padding: 20px 2%; float: left; color: #000}
.article .downadd .mima{width: 18%;padding: 20px 2%; background: #000; float: right; color: #fff;}

aside{ width: 300px; float: right;}
.article-author{height: 90px; width: 100%;  border-left: 1px solid #e5e5e5; padding-left: 20px; padding-top: 20px; background: #fafafa; overflow: hidden; }
.article-author-img{width: 60px; height: 60px; margin-right: 10px; border-radius: 30px; float: left; overflow: hidden;}
.article-author img{width: 100%}
.article-author-name{ padding: 10px 0; }
.article-author-name p{ font-size: 12px; }
.article-author-name p.author-name{ font-size: 14px; }

.sidebar{ padding: 20px 10px; }
.sidebar-ad img{ width: 100%; }
.sidebar-title{font-size: 16px; line-height: 40px; border-bottom: 1px solid #e5e5e5}

/*图文列表*/
.pictext-list li{list-style:none;height:80px;padding:10px 0}
.pictext-list li a{font-size:14px;line-height:23px}
.pictext-list img{display:block;width:110px;height:79px;padding-right:10px;overflow:hidden;float:left}
.pictext-list li .pictext-list-title{height:52px; line-height:26px; overflow:hidden;}
.pictext-list li .pictext-list-info .time{font-size:9pt;color:#999;background:url(images/time.png) no-repeat left center;background-size:contain; padding-left:20px}

 .text-list li{background: url(images/icon.png) no-repeat 0 -872px;padding-left: 10px;font-size: 16px;line-height: 26px;height: 26px;vertical-align: middle;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.zan{ float: left;margin-top: 30px; padding-left: 20px;}
.zan a{ display: block; float: left; width: 28px; height: 28px; background: url(images/zan.png) no-repeat; background-size: 100%; margin-right: 10px; text-indent: -9999px;}
.zan #diggnum{ line-height: 26px; font-size: 14px;}
/* ==baidu.share== */
.share { float: right; margin-top: 30px; }
.share-icon { float: right; }
.share-icon .t { float: left; margin: 3px 3px 0 0; }
.share-icon .bdsharebuttonbox { float: left; width: 195px; padding-bottom: 0 !important; }
#share-bd a { display: inline-block; width: 28px !important; padding-left: 0 !important; height: 28px !important; background: url(images/share.png) no-repeat !important; margin: 0 4px 0 0 !important; }
#share-bd .bds_tsina { background-position: 0 0 !important; }
#share-bd .bds_qzone { background-position: -28px 0 !important; }
#share-bd .bds_tqq { background-position: -56px 0 !important; }
#share-bd .bds_weixin { background-position: -84px 0 !important; }
#share-bd .bds_renren { background-position: -112px 0 !important; }
#share-bd .bds_more { background: url(images/share.png) no-repeat -140px 0 !important; width: 28px !important; height: 28px !important; padding: 0 !important; }
.share-moreinfo .moreinfo { float: right; padding: 3px 3px 0 0; }
.share-moreinfo .moreinfo a { margin-left: 14px; }

.correlation{ padding: 10px 20px; }
.correlation .item-img{height: 126px;}


.hao-name{ text-align: center; font-size: 28px; padding: 20px 0;}
.hao-title{ font-size: 20px; padding-left: 1%;}
.hao-content ul li{ width: 21%;margin: 0 1% 20px 1%; float: left; padding: 1%; background: #fff;box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);}
.hao-content ul li:hover{box-shadow: 0 1px 6px 0 rgba(0,0,0,.2);}
.hao-content ul li img{ width: 80px; height: 80px; float: left; padding-right: 10px;}
.hao-content ul li .hao-info p{ font-size: 12px;line-height: 20px;}
.hao-content ul li .hao-info .webname{ font-size: 20px; line-height: 36px; margin-top: -5px;}
.hao-content ul li  a .webname{color: #018C00}

@media screen and (max-width: 1200px) {
	.container{ width: 980px;}
	article{width: 680px}
	article h1{height: 30px;  overflow: hidden;}
	.item{width: 32.333333%;}
	.designers{ width: 32.333333%;}
	.hao-content ul li{ width: 45%}
 }

@media screen and (max-width: 991px) {
	.container{ width: 750px;}
	article{width: 450px}
	.item{width: 49%; }
	.designers{ width: 49%;}
	.login{ display: none; }
	.search{ width: 180px;}
.search-inp{ width: 120px;}
.search-btn .btn{display: block;width: 40px;}
}
@media screen and (max-width: 768px) {
	.container{ width: 100%; padding: 0}
	.content{ border:0; background: #fff; overflow: hidden; border-radius: 4px;  }
	.banner{ display: none;}
	article{width: 100%}
	aside{width: 100%;}
	.article{ padding: 20px 10px; }
	.article-author{height: 90px; width: 100%;  border-left: none; padding-left: 10px;}
	.index-slide{ height: 200px; }
	.item,.brands,.designers{width: 49%;}
	footer,.search{ display: none; }
}
@media screen and (max-width: 576px) {
	header h1{ padding: 15px 0; float: none;}
    header h1 a{ margin: 0 auto }
    nav{ width: 100% }
	.menu ul,.menu li.hover ul{display: none;}
	.menu li{ width: 20%; padding: 0}
	.menu li.on{ margin: 0 }
	.search{ display: block; width: 100%; margin-bottom: 10px; }
	.search-inp{ width: 86%; padding-left: 2%; padding-right: 2%;border-radius: 0}
    .search-btn .btn{width: 10%;border-radius: 0}
    .index-slide{ height: auto; }
	.item,.brands,.designers{width: 98%;}
	.article .downadd{ font-size: 12px;}
	footer{ display: none; }
	.hao-content ul li{ width: 95%}
}