@charset "UTF-8";

.brand-sprite-base,.icon-note-index-comment,.icon-note-index-company,.icon-note-index-house,.icon-note-index-inventory,.icon-note-index-phrase,.icon-note-index-star,.icon-note-phases-nav {
	background: url(../images/icon-note-index.png??v=2014121802) no-repeat;
	background-size: 65px 275px;
	display: inline-block
}

.icon-note-index-company {
	width: 15px;
	height: 14px;
	background-position: 0 -48px
}

.icon-note-index-house {
	width: 15px;
	height: 14px;
	background-position: 0 0
}

.icon-note-index-inventory {
	width: 15px;
	height: 14px;
	background-position: 0 -24px
}

.icon-note-index-star {
	background-position: 0 -104px;
	width: 17px;
	height: 19px
}

.icon-note-index-comment {
	background-position: 0 -128px;
	width: 15px;
	height: 20px
}

.icon-note-index-phrase {
	background-position: 0 -71px;
	width: 13px;
	height: 13px
}

.icon-note-phases-nav {
	background-position: 0 -152px;
	width: 43px;
	height: 43px
}

.ni-banner .ni-banner-detail p,.ni-infos a,.ni-infos p,.ni-note-cmt,.ni-note-inventorys li,.ni-phases>li>h2,.text-overflow {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

#noteIndex {
	border-bottom: 1px solid transparent;
	background-color: #f6f6f6;
	margin-bottom: -2px
}

.ni-banner {
	position: relative;
	width: 100%;
	height: 180px;
	border-bottom: 1px solid #ddd
}

.ni-banner .ni-banner-cover,.ni-banner .ni-banner-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.ni-banner .ni-banner-cover {
	background-color: rgba(0,0,0,.28)
}

.ni-banner .ni-banner-wrap {
	position: absolute;
	top: 97px;
	left: 0;
	width: 100%;
	padding: 0 20px
}

.ni-banner .ni-banner-user-img {
	float: left
}

.ni-banner .ni-banner-user-img img {
	width: 44px;
	height: 44px;
	border-radius: 22px
}

.ni-banner .ni-banner-detail {
	margin-left: 66px
}

