/*适配导航*/
.search-select .search-val { -webkit-box-sizing: content-box; box-sizing: content-box;}

input { border: none; border-radius: 0;}
input:focus {box-shadow:none; border: none;}

.search_nav{margin:30px 0 15px;height:40px;}
.search_navcon{/*width:620px;*/display:table;margin:0 auto;}
.search_navleft{border:1px solid #b8c4ce;border-top-left-radius:2px;border-bottom-left-radius:2px;border-right:0;float:left;/*width:470px;*/height:40px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing: border-box;}
.search_navleft input{width:369px;height:38px;padding: 0 10px;border:0;outline:none;float:left;-webkit-box-sizing: border-box;box-sizing: border-box;}
.search_navright{width:100px;float:left;width:150px;line-height:40px;text-align:center;border-radius:2px;}
.search_navright input{background:#FF8197;border-radius: 0; border-top-right-radius:2px;border-bottom-right-radius:2px;color:#fff;font-size:14px; outline:none; cursor:pointer;width:100%;border:0;height:40px;}
.search_navright input:hover{background:#FF8197;}
/*下拉*/
.select-box{position:relative;width: 110px;height:40px;float:left;border: 1px solid #d7dcde; margin: 0 10px; border-radius: 2px; }
.select-box.max { width: 150px; }
.select-box span{height:38px; overflow:hidden; cursor:pointer;color:#bdc3c7;font-size:14px;display:block;line-height:38px;padding-left:17px;padding-right:30px;background-color: #fff; }
.select-box span.on {color:#34495e;}
.select-box .i-con-down{position:absolute;color:#FF8197;top:0;right:10px;line-height:40px;font-size:12px;}
.select-option{padding:5px 0;background:#fff;border:#d7dcde 1px solid;border-bottom-left-radius: 2px;border-bottom-right-radius: 2px;position:absolute; top:38px;left:-1px;right:-1px; z-index:10;}
.select-option a{height:40px;padding:0 10px; overflow:hidden;line-height:40px;display:block;background:#fff;font-size:14px;color:#7f8c8d;}
.select-option a.on{background:#ecf0f1;}
.select-option a:hover{background:#ecf0f1; transition:all 0.3s;}
.select-box + .space { float: left; height: 20px; margin: 10px 15px; border-left: 1px solid #d7dcde; }
/*搜索栏下拉*/
.select-box-ser {width:99px; min-width: 99px; height: 38px; border: none; border-right:1px solid #b8c4ce;border-radius: 0;margin: 0; /*margin-right:10px;*/}
.select-box-ser span { padding-left: 10px; }
.select-box-ser .select-option a { height: 40px; line-height: 40px; font-size: 14px; }
.select-box-ser .select-option li { display: none;}

/*搜索导航分类*/
.insearch-tab .tab-bar { display: table; max-width: 1180px; margin: 0 auto; }
.insearch-tab .tab-bar li { float: left; padding: 0 25px; font-size: 14px; }
.insearch-tab .tab-bar li.on a { position: relative; color: #3498db; }
.insearch-tab .tab-bar li.on a:before { opacity: 1; visibility: visible; content: ""; position: absolute; bottom: -1px; left: 50%; margin-left: -8px; width: 16px; height: 9px; background: url("../images/arrow-ser.png") no-repeat center center; background-size: 16px;}
.insearch-tab .tab-bar a { display: inline-block; height: 50px; line-height: 50px; }
.insearch-tab .tab-bar span { color: #b8c4ce; }

.insearch-tab .tab-box { width: 100%; height: 80px; background-color: #f8f9fa; border-top: 1px solid #d7dcde; border-bottom: 1px solid #d7dcde; }
.insearch-tab .tab-box .cont { float: left; margin: 20px -10px; }

/*.insearch-tab .tab-bar.fixed { margin-bottom: 80px; }*/
/*.insearch-tab .tab-bar.fixed li.on a:before { opacity: 0; visibility: hidden; transition: opacity .2s;}*/
.insearch-tab .tab-box.fixed { position: fixed; top: 0; z-index: 100;
	-webkit-animation: fixedshow .3s;
	   -moz-animation: fixedshow .3s;
	     -o-animation: fixedshow .3s;
			animation: fixedshow .3s;
		}
@-webkit-keyframes fixedshow
{
	from { opacity: 0; transform: translateY(-80px); }
	to { opacity: 1; transform: translateY(0); }
}
@-moz-keyframes fixedshow
{
	from { opacity: 0; transform: translateY(-80px); }
	to { opacity: 1; transform: translateY(0); }
}
@-o-keyframes fixedshow
{
	from { opacity: 0; transform: translateY(-80px); }
	to { opacity: 1; transform: translateY(0); }
}
@keyframes fixedshow
{
	from { opacity: 0; transform: translateY(-80px); }
	to { opacity: 1; transform: translateY(0); }
}

/*在结果中搜索*/
.insearch-ser { position: relative; float: right; width: 200px;height: 22px; margin: 20px 0; padding: 8px 20px; border: 1px solid #ccc; border-radius: 30px; background-color: #fff; }
.insearch-ser input { font-size: 14px; height: 22px; line-height: 22px; background-color: transparent;}
.insearch-ser input::-moz-placeholder { color: #b8c4ce;}
.insearch-ser input::-ms-input-placeholder { color: #b8c4ce;}
.insearch-ser input::-webkit-input-placeholder { color: #b8c4ce;}
.insearch-ser input:placeholder { color: #b8c4ce;}
.insearch-ser button { position: absolute; right: 10px; top: 10px; border: none; background-color: transparent; }

/*更多*/
.inser-more-tit { height: 35px; margin-top: 30px; font-size: 14px; line-height: 35px; border-bottom: 1px solid #f5f5f5; }
.inser-more-tit a { float: right; }
/*灵感更多*/
.idea-list { margin-left: -20px; }
.idea-list li { float: left; margin-left: 20px; }
.idea-list li a { display: block; width: 280px; height: 210px; overflow: hidden; }
.idea-list li a:hover img { opacity: .9; filter:alpha(opacity=90); }
/*设计师列表*/
.author-list li {width: 100%; height: 160px; padding: 20px 0; border-bottom: 1px solid #f5f5f5; }
.author-list li:last-child { border-bottom: none; }
.author-list-cont { float: left; width: 640px; overflow: hidden; margin: 10px 0; }
.author-list-cont .info { margin-left: 20px; }
.author-list-cont .info .name { display: inline-block; vertical-align: middle; font-size: 18px; }
.author-list-cont .info .medal img { margin-left: 5px; width: 26px; }
.author-list-cont .info .num { height: 30px; line-height: 30px; margin-bottom: 7px; }
.author-list-cont .info .num span { margin-right: 10px; font-size: 14px; }
.author-list-cont .info .user-btn {}
.author-list-show { float: right; max-width: 540px; height: 120px; overflow: hidden; }
.author-list-show a { float: right; display: block; width: 160px; height: 120px; margin-left: 20px; }
/*话题列表*/
.talk-list li { padding: 14px 0; border-bottom: 1px solid #eff2f5; min-height: 80px; }
.talk-list li:last-child { border-bottom: none; }
.talk-list li .num,
.talk-list li .zan { float: left; width: 60px; line-height: 30px; text-align: center; margin-right: 20px; background-color: #ecf0f1; border-radius: 2px; }
.talk-list li .num { position: relative; }
.talk-list li .num.green { background-color: #1abc9c; }
.talk-list li .num.blue { background-color: #3498db; color: #fff; }
.talk-list li .num.green a,
.talk-list li .num.blue a { color: #fff; }
.talk-list li .num .dot { position: absolute; top: -3px; right: -3px; width: 10px; height: 10px; border-radius: 5px; background-color: #fcab2b; }
.talk-list li .num a { display: inline-block; font-weight: bold; letter-spacing: 1px; color: #34495e; }
.talk-list li .zan i { color: #505f69; margin-right: 5px; }
.talk-list li .zan.active i { color: #3498db; }
.talk-list li .zan:hover { background-color: #3498db; color: #fff;}
.talk-list li .zan:hover i { color: #fff; }
.talk-list li .li-cont { float: left; width: 1100px; }

.li-cont h1 { font-size: 20px; line-height: 30px; }
.li-cont h2 { font-size: 16px; line-height: 30px; }
.li-cont .info { font-size: 12px; color: #bdc3c7; line-height: 26px; }
.li-cont .info span { margin-right: 20px; }
.li-cont .info span.fold { margin-right: 0; }
.li-cont .info span a { color: #bdc3c7; }
.li-cont .info span a.toggle.active, 
.li-cont .info span a:hover, 
.li-cont .info span a:hover i { color: #3498db; }
.li-cont .info span.user { font-weight: bold; }
.li-cont .info span.info-hide { display: none; }
.li-cont .info span.info-hide a { color: #3498db; margin-right: 20px; }
.li-cont .info span.info-hide a:hover { text-decoration: underline; }

.li-cont .li-t p { line-height: 26px; }
.li-cont .li-t p.summary { width: 980px; }
.li-cont .li-t img.preview { position: absolute; top: 6px; right: 0; width: 100px; height: 70px; }
.li-cont .li-t-open { display: none;}
.li-cont .li-t img,
/*.li-cont .li-t-open img { max-width: 760px; }*/
/*列表展开/收起*/
.unfold { font-size: 12px; color: #4090d7; background-color: #ecf0f1; height: 16px; padding: 2px 5px; white-space: nowrap; border-radius: 2px; cursor: pointer; }
.fold { cursor: pointer; float: right; }
.fold i.icon-retract { font-style: normal; } /*阻止编辑器默认样式冲突*/

/*搜索为空*/
.insearch-kong { display: table; margin: 80px auto 40px; padding: 35px 0 0 115px; height: 120px; background: url("../images/serch-null.png") no-repeat 0 0; background-size: 100px; } 
.insearch-kong h5 { font-size: 20px; color: #8fafc6; font-weight: bold; }
.insearch-kong p { font-size: 14px; color: #bdc3c7; font-weight: bold; }