@charset "utf-8";
/* CSS Document */
.scroller_content {
	width:100%;
	height:100%;
	position:absolute;
}

.scroller {
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	width:100%;
	padding:0;
}
/**
 *
 * 下拉的样式
 *
 */
.pull_down_content{
	height:35px;
	line-height:35px;
	padding:0px 10px;
	font-weight:bold;
	font-size:14px;
	color:#888;
}
.pull_up_content{
	height:35px;
	line-height:35px;
	padding:0px 10px;
	font-weight:bold;
	font-size:14px;
	color:#888;
}
.pull_up_content_active{
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#09F), to(#06C));
	color:white;
}
.pull_up_content_active_an{
	-webkit-transition-property:all;
	-webkit-transition-duration:0.5s;
}
.pullUpLabel,.pullDownLabel{
	height:35px;
	line-height:35px;
}
.pullDownIcon  {
	display:inline-block;
	vertical-align:middle;
	width:30px; height:30px;
	line-height:30px;
	background:url(/module/jslib/scroller/pull-icon.png) center center no-repeat;
	-webkit-transition-property:-webkit-transform;
	-webkit-transition-duration:250ms;
}
.pullUpIcon{
	display:inline-block;
	vertical-align:middle;
	width:35px; height:35px;
	line-height:35px;
	background:url(/module/jslib/scroller/pull-icon.png) center center no-repeat;
	-webkit-transition-property:-webkit-transform;
	-webkit-transition-duration:250ms;
}
.pull_down_content .pullDownIcon {
	-webkit-transform:rotate(0deg) translateZ(0);
}
.pull_up_content .pullUpIcon  {
	-webkit-transform:rotate(-180deg) translateZ(0);
}

.pull_down_content.flip .pullDownIcon {
	-webkit-transform:rotate(-180deg) translateZ(0);
}

.pull_up_content.flip .pullUpIcon {
	-webkit-transform:rotate(0deg) translateZ(0);
}

.pull_down_content.loading .pullDownIcon, .pull_up_content.loading .pullUpIcon {
	background:url(/module/jslib/scroller/loading.png) center center no-repeat;
	-webkit-transition-duration:0ms;
	-webkit-animation-name:loading;
	-webkit-animation-duration:2s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:linear;
}

@-webkit-keyframes loading {
	from { -webkit-transform:rotate(0deg) translateZ(0); }
	to { -webkit-transform:rotate(360deg) translateZ(0); }
}

.thelist li{
	list-style: none;
	clear:both;
	content:"";
}
.thelist.inline li{
	display: inline-block;
	clear:both;
	content:"";
}
.thelist .imgcontent{
	text-align:center;
	padding:5px;
}
.thelist .imgcontent .pic{
	border:1px solid #CCC;
	padding:5px;
	text-align:center;
}
.thelist .imgcontent .pic img{
	vertical-align:middle;
}