/* reset */
/*html,body{font-size: 12px;font-family: "Microsoft YaHei",Arial,Helvetica,sans-serif;background: #fafafa;color: #222;}*/
body{background-color: #f3f3f4;font-size: 12px}

@media (max-width: 768px){
    .navbar-header {display: inherit;float: inherit;}
    .container>.navbar-header{margin-right:0px;margin-left:0px;}
    .container>.navbar-collapse {margin-right: 0px;margin-left:0px;padding-left: 15px;padding-right: 15px}}
.navbar-toggle {background-color:transparent}

.navbar-nav>li>a:focus{font-size:13px;}
.navbar-nav>li>a{font-size:13px;}
.navbar-default .navbar-nav>li>a:hover{background:#f8f8f8;color:#428bca}

/*内部导航栏\工具栏*/
.navbar-inner{background-color: #f8f8f8;border: 1px solid #efefef;min-height:0px}
.navbar-inner>div>div>ul>li>a,.navbar-inner>div>ul>li>a,.navbar-inner>ul>li>a{padding-top:10px;padding-bottom:10px;}
/*评论回复*/
.navbar-reply{border-color: #e1e1e8;background-color: #f7f7f9; margin-top:5px;transition: opacity .15s linear;margin-bottom : 0px}
.navbar-reply{border-color: #e1e1e8;background-color: #f7f7f9; margin-top:5px;transition: opacity .15s linear;margin-bottom : 0px}
.navbar-reply-comment{opacity: 0; margin-bottom : 0px}.navbar-reply-comment > div{padding:10px}

/*加载更多的按钮*/
.navbar-load{border:1px solid #428bca; margin:15px 0px 0px 0px;background-color: #fff;height:35px;min-height: 0px;text-align: center;cursor: pointer;color: #468DCB;padding:8px;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out}
.navbar-load:hover{background-color: #f8f8f8;}

.footer{position: inherit;}
.breadcrumb{padding: 8px 15px;}


.ibox{margin-bottom: 20px;}


.av-masonry-no-more-items{opacity: 0 !important;height: 0px;padding: 0px;margin-top: 0px;}
small{padding-left:5px;}
@media (max-width:960px){.nav>li>a{padding:15px 10px;}}
.container.body{min-height:400px}
.col-center-block {float: none; display: block; margin-left: auto; margin-right: auto;}
.media{margin-top:0px}
.badge{font-weight:500}
.carousel-control{width:8%}
.submitReply{margin-left:12px;margin-top:5px;}
.r18_warning{text-align: center;margin-top: 40px;}.r18_btn{margin-bottom: 60px;}
.r18_warning_small{margin-bottom: 10px; margin-top: 10px; color: #FF0000;font-size: 14px;}
.r18_warning_small > a{font-size: 12px;}

.slider-wall-outer{width:100%;background-color:#eaeaea}
.slider-wall-left{width:34%;float:left;position: relative;box-sizing: border-box;}
.slider-wall-right{margin-left:34%;padding-left:0px;width:66%;height:100%;float:left;position: absolute;box-sizing: border-box;}
.slider-wall-line-item{border-left:2px solid #eaeaea;float:left;height:100%;position: relative;overflow: hidden;}
[data-notify="progressbar"] {margin-bottom: 0px;position: absolute;bottom: 0px;left: 0px;width: 100%;height: 5px;}

/*侧边栏固定*/
.affix-bottom{position:absolute;}
.affix{position:static;}
@media (min-width: 960px) {.affix{position:fixed;top:10px;}}
.sider{width:283px;}
@media (min-width: 960px) and (max-width: 1079px) {.sider{width:258px;}}
@media (max-width: 959px) {.sider{width:100%;}}

.tag{font-size: 11px}
.label-tag {
	/*text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15);*/
	display: inline-block;
	min-width: 10px;
	max-width: 140px;
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: break-all;
	padding: 4px 5px 5px;
	font-size: 12px;
	font-weight: 500;
	color: #fff;
	line-height: 1;
	vertical-align: baseline;
	white-space: nowrap;
	text-align: center;
	background-color: #A7A7A7;
	border-radius: 3px;
 }

.label-badge {
	display: inline-block;
	min-width: 12px;
	padding: 2px 5px;
	font-size: 12px;
	font-weight: 500;
	color: #fff;
	line-height: 1;
	vertical-align: baseline;
	white-space: nowrap;
	text-align: center;
	background-color: #A7A7A7;
	border-radius: 8px;
}

span.title-cn{font-size:16px}
@media (max-width:960px){span.title-cn{font-size:12px}}
img.cover{background-color: #FFF;margin-bottom: 5px;padding: 2px;border-top: 1px solid #C7C7C9;border-left: 1px solid #A9A9AB;border-right: 1px solid #A9A9AB;border-bottom: 1px solid #858486;-webkit-box-shadow: 0 1px 5px #AAA;-moz-box-shadow: 0 1px 5px #AAA;box-shadow: 0 1px 5px #AAA;}
hr.none{margin-top:0px;margin-bottom:0px;}
hr.little{margin-top:5px;margin-bottom:5px;}
hr.hr-8{margin-top:8px;margin-bottom:8px;}
hr.md{margin-top:15px;margin-bottom:15px;}
hr.top-5{margin-top:5px;margin-bottom:0px}
.modal-body .nav-tabs{margin-bottom: 15px;}
.hp-single-line{display:block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.hp-two-line {line-height: 1.5em;max-height: 3em; overflow: hidden;width: 100%;text-align:left;}
.hp-center { right: 50%; bottom: 50%; transform: translate(50%,50%);position: absolute;}
.inline{color:#888;text-align: right;}
.inline > span {float: left;}
.container-detail{padding:15px;background: #FFF;border: 1px solid #ddd;border-radius:4px;}
@media (max-width:760px){.container-detail{margin-left:15px;margin-right:15px;}}
.hr-line{padding: 3px 0;margin-bottom: 10px;border-bottom: 1px solid #eee;}
.detail-content{color:#444;line-height: 24px;font-size:12px;margin-top:30px}
.detail-content img{max-width:100%;}
.hp-article-title{color:#2397CD;margin-bottom:10px;font-size: 16px}
.article-reduce{margin-top:3px;color:#444;line-height: 20px;font-size:12px;text-indent: 2em;word-wrap: break-word;word-break: break-all;  max-height: 60px; overflow: hidden;}
.article-list-left{width: 160px;float: left;}
.article-list-right{margin-left: 172px;}

.info-box tbody tr td, .info-box  thead tr th {
    border-top: none; border-bottom:1px solid #ddd;color: #222;padding: 6px;
}
td.info-box-left{min-width:80px;text-indent:0.5em;}
/*td.info-box-right{min-width:230px;}*/

ul.info-item{ list-style:none; padding:0px; margin-left:5px;margin-left:5px; margin-top:0px;margin-bottom:0px; width:100%; height:25px; line-height:25px; border-bottom:1px solid #eaeaea;}
li.info-item-left{ display:block; width:25%; float:left;text-indent:1em}
li.info-item-right{ display:block; width:75%; float:left;text-indent:1em}
.th{ background:#F1FADE; font-weight:bold; border-top:1px }
.subfield,.subfield-15{border-bottom: 1px solid #bbb;margin-bottom: 5px;line-height:1.8;}
.subfield-15{margin-top: 25px;}
.subfield>span,.subfield-15>span{color: #428bca;font-size: 14px;margin-left:8px;font-weight: bold;}
.subfield>span>li{list-style:none;display: inline-block;}
.subfield>a,.subfield-15>a{margin-right:8px; margin-top:3px;float:right;font-size:12px\9;}
.progress-bar-load {background-color: #C3C1C1;}

.list-item-badge{font-size:11px;padding:2px;}
.list-item-detail{max-height:29px;text-overflow: ellipsis;color: #888;;padding:5px;}
.list-item-img-box{
	width:85px;height:85px;display:table-cell;text-align:center;vertical-align:middle;
}
.list-item-img{max-width:85px;max-height:85px;}
.comment_item{padding:15px 0px;border-bottom: 1px solid #ddd}
.comment_item_reply{padding:8px 15px;border-bottom: 1px solid #ddd}.comment_item_reply:last-child{border-bottom: none}
@media (max-width: 680px){.comment_item_reply{padding:8px 6px;}}
.comment_title,.comment_foot{color:#999;}
.comment_title a {margin-left:5px;}
.comment_head,.comment_head_reply{width:64px;height:64px;margin-right:15px;}
.comment_content{padding:5px 5px 8px 0px;font-size:12px}
.comment_head_reply{width:55px;height:55px;}
pre.comment_content{
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
	word-break:break-all;
	overflow:hidden;
	background-color: transparent;
	border: none;
	margin: 0px;
	font-family: inherit;
}

.dsc_title_left,.dsc_title_right{color:#dadada;}
.dsc_title_left{float:left;}
.dsc_title_right{float:right;}
.footer-top .about>div h4 {
	color: #563d7c;
	font-size: 16px;
}
.footer a {
	color: #777;
}
.rating-bar-chart{
	background: #f4f4f4;
	padding-right: 8px;padding-top: 2px;padding-bottom: 5px;
	margin-top:5px;margin-bottom:5px;
}
.right-side{margin-left:12px;padding:6px}
@media (max-width: 830px) {.right-side{margin-right:15px}}


.color-dark-gray{color:#888} .color-gray{color:#AAA} .color-light-gray{color:#fafafa}
.font8{font-size:10px;}.font10{font-size:10px;}.font12{font-size:12px;}.font14{font-size:14px;}.font16{font-size:16px;}.font18{font-size:18px;}
.indent-2em{text-indent: 2em;}
.margin-top-5{margin-top:5px;}
.margin-bottom-0{margin-bottom: 0px;}
.user-album{padding: 0 0 0 10px}
.fix-thumbnail-margin-10{margin-bottom:10px;}
.img-thumbnail{padding:1px}
.thumbnail{padding:1px;margin-bottom:0px;}
.thumbnail > img{border-radius: 2px;}

/* 网格列表item样式 */
.grid-view{margin-right: 0;margin-left: 0;margin: 0 0px 5px;overflow: hidden;padding-left: 0;}
.grid-view ul{padding:4px}
.grid-view li{position:relative;padding:4px;float: left;line-height: 1.4;display: list-item;list-style: none;white-space:nowrap;text-overflow:ellipsis;overflow: hidden;text-align: center}
.grid-view img{width: 100%;}
.grid-view a.thumbnail{margin-bottom:3px;}

.grid-view-xxs li{width:8.3%;padding:3px;} .grid-view-xs li{padding:4px;width:12.5%} .grid-view-sm li{width:16.6%} .grid-view-md li{width:20%} .grid-view-lg li{width:25%}
@media (max-width: 680px){.grid-view-xxs li{width:10%} .grid-view-xs li{width:16.6%} .grid-view-sm li{width:20%} .grid-view-md li{width:25%} .grid-view-lg li{width:33.3%}}
@media (max-width: 540px){.grid-view-xxs li{width:12.5%} .grid-view-xs li{width:20%} .grid-view-sm li{width:25%} .grid-view-md li{width:33.3%} .grid-view-lg li{width:50%}}
@media (max-width: 480px){.grid-view-xxs li{width:16.5%} .grid-view-xs li{width:25%} .grid-view-sm li{width:33%} .grid-view-md li{width:50%} .grid-view-lg li{width:100%}}


/* 下面是老的,图片比例固定的话，用上面的*/
.bs-glyphicons{margin-right: 0;margin-left: 0;margin: 0 0px 5px;overflow: hidden;padding-left: 0;}
.bs-glyphicons li{float: left;line-height: 1.4;text-align: left;display: list-item;list-style: none;}
.bs-glyphicons li div a img{height: 128px; width: 128px;}
.bs-glyphicons-list{padding:0px;}

li.grid-item{white-space:nowrap;text-overflow:ellipsis;overflow: hidden;text-align: center}
.grid-item-xxs{width:66px;padding:3px}
.grid-item-xs{width:90px;padding:4px}
.grid-item-sm{width:140px;padding:6px}
.grid-item-md{width:175px;padding:6px}
.grid-item-lg{width:220px;padding:6px}
.grid-item-3col{width:33%;padding:1px}
.grid-item-5col{width:50%;padding:1px}

a.thumbnail-xxs,a.thumbnail-xs, a.thumbnail-sm, a.thumbnail-md, a.thumbnail-lg{margin-bottom:3px;display:table-cell;text-align:center;vertical-align:middle;}
a.thumbnail-xxs{width:60px;height:60px;}
a.thumbnail-xs{width:80px;height:80px;}
a.thumbnail-sm{width:120px;height:120px;}
a.thumbnail-md{width:160px;height:160px;}
a.thumbnail-lg{width:200px;height:200px;}
a.thumbnail-xxs > img{max-width:56px;max-height:100%;}
a.thumbnail-xs > img{max-width:76px;max-height:100%;}
a.thumbnail-sm > img{max-width:116px;max-height:100%;}
a.thumbnail-md > img{max-width:156px;max-height:100%;}
a.thumbnail-lg > img{max-width:196px;max-height:100%;}

/* 网格列表带信息展示item样式 */
/*xs  x <760px */
.detail-grid{width:33%; overflow:hidden; float:left; padding:5px;overflow:hidden;margin-left:1px;border-bottom:1px dotted #b2b2b2; height:105px;text-align: left}
@media (max-width: 759px) {.detail-grid{width:48%}}
@media (max-width: 530px) {.detail-grid{width:95%}}
.detail-grid-left{float:left;width: 90px;height:90px;padding:1px}
.detail-grid-right{margin-left: 100px;height:90px;}
.detail-grid-info{margin-top:4px;}
.detail-grid-title > a {color:rgb(103,106,108); word-wrap: break-word;word-break: break-all; }
.detail-grid-info span{display:block; font-size:11px; color:#4785A9; background:#f7f7f7; margin:0 0 1px; overflow: hidden; white-space:nowrap}
.detail-grid-info span a{text-decoration:underline; color:#898989}
.detail-grid-info span em{border-radius: 2px; background:#ADB7BD; color:#fff; margin:0 3px 0 0; font-style:normal;padding:3px}

.modal .modal-body {max-height: 520px;overflow-y: auto;}
.box-title{font-size:12px;padding:6px 10px;}

/* 侧栏样式 */
.left-box-title{margin-bottom:0px;font-size:14px;font-weight: bold;vertical-align: middle;background: #E4E4E4}
.left-item{margin-top:5px;margin-left:5px;margin-right:5px}
.left-item-image{width:52px!important;height:52px;padding:1px}
.left-item-image-lg{width:64px!important;height:64px;padding:1px}
.left-item-title{line-height:15px; height:15px; word-wrap: break-word;word-break: break-all; overflow:hidden; color:#676a6c;margin:4px 0px 6px 0px;}
.left-item-content{color:#888;margin-top:3px}
hr.left-item-div{margin: 6px 8px 6px 5px;border-top: 1px solid #d8d8d8;}
hr.left-item-div-light{margin: 6px 8px 6px 5px;border-top: 1px solid #ededed;}

.ranking-item-content{font-size:11px; color:#888;text-align: right;}
.ranking-item-content > span,.ranking-item-content > a  {float: left;font-size: 11px}

/* Hover Style 1 */
figure.effect-zoe figcaption.hover-item{background: rgba(1, 1, 1, 0.5);}
.grid figure figcaption > a.hover-item-img{opacity:1;text-indent:0;color:#EAEAEA;}
.grid figure figcaption > a.hover-item-img > img{width: 56px;height: 56px;float:left;}
.grid figure figcaption > a.hover-item-img > h6 {white-space: normal; text-align: left; margin-left:65px;}
/* Hover Style 2 */
.grid figure.hover1{background: #ffffff;border-radius: 4px;}
.grid figure.hover1 figcaption{padding: 1em;}
.grid figure.hover1 .hover1-top-img{background-color:black;}
.hover1-top-img > img {background-color: white}
.grid figure.hover1 figcaption::before,.grid figure.hover1 figcaption::after{border:none;content:none;}
figure.hover1 figcaption p{padding:45px 0px;white-space: initial;font-size: 100%;}
figure.hover1 > .hover1-top-img img{opacity:1;-webkit-transform: scale(1.08);transform: scale(1.08);-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;}
figure.hover1:hover img{-webkit-transform: scale(1);transform: scale(1);}

/* 裁剪 */
.crop-action{margin: 15px 0 0 285px;}
.crop-cropped>img{margin-right: 10px;}
.crop-imageBox{position: relative;height: 350px;width: 350px;border:1px solid #aaa;background: #fff;overflow: hidden;background-repeat: no-repeat;cursor:move;}
.crop-imageBox .crop-thumbBox{position: absolute;left: 50%;width: 200px;margin-top: -100px;margin-left: -100px;box-sizing: border-box;border: 1px solid rgb(102, 102, 102);box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5);background: none repeat scroll 0% 0% transparent;}
.crop-portrait{top: 38%;height:289px;}
.crop-portrait > div {color: #00FF00;position:relative;left:96px;top:138px;font-size:12px;}
.crop-squre{top:50%;height:200px;}
.crop-squre > div {color: #00FF00;position:relative;left:96px;top:96px;font-size:12px;}
.crop-landscape{top:60%;height:140px;}
.crop-imageBox .crop-spinner{position: absolute;top: 0;left: 0;bottom: 0;right: 0;text-align: center;line-height: 350px;background: rgba(0,0,0,0.7);}
.crop-btn{color: rgba(255, 255, 255, 0.78); background-color: rgba(86, 64, 35, 0.36); border-color: rgba(250, 250, 250, 0.37);}

/* 精品图 */
.flow-outer {position: relative;overflow: hidden;height:110px;width:100%;}
@media(max-width:500px){.flow-outer{height:75px;}}
.flow-img,.slide-img {max-width:none !important;width: 100%;height: auto;position: absolute !important;top: -9999px;bottom: -9999px;left: -9999px;right: -9999px;margin: auto;}
.flow-img-land{width: auto !important;height:100% !important;}
.slide-img-land{width: auto !important;height:100% !important;}

/* fix summernote btn height*/
.note-editor > div > div > .btn-sm{height:30px;}

/* 主页头部图片 */
.home-head-img{position: absolute;z-index: 1;bottom:-10px;left:1px;right:1px;line-height: 24px;height: 24px;padding: 0 10px;text-align: left;background:rgba(1, 1, 1, 0.3);/*filter:alpha(opacity=40);opacity:0.4;background: #000;*/color: #EAEAEA;font-weight: 600; overflow: hidden;}
.home-head-badge{position: absolute;z-index: 1;top:-0px;right:1px;}
/* 动态 */
.action-zone{
	margin:10px;padding:10px 10px;
}

@media (min-width: 960px) {
	.action-zone{
		/*height: 675px; overflow: auto;border: 1px solid #eee;border-bottom: 2px solid #ddd;*/padding:10px 20px;
	}
}

.action-box{
	margin-bottom: 10px;background-color: #FFF;box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);border-radius: 2px;
}
.action-detail{
	padding: 10px 16px 10px 10px;display: block;
}
.action-detail-content{ margin-left: 90px; min-height: 50px; margin-top: 10px; margin-bottom: 0px; padding-bottom: 0px; }
.action-left{
	width: 70px;float: left;
}
.action-left>a{margin:0px;padding:0px;}
.action-left>a>img{height: 55px;width: 55px;margin: 5px;}
.action-right{
	margin-left: 80px;
}
.action-title{
	font-size:13px;margin-top:2px;margin-bottom:3px;
}
.action-msg{
	line-height: 23px;
	margin-top: 3px;
	margin-bottom: 3px;
}
.action-data{
	margin-top:3px;
}
.action-date{
	float: right;color:#999;font-size:11px;
}

.list-5-left{
	width: 125px;float: left; padding-right:15px;
}
.list-5-right{
	margin-left: 125px;
}

.list-group-subitem{
	padding-left: 30px;background: #F4f4f4;
}

.date-input-box{
	border: 1px solid rgb(199, 199, 201);
	border-radius: 3px;
	width: 145px;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left:5px;
}
.date-input-year{
	border: 0px none;
	text-align: center;
	width: 30%;
}
.date-input-month{
	border: 0px none;
	text-align: center;
	width: 15%;
}
.date-input-day{
	border: 0px none;
	text-align: center;
	width: 15%;
}

.relate-hobby-group{
	background: #F9F9F9;box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);margin:4px;padding-bottom:1px;
}

/*summer note reset*/
.note-editor .note-editable{
	word-wrap: break-word;
}

.pic-tag-header{
	margin-right:10px;color: #428bca; font-size: 14px; margin-left: 18px; font-weight: bold; float:left
}

#mrq{margin:20px auto;border:1px solid #000; padding:2px}
#Marquee_x { overflow:hidden; border:1px solid #DADADA;}
#Marquee_x ul li ,#Marquee_x ul li div{ float:left;line-height:25px;overflow:hidden} /* 横向滚动必须让所有li左浮动 */
#Marquee_x ul li div{ float:left;line-height:25px;height:280px; overflow:hidden}
#Marquee_x ul li div img{height:280px; display:block}
#Marquee_x ul li div span{ display:block;}

.masonry-item { width: 33%; }
@media (max-width: 720px) {
	.masonry-item { width: 48%; }
}
@media (max-width: 480px) {
	.masonry-item { width: 99%; }
}

.collect-count-badge{clear:both; position: absolute;z-index: 1;top:-12px;}
.hot-words{line-height:200%;padding:10px;}
.hot-words > a > span{display:inline-block}
.hot-words > a > span >span{
	font-size:12px;color:#bbb;margin-right:10px;
}

.prev-pic,.next-pic {width: 30%;_height: 2000px;background-image: url(about:blank);position: absolute;top: 0;bottom: 0; }
.prev-pic {cursor: url(http://114.215.210.231/gk/res/cur/pic_prev.cur), auto;left: 0;}
.next-pic {cursor: url(http://114.215.210.231/gk/res/cur/pic_next.cur), auto;right: 0;}

.not-selectable{-moz-user-select: none;-khtml-user-select: none; -webkit-user-select: none;-o-user-select: none; }
div.pic-list-box{position: relative;overflow: hidden;height:100%;width:100%;}

/*可以撑开子项全是float的父容器高度*/
.clearfix:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: ".";
	clear: both;
	height: 0;
}
* html .clearfix{zoom: 1;}
*:first-child + html .clearfix{zoom: 1;}
.taobao-item > div.flow-outer > a > img{border:none;border-radius: 0px;}
.taobao-item > div.caption, .hobby-taobao-item > div.caption {padding-top: 9px;}
.taobao-item .taobao-price, .hobby-taobao-item .taobao-price{color:red; padding-top:5px;}
.taobao-item .taobao-type-hint, .hobby-taobao-item .taobao-type-hint{position: relative;top: 24px;right: 0px;}
.taobao-item .taobao-type-hint .home-head-img, .hobby-taobao-item .taobao-type-hint .home-head-img{left:inherit;}
.taobao-hr{border-top: 1px dashed #a3b7c5;margin-top:5px;}
.words-break{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.hobby-taobao{background: none;box-shadow:none;}
.hobby-taobao .bs-glyphicons-list{padding:10px;}
.hobby-taobao-item > div.flow-outer{height:111px;}
.hobby-taobao-item{padding:5px;}
.taobao-product-box > div.flow-outer{height:109px;}
.bs-glyphicons li.hobby-taobao-item div a img{width:100%;height:auto;}

.box-title-amiami{float:left;height:39px;margin-top:-8px;}

.btn-taobao{margin-top:16px;padding: 6px 15px;background-color: #FFE4D0;border-color: #F0CAB6;color: #d2653f;}
.btn-taobao:active, .btn-taobao:active:focus, .btn-taobao:active:hover, .btn-taobao:focus, .btn-taobao:hover{border-color: #F0CAB6;background: #FFD9BC;color:#d2653f;}

.user-verify-icon{color:#f8ac59;font-size: 17px;}

.resale-list-group.clear-list .list-group-item{padding:6px 0;border-top: 1px dashed #e7eaec;}

table.resale-table tr td{padding: 3px;border-top: 0px;}
.purity{position: absolute;top: 1px;right: 1px;background: #00BCD4;padding: 0.3rem .4rem;color: #fafafa;}
.price{position: absolute;bottom: 4px;width: 100%;text-align: center;color: red;}
.price > button{background-color: #f4f4f4;padding:2px 10px;}

table.shoping-cart-table tr td:last-child{width: 160px;text-align: center;vertical-align: middle;}
table.shoping-cart-table tr td:last-child > div{padding: 6px 0px;}
table.shoping-cart-table tr td.desc > span{padding-right: 10px;font-weight: bold;}

.resale-btn{margin-left:10px;margin-bottom:15px;}
.resale-btn > span{font-size: 12px;position: absolute;color: red;padding-left: 5px;}
pre.scroll{max-height: 152px;overflow: scroll;}
.taobao-nav{background: white;}
.taobao-nav > div{padding: 10px;cursor: pointer;font-size: 16px;}
.taobao-nav .active{font-weight: bold;color: #23c6c8;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.taobao-nav div > span:before{content: "";position: absolute;width:100%;height:1px;bottom:0;left:0;background: #23c6c8;transform: scaleX(0);transition: all 0.3s ease-in-out 0s;}
.taobao-nav .active > span:before{transform: scaleX(1);}
.taobao-nav div:hover > span:before{transform: scaleX(1);}

.search-option-nav {padding-top:12px}
.search-option-nav > div{padding: 6px 10px 1px 10px;cursor: pointer;font-size: 12px; float:left}
.search-option-nav .active{color: #23c6c8; font-weight: bold}



.app-publicity{position: fixed;bottom: 0;z-index: 1000;width:100%;background: #00BCD4;opacity: .8;}
.app-publicity > div {padding:14px 0}
.app-publicity > div > a {color:white;font-size:18px;}
.app-publicity-close{position: absolute;right: 5px; top:-2px;}

.wechat_img > .sa-icon .sa-custom{margin-top:0px;margin-bottom: 0px;width:120px;height:120px;}

@media (min-width: 1190px){.user-home{width: 1190px;padding-top: 30px;}}
@media (min-width: 1080px){.user-home{padding-top: 30px;}}
@media (min-width: 960px){.user-home{min-width:980px;padding-top:30px;}}
@media (min-width: 768px){.user-home{min-width:980px;padding-top:30px;}}
.user-home{padding-top:30px;}
.shadow:before{position: absolute;height: 60%;bottom: 0;width: 100%;content: "";background-color: #fff;z-index: 2;}
.shadow:after{content: "";position: absolute;height: 50%;width: 96%;left: 50%;bottom: 10px;margin-left: -48%;-webkit-box-shadow: 0 5px 7px #999999;box-shadow: 0 5px 7px #999999;z-index: 1;border-radius: 10%;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.shadow *, .shadow-narrow * {position: relative;z-index: 3;}
.shadow:hover:after{bottom: 2px;}

.user-box{padding-bottom: 15px;}
.user-box-banner > a > img{width:100%}
.user-box-content{position: relative;background: #fff;}
.user-box-content > a > img{width:65px;top:-25px;left:10px;position: absolute;}
.user-box-content-detail{padding-left: 85px;padding-top: 3px;padding-bottom:10px;}
.user-box-content-detail > div{color: #444;font-size: 1.2rem;margin-bottom: .3rem;font-weight: bold;}
.user-box-content-detail > small{padding-left:0px;display: inherit;height:17px;}
.user-box-content-state{border-top:1px solid #eee;border-bottom:1px solid #eee;}
.user-box-content-state > div{padding: 10px;}
.home-info,.home-box{background-color: #fff;position: relative;margin-bottom: 20px;}
.home-box > img{width:100%;}
.home-box .body{padding: 15px;position: relative;}
.home-box .body > img{position: absolute;right: 12px;top: -16px;}
.home-box small{padding:0px;}
.home-box-more{float: right;font-size: 12px;font-weight: normal;}
.user-icon{width:40px;position: absolute;left: -5px;}
.user-name{color: #444;font-size: 1.5rem;margin-bottom: .3rem;font-weight: bold;}
.user-sign{height:17px;}
.user-content{margin-top: .3rem;margin-bottom:10px;font-size: 14px;line-height: 20px;color:#666;}
.home-box-upload > .user-content{margin-bottom:5px;}
.comment-item{max-height: 333px;max-width: 100%;min-height: 96px;}
.separator-2{width: 100%;margin-bottom: 10px;position: relative;height: 1px;margin-top: 5px}
.separator-2:after{height: 1px;background: #d1d1d1;background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%);background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0.18)), color-stop(35%, rgba(0, 0, 0, 0.12)), color-stop(70%, rgba(0, 0, 0, 0.05)), color-stop(100%, transparent));background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%);background: -o-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%);background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%);background: linear-gradient(to right, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%);position: absolute;bottom: -1px;left: 0px;content: "";width: 100%;}

.home-hobby-list{margin: 0px 5px;}
.home-hobby-list > ul > li {padding: 10px 10px 0px 10px;}

.action-type > div {padding-bottom: 15px;}
.action-type-nav{background: #fff;font-size: 14px;}
.action-type-nav li{float:left;height:39px;overflow: hidden;}
.action-type-nav > li > a{transition: all .15s ease-in-out;padding: 10px 20px 10px 25px;border-bottom: 2px solid #23c6c8;height:42px;}
.action-type-nav > li > a.active, .action-type-nav > li > a:hover, .action-type-nav > li > a:focus{color:#23c6c8;height:39px;background: none;}
.has-user{padding-left: 45px;}
.home-box > div{margin-left: 50px;padding: 9px 12px;}
.home-box-upload-content{padding: 0 6px 4px 0px;}
.home-box-upload-content > div {padding:2px;}
.home-box-upload-content .flow-outer{height:86px;border-radius: 3px;}

.type-time{float:right;font-size: 12px;font-weight: normal;color:#999}
.type-action{float: right;border: 1px solid;padding: 0 5px;}
.type-name{position: absolute;background: #23c6c8;z-index: 100;padding: 5px;color: #fff;}

.home-info-content{padding-top: 10px;padding-right:20px;}

.overlay-container{position: relative;display: block;text-align: center;overflow: hidden;}
.overlay-to-top{position: absolute;top: auto;bottom: -30px;left: 0px;right: 0px;background-color: rgba(30, 30, 30, 0.5);opacity: 0;color: rgb(255, 255, 255);transition: all 0.25s ease-in-out;margin: 0 10px}
.overlay-to-top > p{margin: 0px;padding: 10px;}
.overlay-to-top > div{padding: 10px 10px 0px 10px;}
.overlay-to-top > .no-pic{padding-bottom: 10px;}
.home-info:hover .overlay-to-top{opacity: 1;bottom: 0px;backface-visibility: hidden;transform: translateZ(0px) scale(1, 1);}

.overlay-btn > div > a{display:inline-block;width:100%;color:#fff;}
.overlay-btn > div > a > i{font-size:18px;}

.state-green{color: #23c6c8;}
.state-d-green{color: #72c02c;}
.state-red{color: #ed5565;}
.state-blue{color: #1c84c6;}
.state-d-blue{color: #009cff;}
.state-orange{color: #6639b6;}

.home-search{height: 190px;color:#fff;background: url('http://res.hpoi.net.cn/gk/res/img/home-banner.jpg') center;}
.home-search-confirm > i{color:#fff;}
.home-search-content{padding-top: 70px;position: relative;}
.home-search-text{background-color: rgba(255,255,255,.2);color: #FFF;height: 55px;border-radius: 5px;padding: 0 42px;}
.home-search-text::placeholder{color:#FFF;opacity:1}
.home-search-text:focus::-webkit-input-placeholder{color:#5e6467;opacity:1}
.home-search-text:focus{background-color: #f3f3f3;color: #464a4c;border: none !important;}
i.fa-search{width: 4rem;line-height: 55px;text-align: center;position: absolute;top:0;}
i.fa-long-arrow-left{transition: color .3s,transform .4s,-webkit-transform .4s;top:0;right:0;width: 4rem;line-height: 55px;text-align: center;position: absolute;}
.home-search-text:focus ~ a > i.fa-long-arrow-left{transform: rotate(180deg);transition: color .3s,transform .4s,-webkit-transform .4s;}
.home-search-text:focus ~ i{color: #5e6467;}
.home-search-text:focus ~ .home-search-confirm > i{color: #5e6467;}
.home-search-btn{width:50%;margin:0px auto;position: relative;}
.home-right-box,.home-left-box{background: #fff;margin-bottom: 15px;padding:15px;}
.home-right-box > h3{margin-bottom:15px;}

.page-search-btn{width:75%;}
.page-search-btn > .home-search-text::placeholder{color:#676a6c;opacity:1}
.page-search-btn > .home-search-confirm > i{color:#676a6c;}
.page-search-btn > .home-search-text{color:#676a6c;border-color: #676a6c;}
.page-search-btn > .home-search-text:focus{border: 1px solid #676a6c !important;background: transparent;}

.typeahead{width:100%;}
.typeahead>li>a{color:#333;border-radius: 0;margin:0;padding:10px;}
.typeahead > li:first-child > a {border-radius: 3px 3px 0 0;}
.typeahead > li:last-child > a {border-radius: 0 0 3px 3px;}

.scrollToTop{color: #ffffff;position: fixed;bottom: 5px;right: 5px;width: 50px;height: 50px;text-align: center;cursor: pointer;background-color: rgba(0, 0, 0, 0.4);z-index: 1005;-webkit-backface-visibility: hidden;-webkit-transform: translateZ(0);-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;opacity: 0;filter: alpha(opacity=0);border-radius: 100%;}
.scrollToTop:hover {background-color: rgba(0, 0, 0, 0.6);}
.scrollToTop.fadeToTop {-webkit-animation-name: fadeToTop;animation-name: fadeToTop;-webkit-animation-duration: 0.4s;animation-duration: 0.4s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.scrollToTop.fadeToBottom {-webkit-animation-name: fadeToBottom;animation-name: fadeToBottom;-webkit-animation-duration: 0.4s;animation-duration: 0.4s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.fa-angle-up{font-size:24px;line-height:47px;}
@keyframes fadeToTop{0% {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);-ms-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}100% {opacity: 1;-webkit-transform: none;-ms-transform: none;transform: none;}}
@keyframes fadeToBottom {0% {opacity: 1;-webkit-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}100% {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);-ms-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}}
.fix-home-ul{margin: 0 -5px;}

.album-box{margin-bottom:20px;}
.album-box:hover .album-box-content .bottom-line:after {width: 100%;}

.album-ul{position: absolute;bottom: 0;color: #fff;z-index: 10;padding-left: 10px;}

.album-box-content{border: 1px solid #eee;padding: 0 10px;}
.album-box-content > div {font-weight: 400;font-size: 1rem;line-height: 1.6;color: #555;margin-bottom: 1.07143rem}
.album-box-content > div > .album-user-info {padding-top:10px;}
.album-box-content > div > .album-user-info > a > img{width:40px;height:40px;float:left;}
.album-box-content > div > .album-user-info > div{min-height: 40px;padding-left: 50px;}
.album-box-content > div > .album-info{position: relative;padding: 0.78571rem 0;display: block;}
.album-box-content .bottom-line:after {content: "";position: absolute;left: 0;bottom: 0;display: block;width: 40px;height: 1px;background-image: linear-gradient(to right, #555 0%, transparent 100%);background-repeat: repeat-x;transition: all 0.4s ease-in-out;}

.album-box-figure{position: relative;}
.album-box-figure:before,.album-box-figure:after{content: "";position: absolute;right: 0;bottom: 0;left: 0;height:50px;}
.album-box-figure:after{background-image: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.9) 100%);background-repeat: repeat-x;}
.album-box-figure > a > img {width: 100%;}

.close-times{position: absolute;top:0;right:-2px;}