@import 'common.css';
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html {
	-ms-touch-action: none;
}

body,ul,li {
	padding: 0;
	margin: 0;
	border: 0;
}

body {
	font-size: .2048rem;
	font-family: ubuntu, helvetica, arial;
	overflow: hidden; /* this is important to prevent the whole page to bounce */
}

.title{
    border-bottom: 1px #f2f2f2 solid;
    overflow: hidden;
    position: absolute;
    z-index: 2;
    width: 100%;
    background-color: #ffffff;
    height: .8532rem;
    top: .9386rem;
}
.title span{
    position: absolute;
    font-size: 0.3rem;
    color: #333;
    border-left: 0.09rem #C00000 solid;
    padding-left: 0.2rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-left: .3rem;
}
.title a{
    float: right;
    font-size: 0.24rem;
    color: #999;
    line-height: .8532rem;
    margin-right: 0.3rem;
}
/* #wrapper {
	position: absolute;
	z-index: 1;
	top: 106px;
	bottom: 0;
	left: 0;
	width: 100%;
    overflow: hidden;
} */
.titles{
	position: absolute;
	z-index: 1;
	top: .9386rem;
	bottom: 0;
	left: 0;
	width: 100%;
    overflow: hidden;
}
.no_titles{
	position: absolute;
	z-index: 1;
	top: .9386rem;
	bottom: 0;
	left: 0;
	width: 100%;
    overflow: hidden;
}

#scroller {
	position: absolute;
	z-index: 1;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	width: 100%;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
	text-size-adjust: none;
}

#scroller ul {
	list-style: none;
	padding: 0;
	margin: 0;
    text-align: left;
    padding: 0 0.3rem;
}

#scroller li {
	height: .8532rem;
	line-height: .8532rem;
	background-color: #ffffff;
    font-size: 14px;
    position: relative;
}
li a{
    color: #222222;
    outline: none;
    display: block;
    position: relative;
    text-decoration: none;
    overflow: hidden;
}
li span:nth-child(1) {
    float: left;
    width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
li .date{
    color: #666;
    float: right;
    font-size: 0.24rem;
}
@media (-webkit-min-device-pixel-ratio:2),(min-device-pixel-ratio:2){
    #scroller li::after{
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        border-bottom: 1px solid #e9e9e9;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        -webkit-transform: scaleY(0.5);
        transform: scaleY(0.5);
    }
}
#pullDown,
#pullUp,
.pulldown-tips {
    height: .8532rem;
    line-height: .8532rem;
    text-align: center;
}

.pulldown-tips {
    position: absolute;
    top: -0.8532rem;
    left: 0;
    width: 100%;
}