.ni-banner .ni-banner-detail h1 {
	font-size: 16px;
	line-height: 22px;
	font-weight: 700;
	color: #fff;
	overflow: hidden;
	max-height: 43px;
	text-overflow: -o-ellipsis-lastline;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.ni-banner .ni-banner-detail p {
	font-size: 12px;
	line-height: 14px;
	color: #ccc;
	margin-top: 9px
}

.ni-infos {
	background-color: #fff
}

.ni-infos li {
	border-bottom: 1px solid #dcdcdc
}

.ni-infos a,.ni-infos p {
	display: block;
	padding: 0 20px 0 15px;
	height: 50px;
	line-height: 50px;
	font-size: 14px;
	color: #333;
	position: relative
}

.ni-infos .ni-info-totalnum {
	font-size: 12px
}

.ni-infos i {
	vertical-align: middle;
	margin-right: 10px
}

.ni-infos .ni-icon-ra {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-right: 0;
	border-top: 2px solid #989898;
	border-right: 2px solid #989898;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 20px;
	right: 15px
}

.ni-phases {
	background-color: #f5f5f5
}

.ni-phases .ni-note-hd {
	height: 54px;
	line-height: 54px
}

.ni-phases .ni-note-hd time {
	font-size: 14px;
	color: #666;
	font-weight: 700
}

.ni-phases .ni-note-phase {
	font-size: 14px;
	color: #888
}

.ni-phases .ni-note-hd .icon-note-index-phrase {
	vertical-align: middle;
	margin-left: 5px
}

.ni-phases .ni-note-jl {
	font-size: 14px;
	color: #878787;
	margin-left: 5px
}

.ni-phases>li>h2 {
	height: 40px;
	line-height: 40px;
	text-align: center;
	background-color: #fff;
	border-bottom: 1px solid #c8c8cc;
	font-size: 14px;
	color: #000;
	font-weight: 700
}

.ni-phases>li>h2 time {
	font-size: 12px;
	font-weight: 400
}

.ni-phases>li>ul {
	background-color: #f6f6f6
}

.ni-notes>li {
	padding: 0 15px;
	border-bottom: 1px solid #c8c8cc
}

.ni-note-summary {
	font-size: 15px;
	color: #000;
	line-height: 18px;
	word-wrap: break-word;
	word-break: normal
}

.ni-note-imgs {
	overflow: hidden;
	margin-top: 2px
}

.ni-note-imgs li {
	float: left;
	height: 90px;
	margin-right: 3.44828%;
	margin-top: 10px;
	width: 31.03448%
}

.ni-note-imgs li:nth-of-type(3n) {
	margin-right: 0
}

.ni-note-imgs li img {
	display: block;
	width: 100%;
	height: 100%
}

.ni-note-imgs-style4 li:nth-of-type(2n) {
	clear: right
}

.ni-note-imgs-style4 li:nth-of-type(3n) {
	margin-right: 3.44828%
}

.ni-note-aside {
	margin: 15px 0;
	height: 18px;
	line-height: 18px
}

.ni-note-cmt {
	text-align: right;
	font-size: 12px;
	color: #666;
	height: 16px;
	line-height: 16px
}

.ni-note-cmt i {
	vertical-align: middle
}

.ni-note-cmt .icon-note-index-comment {
	margin-left: 10px
}

.ni-note-inventorys li {
	margin-top: 15px;
	background-color: #e2e2e2;
	height: 36px;
	line-height: 36px;
	font-size: 14px;
	color: #000;
	padding: 0 8px 0 12px
}

.ni-note-inventorys li a {
	display: block
}

.ni-note-inventorys li em {
	font-size: 12px;
	color: #666
}

.ni-note-inventorys li mark {
	font-size: 14px;
	color: #ff8a00;
	float: right
}

.ni-note-summary+.ni-note-inventorys {
	margin-top: -3px
}

.ni-note-inventorys+.ni-note-imgs {
	margin-top: 5px
}

.ni-note-comments {
	margin-top: 3px;
	background-color: #edeeef;
	font-size: 14px;
	line-height: 25px;
	position: relative;
	margin-bottom: 15px;
	color: #333
}

.ni-note-comments:before {
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	background-color: transparent;
	right: 13px;
	border-bottom: 10px solid #edeeef;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	top: -10px
}

.ni-note-comments>ul {
	padding: 5px 10px;
	word-break: break-all
}

.ni-note-comments>ul em {
	color: #00ae62
}

.ni-note-comments .ni-note-comments-more {
	border-top: 1px solid #ddd;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	text-align: center;
	color: #666
}

.pin-wraper {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	overflow: hidden
}

.pin-inner {
	position: absolute;
	width: 100%
}

.pin-inner h2 {
	height: 40px;
	line-height: 40px;
	text-align: center;
	background-color: #fff;
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	font-size: 14px;
	color: #000;
	font-weight: 700
}

.pin-inner h2 time {
	font-size: 12px;
	font-weight: 400
}[data-role=widget-pagination] {
	border-top: 1px solid #c8c8cc!important;
	background-color: #f5f5f5!important;
	border-bottom: 0!important
}

.widget-overflow-fold,.widget-overflow-unflod {
	color: #576b95;
	font-size: 15px;
	line-height: 18px;
	text-align: center;
	padding-top: 10px;
	position: relative;
	display: none
}

.widget-overflow-fold:after,.widget-overflow-unflod:after {
	content: "";
	display: block;
	position: absolute;
	height: 1px;
	top: 50%;
	left: 0;
	width: 100%;
	margin-top: 5px;
	background: -moz-linear-gradient(left,rgba(255,255,255,0) 0,rgba(243,243,243,0) 8%,rgba(204,204,204,1) 41%,rgba(204,204,204,0) 42%,rgba(204,204,204,0) 58%,rgba(204,204,204,1) 59%,rgba(243,243,243,0) 92%,rgba(255,255,255,0) 100%);
	background: -webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,0)),color-stop(8%,rgba(243,243,243,0)),color-stop(41%,rgba(204,204,204,1)),color-stop(42%,rgba(204,204,204,0)),color-stop(58%,rgba(204,204,204,0)),color-stop(59%,rgba(204,204,204,1)),color-stop(92%,rgba(243,243,243,0)),color-stop(100%,rgba(255,255,255,0)));
	background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(243,243,243,0) 8%,rgba(204,204,204,1) 41%,rgba(204,204,204,0) 42%,rgba(204,204,204,0) 58%,rgba(204,204,204,1) 59%,rgba(243,243,243,0) 92%,rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(left,rgba(255,255,255,0) 0,rgba(243,243,243,0) 8%,rgba(204,204,204,1) 41%,rgba(204,204,204,0) 42%,rgba(204,204,204,0) 58%,rgba(204,204,204,1) 59%,rgba(243,243,243,0) 92%,rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(left,rgba(255,255,255,0) 0,rgba(243,243,243,0) 8%,rgba(204,204,204,1) 41%,rgba(204,204,204,0) 42%,rgba(204,204,204,0) 58%,rgba(204,204,204,1) 59%,rgba(243,243,243,0) 92%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to right,rgba(255,255,255,0) 0,rgba(243,243,243,0) 8%,rgba(204,204,204,1) 41%,rgba(204,204,204,0) 42%,rgba(204,204,204,0) 58%,rgba(204,204,204,1) 59%,rgba(243,243,243,0) 92%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#00ffffff', GradientType=1)
}

#originSlideWrapper {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0,0,0,.8);
	z-index: 10;
	text-align: center;
	display: none
}

