.logo,header form{display:inline-block}
.row img,.row span,header form i{vertical-align:middle}
.btn-load,header form button{cursor:pointer;text-align:center}*,:after,:before{box-sizing:border-box}body{color:#333;font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";margin:0;line-height:1.5}h1,h2,h3{font-weight:normal}
.wrap-top p{color:#666}
header{background-color:#6181c1;height:4em}a{text-decoration:none}
.container{width:1170px;margin:0 auto}
#content,#sidebar{float:left}
#article{float:left}
#content{padding-right:15px;width:66.66666667%}
#sidebar{width:33.33333333%}
#article{width:100%;margin-bottom: 10px;}
.logo{height:4rem;line-height:4rem;color:#fff;font-size:2em}
header form{float:right;background:#f7f7f7;border-radius:2px;height:3em;margin-top:.5em;position:relative;width:24em}
header form button,header form input{font-size:16px;color:rgba(0,0,0,.54);height:3em;background:0;border:0;margin:0;padding:0;outline:0}
header form input{padding-left:1em;width:100%;border-radius:2px;max-width:100%}
header form button{border-left:1px solid #ccc;background-color:#eee;position:absolute;top:0;left:302px;line-height:3em;width:5em}
.card{background:#fff;}
.container:after,.wrap-top:after{display:table;content:" ";clear:both}
.container h1,.container p,.container td{word-break:break-word;word-wrap:break-word}
.container table{width:100%;border-collapse:collapse}
.container td{padding:0.5em 1em;background-color:#eee}
.toc{background:#eee;padding:10px 15px;border-radius:2px}
.rating{table-layout:fixed}
.rating td{padding:0 2em}
.rating-bar div{margin-bottom:.5em;white-space:nowrap;font-size:.7em;line-height:1rem;background-color:#eee;text-overflow:ellipsis;overflow:hidden}
.rating-bar span{display:inline-block;background:#888;padding:0 .5em;color:#333}
.row{padding:10px 0;}
.row a{display:table-row}
.row img,.row span{display:table-cell}
.row span{padding-left:10px}
.btn-load{display:block;line-height:3em;margin:.5em auto;background:#eee}
.breadcrum{font-size:.8em;padding-top:1rem}
.btn-load:hover{text-decoration:underline}
.apks .item{width:20%}
.categories li{display:inline-block;padding:0 1em 1em 0}
#gotop:hover{background-color:rgba(0,0,0,.8)}
.dlapk{border:0;background:#48f;color:#fff;font-size:20px;line-height:30px;    padding: calc(-0.3330000000000002em + 2px) calc(1.3330000000000002em + 2px);display:inline-block;border-radius: 9999px}
.old-apk{font-size:1em;padding:0 3em;line-height:3rem}
.dlapk i{display:inline;float:left;padding-right:15px;line-height:inherit}
#apkabout{position:relative;border-bottom:1px solid #eee;margin-bottom:2em}
.mobile{display:none;line-height:4em;padding:0 15px}
.btn-menu,.btn-search{display:block;position:absolute;top:0;height:4em;line-height:4em;width:3em;text-align:center;color:#fff;bottom:0;z-index:9}
.btn-menu i,.btn-search i{line-height:inherit}
.btn-menu{left:0}
.btn-home{color:#fff;width:auto;display:block}
.btn-search{right:0}
.card img{max-width:100%;height:auto;margin-top: 10px;}footer{background-color: #6181c1;padding:2em 0}
.wrap-top p{margin:0}
.rowar {
	width: 28%;
	display: inline-block;
	text-align: center;
	margin-top: 20px;
	margin-right: 20px;
	border: 1px solid #ececec;
}
.rowcate {
	width: 22%;
	display: inline-block;
	text-align: center;
	margin-top: 20px;
	margin-right: 10px;
	border: 1px solid #ececec;
}
@media (max-width:1170px){.container{width:100%;padding:0 1em}
header .container{padding:0 15px}}
@media (max-width:768px){.btn-search img{vertical-align:middle}h1, h2, h3{font-size:24px}
#content,#sidebar{float:none;width:100%;padding:0}
#article{float:none;width:100%;padding:0}
header .container{display:none}
.mobile{display:block}
.rowar{width: 26%}}
@media (max-width:462px){.btn-search img{vertical-align:middle}h1, h2, h3{font-size:20px}
#content,#sidebar{float:none;width:100%;padding:0}
#article{float:none;width:100%;padding:0}
header .container{display:none}
.mobile{display:block}
.rowar{width: 42%}
.rowcate{width: 28%}}
@media (max-width:310px){.btn-search img{vertical-align:middle}h1, h2, h3{font-size:20px}
#content,#sidebar{float:none;width:100%;padding:0}
#article{float:none;width:100%;padding:0}
header .container{display:none}
.mobile{display:block}
.rowar{width: 100%}
.rowcate{width: 40%}
}
img.thumb {
	float: left;
	margin-right: 12px;
	border: 1px solid #ececec;
}
hr {
	border: 1px solid #eee;
}
span#ar {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 10px;
}
h2, h3 {
	font-weight: bold;
	border-bottom: 2px solid #ececec;
}
h1 {
	font-weight: bold;
}
.card img {
	margin-top: 10px;
}
footer {
	background-color: #6181c1;
}
#gotop {
	position: fixed;
	bottom: 20px;
	right: 14px;
	width: 45px;
	height: 45px;
	background: url(backtop.png) center no-repeat rgba(0,0,0,.4);
	background-size: 15px;
	z-index: 99999;
	border-radius: 4px;
	cursor:pointer;
}
.guide {
    text-align: justify;
}
.pagenv {
    text-align: center;
    margin-bottom: 10px;
}
a.page {
    border: 1px solid #ececec;
    margin: 5px;
    padding: 1px;
}
span.cr {
	border: 1px solid #ececec;
}