#originSlideWrapper.active {
	display: block
}

#originSlideWrapper .origin-slide-wrapper-slide {
	position: absolute;
	top: 0;
	left: 4.6875%;
	right: 4.6875%;
	bottom: 0
}

#originSlideWrapper .origin-slide-wrapper-slide li {
	width: 100%;
	height: 100%;
	transition: left 500ms;
	-moz-transition: left 500ms;
	-webkit-transition: left 500ms;
	-o-transition: left 500ms;
	top: 50%;
	text-align: center;
	position: absolute
}

#originSlideWrapper .origin-slide-wrapper-slide li.active {
	left: 0
}

#originSlideWrapper .origin-slide-wrapper-slide li.prev {
	left: -105.17241%
}

#originSlideWrapper .origin-slide-wrapper-slide li.next {
	left: 105.17241%
}

#originSlideWrapper .origin-slide-wrapper-slide li img {
	visibility: hidden
}

#originSlideWrapper .origin-slide-wrapper-slide li.loading:after {
	position: absolute;
	content: " ";
	display: block;
	top: 0;
	left: 50%;
	visibility: visible;
	width: 16px;
	height: 16px;
	margin-top: -8px;
	background: url(../images/loadinghourglass.gif?v=2014121802) center no-repeat;
	background-size: 16px 16px
}

#originSlideWrapper .origin-slide-wrapper-slide.paning li {
	transition: left 0;
	-moz-transition: left 0;
	-webkit-transition: left 0;
	-o-transition: left 0
}

#originSlideWrapper .origin-slide-wrapper-footer {
	position: absolute;
	z-index: 20;
	bottom: 22px;
	font-size: 14px;
	color: #fff;
	text-align: center;
	width: 100%
}

#originSlideWrapper .animate {
	transition: all 1s
}

.ni-note-phases-nav-wrap .ni-note-phase-nav-pannel-wrap,.ni-note-phases-nav-wrap.active .ni-note-phases-nav-btn {
	display: none
}

.ni-note-phases-nav-wrap.active .ni-note-phase-nav-pannel-wrap {
	display: block
}

.ni-note-phases-nav-wrap .ni-note-phases-nav-btn {
	padding: 15px;
	position: fixed;
	left: 0;
	bottom: 0;
	display: block
}

.ni-note-phase-nav-pannel-wrap {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2
}

.ni-note-phase-nav-pannel {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 60.15625%;
	background-color: rgba(0,0,0,.8)
}

.ni-note-phase-nav-head {
	height: 44px;
	line-height: 44px;
	font-size: 16px;
	color: #fff;
	padding-left: 32px;
	border-bottom: 1px solid #727171
}

.ni-note-phase-nav-body ul {
	position: relative
}

.ni-note-phase-nav-body ul:before {
	content: "";
	display: block;
	background: url(../images/icon-note-index.png?v=2014121802) -58px -2px no-repeat;
	background-size: 65px 275px;
	width: 7px;
	height: 273px;
	position: absolute;
	left: 32px;
	top: 6px
}

.ni-note-phase-nav-body li a {
	font-size: 16px;
	line-height: 18px;
	margin: 20px 0 20px 48px;
	color: #fff;
	display: block
}

.ni-note-phase-nav-body li.active a {
	color: #34c083
}

.ni-note-phase-nav-body li.disabled a {
	color: #888
}