@charset "utf-8";
/*
    Theme Name: Fate主题(移动端)
    Theme URI: https://www.260.cn/
    Author: 260游戏中心
    Author URI: https://www.260.cn/
    Description:
    Version: 0.0.1
*/

:root {
    --pm-c: #ED7449;
    --bg-c: #f7f9fa;
    --br-c: #F2F6FC;
    --md-c: #909399;
    --md-a: #A4C63E;
    --md-i: #303133;
    --md-h: #ff0a0a;
}


html,body {
	background-color: var(--bg-c);
	font-size: .08rem;
	max-width: 750px;
	margin: 0 auto;
}

.c-fff {
	color: #fff!important;
}
.c-pm {
	color: var(--pm-c)!important;
}
.c-333 {
    color: #303133;
}
.bg-pm {
	background-color: var(--pm-c);
}
.bg-gradient {
	background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0, transparent 100%);
}
.c-success {
	color: #67C23A;
}
.b-t {
	border-top: 1px solid var(--br-c);
}
.b-b {
	border-bottom: 1px solid var(--br-c);
}
.bg-success {
	background-color: #67C23A;
}

.c-warning {
	color: #ff6300
}

.bg-warning {
	background-color: #ff6300
}

.c-danger {
	color: #F56C6C;
}

a,
a:hover {
	color: #303133;
	font-size: .28rem;
	transition: all .3s;
}
img {
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;    
}

ul,ol {
	padding: 0;
	margin: 0;
	list-style: none;
}

a,a:hover {
	text-decoration: none;
}

.line-2 {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
}
.line-3 {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
}

.icon {
	display: block;
	border-radius: .24rem;
	overflow: hidden;
}
.icon img {
	width: 100%;
	height: 100%;
}
.uk-flex-cover {
	flex: 1;
	overflow: hidden;
	position: relative;
}

.time {
	color: var(--md-c);
	font-size: .26rem;
}
.time:before {
	margin-right: 3px;
	font-size: .3rem;
}
.view {
	color: var(--md-c);
	font-size: 13px;
}
.view:before {
	margin-right: 3px;
	font-size: .3rem;
}
.follow:before {
	margin-right: .04rem;
}


header {
	background: #fff;
	box-shadow: 0px 2px 4px rgba(0,0,0,0.04);
}
.navbar {
	padding: .2rem;
	display: flex;
	align-items: center;
	background: #202935;
}
.navbar .logo {}
.navbar .logo a {
	display: flex;
	align-items: center;
	height: .52rem;
}
.navbar .logo img {
	border-radius: .08rem;
	height: 100%;
}
.navbar .logo h1 {
	font-size: .28rem;
	color: #fff;
	font-weight: bold;
	margin: 0;
	margin-left: .1rem;
}
.navbar i {
	height: .5rem;
	line-height: .5rem;
	color: #fff;
	line-height: normal;
	margin-left: .2rem;
	font-size: .42rem;
}
header {
	position: relative;
	z-index: 100;
}
header .nav {
	padding: 0 .2rem;
	flex: 1;
	overflow: hidden;
	position: relative;
	text-align: center;
	overflow-x: scroll;
	white-space: nowrap;
}
header .nav li {
	margin-right: .4rem;
	display: inline-block;
}
header .nav li a {
	display: block;
	font-size: .28rem;
	color: var(--md-c);
	padding: .24rem 0;
}
header .nav .current-menu-item a {
    color: var(--pm-c);
    position: relative;
    font-weight: bold;
}
header .nav .current-menu-item a:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 0);
    width: 1em;
    height: 4px;
    border-radius: 10px;
    background: var(--pm-c);
}

.topbar {
	padding: 20px;
	background: #fff;
	font-size: 13px;
	color: #909399;
}
.top-notice {
	color: #989fa5;
	font-size: 14px;
	padding: 20px 0;
}
.top-notice:before {
	margin-right: 5px;
	font-size: 15px;
}

main {
	position: relative;
	overflow: hidden;
}


.part {
	background: #fff;
	padding: .2rem;
	border: 1px solid var(--br-c);
    border-radius: .12rem;
    margin: .1rem;
}
.part-title {
	margin-bottom: .3rem;
}
.part-title .title {
	font-size: .34rem;
	font-weight: bold;
	color: #1a1a1a;
}
.part-title .more {
	color: var(--md-c);
	font-size: .28rem;
}
.part-title em {
	font-style: normal;
	font-size: 14px;
	color: var(--md-c);
	font-weight: normal;
	margin-left: 5px;
}

.home-banner {
	margin: .1rem;
	height: 3.6rem;
	overflow: hidden;
	border-radius: .12rem;
}
.home-banner .uk-slideshow-items {
	min-height: 3.6rem !important;
}
.home-banner .item {}
.home-banner .item .cover {
	width: 100%;
	padding: .3rem;
	position: absolute;
	bottom: 0;
	left: 0;
}
.home-banner .item .cover .title {
	color: #fff;
	font-size: .3rem;
	font-weight: bold;
	margin-bottom: .12rem;
}
.home-banner .item .cover .desc {
	color: #fff;
    opacity: .7;
    max-width: 60%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .26rem;
}


.recom-bar {
	    background: linear-gradient(to bottom, #ffe7df, white, white, white, white);
}
.recom-bar .item {
	width: 23.3%;
	text-align: center;
}
.recom-bar .item .icon {
	margin: 0 auto;
}
.recom-bar .item .title {
	margin-top: .06rem;
}
.recom-bar .item .title a {
	font-size: .26rem;
}


.home-news {}
.home-news .news-warp {
}

.home-news .item {
	display: flex;
	align-items: center;
	margin-bottom: .2rem;
	padding-bottom: .2rem;
	border-bottom: 1px solid var(--br-c);
}
.home-news .item:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border: 0;
}
.home-news .item .thumb {
	border-radius: .12rem;
	display: block;
	width: 2rem;
	height: 1.4rem;
	position: relative;
	overflow: hidden;
	margin-right: .2rem;
}
.home-news .item .title {
	margin-bottom: .2rem;
	height: .88rem;
}
.home-news .item .title a {
	font-size: .28rem;
}
.home-news .item .time {
	font-size: .24rem;
}

.home-games {}
.home-games .uk-grid-medium {
    margin-left: -.36rem;
}
.home-games .item {
	width: 25%;
	text-align: center;
	padding-left: .36rem;
}
.home-games .uk-grid-margin {
    margin-top: .3rem;
}
.home-games .item .icon {}
.home-games .item .title {
	margin-top: .1rem;
}
.home-games .item .title a {
	font-size: .26rem;
}



.home-rank {}
.home-rank .part-title {
	border-bottom: 1px solid var(--br-c);
	padding-bottom: .3rem;
}
.home-rank .item {
	display: flex;
	align-items: center;
	margin-bottom: .4rem;
	margin-top: .1rem;
}
.home-rank .item:last-child {
	margin-bottom: 0;
}
.home-rank .item .num {
	display: inline-block;
	width: .4rem;
	height: .4rem;
	line-height: .4rem;
	text-align: center;
	border-radius: .08rem;
	background: #ddd;
	color: #fff;
	margin-right: .3rem;
}
.home-rank .item:nth-child(2) .num {
	background: #ff5a00
}
.home-rank .item:nth-child(3) .num {
	background: #ff9b19
}
.home-rank .item:nth-child(4) .num {
	background: #ffcb2e
}
.home-rank .item .icon {
	width: 1.26rem;
	height: 1.26rem;
	margin-right: .3rem;
}
.home-rank .item .title {
	margin-bottom: .4rem;
}
.home-rank .item .title a {
	font-size: .30rem;
}
.home-rank .item .type {}
.home-rank .item .type span {
	display: inline-block;
	color: var(--md-c);
	border: 1px solid var(--br-c);
	font-size: .26rem;
	padding: .04rem .12rem;
	line-height: normal;
	border-radius: .06rem;
	margin-right: .1rem;
}
.home-rank .item .view {
	display: inline-block;
	background: var(--pm-c);
	color: #fff;
	border-radius: .4rem;
	font-size: .28rem;
	padding: .12rem .32rem;
}




.crumbs {
	position: relative;
	z-index: 100;
	margin: .2rem;
}
.crumbs,
.crumbs a {
	color: var(--md-c);
	font-size: .28rem;
}
.crumbs a:after {
	content: '>';
	font-family: simsun;
	font-weight: bold;
	color: #C0C4CC;
	font-size: .26rem;
	margin: 0 .06rem;
}
.crumbs a:last-child:after {
	display: none;
}


.category-slide {
	border-radius: 0.12rem;
	margin: .1rem;
	margin-bottom: .2rem;
	overflow: hidden;
}

.category-nav {
	margin: .1rem;
}
.category-nav ul {
	display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    margin: 0 -.06rem;
    margin-bottom: -.1rem;
}
.category-nav ul li {
	width: 25%;
	margin-bottom: .12rem;
}
.category-nav ul .open {
	font-weight: bold
}
.category-nav ul li span,
.category-nav ul li a {
	display: block;
	border: 1px solid var(--br-c);
	text-align: center;
	line-height: .7rem;
	color: var(--md-c);
	background: #fff;
	font-size: .26rem;
	border-radius: .08rem;
	margin: 0 .06rem;
}
.category-nav ul li a:hover,
.category-nav ul .current-cat a {
	background: var(--pm-c);
	color: #fff;
	border: 1px solid var(--pm-c);
}
.category-nav ul .hot {
	color: var(--pm-c);
	font-weight: bold;
	border: 1px solid #a1e1bf
}
.category-nav ul li .open span {
	font-weight: bold;
}
.category-games {}
.category-games .games-warp {}
.category-sort {}
.category-sort .active {
	color: var(--pm-c);
	font-weight: bold;
}
.category-sort a {
	font-size: .28rem;
	color: #C0C4CC;
	margin-left: .1rem;
}
.category-games .item {}
.category-games .item .icon {
	display: block;
	width: 1.2rem;
	height: 1.2rem;
	border-radius: .2rem;
	overflow: hidden;
	margin-right: .3rem;
}
.category-games .item .title {
	margin-bottom: .24rem;
}
.category-games .item .title a {
	font-weight: bold;
	font-size: .3rem;
}
.category-games .item .type {}
.category-games .item .type span {
    display: inline-block;
    color: var(--md-c);
    border: 1px solid var(--br-c);
    font-size: .24rem;
    padding: .06rem .12rem;
    border-radius: .06rem;
    margin-right: .1rem;
}
.category-games .item .view {
	display: inline-block;
    background: var(--pm-c);
    color: #fff;
    border-radius: .4rem;
    padding: .12rem .32rem;
}
.category-games .item .desc {
	border-top: 1px solid var(--br-c);
	padding-top: .3rem;
	margin-top: .3rem;
	color: var(--md-c);
	font-size: .26rem;
}



.category-news {}
.category-news .part-title {
    padding-bottom: .2rem;
    border-bottom: 1px solid var(--br-c);
}
.category-news .item {
	display: flex;
	align-items: center;
	padding-bottom: .3rem;
	margin-bottom: .3rem;
    border-bottom: 1px solid var(--br-c);
}
.category-news .item .thumb {
    border-radius: 0.12rem;
    display: block;
    width: 2rem;
    height: 1.56rem;
    position: relative;
    overflow: hidden;
    margin-right: 0.2rem
}
.category-news .item .title {
    line-height: normal;
}
.category-news .item .title a {
	font-size: .28rem;
	font-weight: bold;
}
.category-news .item .desc {
	color: var(--md-c);
	font-size: .26rem;
	margin: .2rem 0;
}
.category-news .item .info {
    line-height: normal;
}
.category-news .item .info span {
	color: var(--md-c);
	margin-right: .4rem;
	font-size: .24rem;
	line-height: normal;
}
.category-news .item .info span:before {
	font-size: .28rem;
}


.fenye {
	margin: .8rem 0;
	text-align: center;
}
.fenye .page-numbers {
	display: inline-block;
	line-height: .62rem;
	padding: 0 .24rem;
	background: #fff;
	font-size: .26rem;
	border-radius: .08rem;
	color: var(--md-c);
}
.fenye .page-numbers:hover,
.fenye .current {
	background: var(--pm-c);
	color: #fff;
}




.category-gift {}
.category-gift .part-title {
    border-bottom: 1px solid var(--br-c);
    padding-bottom: .2rem;
}
.category-gift .item {
    margin-bottom: 0.3rem;
    padding-bottom: 0.3rem;
    border-bottom: 1px solid var(--br-c);
}
.category-gift .item .icon {
	display: block;
	width: 1.36rem;
	height: 1.36rem;
	border-radius: .12rem;
	overflow: hidden;
	margin-right: .2rem;
}
.category-gift .item .title {}
.category-gift .item .title a {
	font-size: .28rem;
	font-weight: bold;
}
.category-gift .item .desc {
    margin: .12rem 0;
	color: var(--md-c);
	font-size: .26rem;
}
.category-gift .item .surplus {
    display: flex;
    align-items: center;
    color: #999;
    font-size: .26rem;
}
.category-gift .item progress {
    margin: 0;
    flex: 1;
    overflow: hidden;
    border: none;
    background-color: var(--bg-c); 
    height: .17rem;
}
.category-gift .item progress::-webkit-progress-value {
    background-color: var(--pm-c);
    border-radius: .2rem;
}

.category-gift .item .receive {
	margin-left: .3rem;
	display: inline-block;
    background: var(--pm-c);
    color: #fff;
    border-radius: .4rem;
    font-size: .26rem;
    padding: .12rem .3rem;
}

.category-rank {}
.category-rank .rank-bg {
	height: 2.4rem;
	position: relative;
	overflow: hidden;
}
.category-rank .rank-warp {}
.category-rank .item {}
.category-rank .item .item-top {
	border-bottom: 1px solid var(--br-c);
	padding-bottom: .26rem;
	margin-bottom: .26rem;
}
.category-rank .item .item-top .title {}
.category-rank .item .item-top .title a {
	font-size: .3rem;
	font-weight: bold;
}
.category-rank .item .item-top .info {
	color: var(--md-c);
	font-size: .24rem;
}
.category-rank .item .item-top .view {
	display: inline-block;
    background: var(--pm-c);
    color: #fff;
    border-radius: 0.4rem;
    font-size: .26rem;
    line-height: normal;
    padding: 0.12rem 0.3rem;
}
.category-rank .item .bind-games {
	text-align: center;
}
.category-rank .item .bind-games .icon {
	margin: 0 auto;
}
.category-rank .item .bind-games .title {}
.category-rank .item .bind-games .title a {
	font-size: .22rem;
}



.category-forum {
	position: relative;
}
.category-forum .crumbs a,
.category-forum .crumbs {}

.category-forum .forum-top {
    border-radius: 0.12rem;
    margin: 0.1rem;
	border: 1px solid var(--br-c);
	align-items: center;
	padding: .4rem .2rem;
	overflow: hidden;
	position: relative;
	background: #202935;
}
.category-forum .forum-bg {
	filter: blur(0.4rem);
	opacity: .6;
}

.category-forum .forum-top .top-warp {
	position: relative;
	z-index: 10;
	display: flex;
	align-items: center;
	width: 100%;

}
.category-forum .forum-top .icon {
	width: 1.2rem;
	height: 1.2rem;
	border-radius: .24rem;
	overflow: hidden;
	margin-right: .2rem;
}
.category-forum .forum-top h1 {
	font-size: .32rem;
	color: #fff;
	font-weight: bold;
	margin: 0;
	margin-bottom: .3rem;
}
.category-forum .forum-top .info {
	display: inline-block;
	margin-right: .1rem;
	color: rgb(255,255,255,.6);
}
.category-forum .forum-top .info span {
	margin-right: .2rem;
	font-size: .22rem;
}
.category-forum .forum-top .info span:before {
    margin-right: .06rem;
}
.category-forum .forum-top .desc {
    position: relative;
    z-index: 10;
	font-size: .24rem;
	margin-top: .2rem;
	color: rgb(255,255,255,.8);
}
.category-forum .forum-news {
}
.category-forum .forum-news ul {
}
.category-forum .forum-news ul li {
	margin-bottom: .28rem;
	display: flex;
}
.category-forum .forum-news ul li:last-child {
	margin-bottom: 0;
}
.category-forum .forum-news ul li .gl {
	background: var(--pm-c);
}

.category-forum .forum-news ul li .hd {
	background: #f35d16
}

.category-forum .forum-news ul li .cp {
	background: #FFA800
}
.category-forum .forum-news ul li em {
	display: inline-block;
    padding: 0 .12rem;
    color: #fff;
    line-height: .38rem;
    font-style: normal;
    font-size: .2rem;
    border-radius: .06rem;
    margin-right: .12rem;
    background: #999;
}
.category-forum .forum-news ul li a {
	font-size: .25rem;
	display: block;
	flex: 1;
}
.category-forum .forum-list {}
.category-forum .forum-filter {
	background: #fff;
	white-space: nowrap;
	display: flex;
	align-items: center;
	border-bottom: 1px solid var(--br-c);
}
.category-forum .forum-filter a {
	font-size: .26rem;
	margin-right: .2rem;
	position: relative;
	padding-bottom: .16rem;
	color: var(--md-c);
	border-bottom: .06rem solid transparent
}
.category-forum .forum-filter .active {
	font-weight: bold;
	color: #303133;
	border-bottom: .06rem solid var(--pm-c);
}
.category-forum .forum-list  {
	background: #fff;
	padding: .2rem;
	border-top: 1px solid var(--br-c);
}
.category-forum .forum-list .forum-item {
	margin-top: .3rem;
	border-bottom: 1px solid var(--br-c);
}
.category-forum .forum-list .forum-item .user-info {
	display: flex;
	align-items: center;
	margin-bottom: .3rem;
}
.category-forum .forum-list .forum-item .user-info .avatar {
	width: .68rem;
	height: .68rem;
	border-radius: 50%;
	overflow: hidden;
	margin-right: .18rem;
}
.category-forum .forum-list .forum-item .forum-content {
	line-height: .52rem;
	color: #303133;
	font-size: .28rem;
}
.category-forum .forum-list .forum-item .forum-content p {
	margin: .2rem 0;
}
.category-forum .forum-list .forum-item .forum-content p:last-child {
	margin: 0;
}
.category-forum .forum-list .forum-item .forum-content img {
	border-radius: .08rem;
}
.category-forum .forum-list .forum-item .forum-foot {
	display: flex;
	align-items: center;
	padding: .3rem 0;
	font-size: .22rem;
}
.category-forum .forum-list .forum-item .forum-foot .time {
    color: var(--md-c);
    font-size: .24rem;
}
.category-forum .forum-list .forum-item .forum-foot span {
    margin-left: .3rem;
    color: var(--md-c);
    font-size: .22rem;
}
.category-forum .forum-list .forum-item .forum-foot span:before {
	margin-right: .03rem;
	font-size: .24rem;
}

.no-comment {
	text-align: center;
	padding: 50px 0;
}
.no-comment p {
	font-size: 14px;
	color: var(--md-c);
}

.archive-forum {}
.archive-forum .part-title {
    margin: 0 .2rem;
    margin-bottom: .3rem;
}
.archive-forum .forums-list {}
.archive-forum .forums-list .item {}
.archive-forum .forums-list .item .icon {
    width: 1.4rem;
    height: 1.4rem;
    margin-right: .3rem;
}
.archive-forum .forums-list .item .title {
    margin-bottom: .4rem;
}
.archive-forum .forums-list .item .title a {
    font-size: .32rem;
}
.archive-forum .forums-list .item .info {}
.archive-forum .forums-list .item .info span {
    color: var(--md-c);
    font-size: .28rem;
    margin-right: .3rem;
}
.archive-forum .forums-list .item .info span::before {
    margin-right: .06rem;
    font-size: .3rem;
}
.archive-forum .forums-list .item .go {
    margin-top: .3rem;
    text-align: center;
    display: block;
    padding: .2rem 0;
    background: var(--bg-c);
    color: #606266;
    font-size: .26rem;
    border-radius: .08rem;
}
.archive-forum .forums-list .item:hover .go {
    background: var(--pm-c);
    color: #fff;
}

.user-info {
	display: flex;
	align-items: center;
}
.user-info .name {
	font-size: .26rem;
	line-height: normal;
}
.user-info .avatar {
	border-radius: 50%;
	overflow: hidden;
	margin-right: .2rem;
}
.user-info .grade {
	display: inline-block;
	background: var(--br-c);
	color: var(--md-c);
	font-size: .22rem;
	padding: .02rem .08rem;
	border-radius: .06rem;
}




.single-game {}
.single-game .game-header {
}
.single-game .game-header .icon {
	width: 1.52rem;
	height: 1.52rem;
	border-radius: .12rem;
	overflow: hidden;
	margin-right: .26rem;
}
.single-game .game-header h1 {
	font-size: .32rem;
	margin: 0;
	font-weight: bold;
}
.single-game .game-header .data {
	display: none;
}
.single-game .game-header .cname {
	margin: .16rem 0;
}
.single-game .game-header .cname span {
	background: var(--bg-c);
    border-radius: 0.06rem;
    color: var(--md-c);
    font-size: .24rem;
    display: inline-block;
    cursor: pointer;
    padding: 0.06rem 0.12rem;
    line-height: normal;
    margin-right: .1rem;
}
.single-game .game-header .info {
	font-size: .24rem;
	color: var(--md-c);
}
.single-game .game-header .info span {
	margin-left: .2rem;
}
.single-game .game-header .desc {
	margin: .2rem 0;
	font-size: .26rem;
	color: var(--md-c);
}

.single-game .down-btn {
	display: block;
	text-align: center;
    line-height: .68rem;
    border-radius: .08rem;
    background: var(--pm-c);
    color: #fff;
    font-size: .28rem;
    font-weight: bold;
    cursor: pointer;
}
.single-game .down-Android {
	display: block;
	text-align: center;
    line-height: .68rem;
    border-radius: .08rem;
    background: var(--md-a);
    color: #fff;
    font-size: .28rem;
    font-weight: bold;
    cursor: pointer;
}
.single-game .down-IOS {
	display: block;
	text-align: center;
    line-height: .68rem;
    border-radius: .08rem;
    background: var(--md-i);
    color: #fff;
    font-size: .28rem;
    font-weight: bold;
    cursor: pointer;
}
.single-game .down-HarmonyOS {
	display: block;
	text-align: center;
    line-height: .68rem;
    border-radius: .08rem;
    background: var(--md-h);
    color: #fff;
    font-size: .28rem;
    font-weight: bold;
    cursor: pointer;
}
.single-game .single-content {
    font-size: .28rem;
    line-height: .58rem;
    color: #303133;
}
.single-game .single-content p {
	margin: .2rem 0;
}
.single-game .game-images {}
.single-game .game-images .item {
	width: 36%;
	padding-left: .1rem;
}
.single-game .game-images .uk-grid-small {
	margin-left: -.1rem;
}
.single-sub-title {
    border-left: .06rem solid var(--pm-c);
    background: #ffe7df;
    color: var(--pm-c);
    margin: .3rem 0;
    font-size: .3rem;
    font-weight: bold;
    padding: .12rem .2rem;
}

.game-tags {}
.game-tags span {
    background: var(--bg-c);
    border-radius: .06rem;
    color: var(--md-c);
    font-size: .26rem;
    display: inline-block;
    cursor: pointer;
    padding: .1rem .2rem;
    line-height: normal;
    margin-right: .1rem;
}

.game-info {
	margin-bottom: .3rem;
}
.game-info ul {
	border: 1px solid var(--br-c);
    background-color: #fdfdfd;
    border-radius: 6px;
    padding: .3rem;
    color: var(--md-c);
}
.game-info ul li {
	display: flex;
	font-size: .26rem;
	margin-bottom: .16rem;
}
.game-info ul li:last-child {
	margin-bottom: 0;
}
.game-info ul li .t {
	flex: 1;
}
.game-info ul li .v {}

.single-gift {}
.single-gift .gift-header {}
.single-gift .gift-header .icon {
	width: 1.52rem;
    height: 1.52rem;
    border-radius: 0.12rem;
    overflow: hidden;
    margin-right: 0.2rem;
}
.single-gift .gift-header h1 {
	font-size: .3rem;
	margin: 0;
	font-weight: bold;
}
.single-gift .gift-header .info {
	font-size: .24rem;
    color: var(--md-c);
    margin: 0.21rem 0;
}
.single-gift .gift-header .info b {
	margin-right: .1rem;
}
.single-gift .gift-header .surplus {
    display: flex;
    align-items: center;
    color: #999;
    font-size: .26rem;
    max-width: 80%;
}
.single-gift .gift-header .surplus progress {
    margin: 0;
    flex: 1;
    overflow: hidden;
    border-radius: 50px;
    border: none;
    background-color: var(--bg-c); 
    height: .2rem;
}
/* 进度条完成部分的样式 */
.single-gift .gift-header  .surplus progress::-webkit-progress-value {
    background-color: var(--pm-c);
    border-radius: 10px;
}
.single-gift .down-btn {
	margin-top: .2rem;
    display: block;
    text-align: center;
    line-height: .68rem;
    border-radius: 0.08rem;
    background: var(--pm-c);
    color: #fff;
    font-size: .28rem;
    font-weight: bold;
    cursor: pointer;
}
.single-gift .down-btn.gift {
	background: #ff9800;
}
.single-gift .single-content {
    font-size: .28rem;
    line-height: .58rem;
    color: #303133;
}
.single-gift .single-content .single-sub-title:first-child {
	margin-top: 0;
}



.single-news {}
.single-forum {}
.single-forum .forum-warp {
	padding: 0;
}
.single-forum .forum-warp .forum-header {
	padding: .2rem;
	padding-bottom: 0;
	background: #fff;
}
.single-forum .forum-warp .forum-header .cats {
	margin-bottom: .2rem;
}
.single-forum .forum-warp .forum-header .cats a,
.single-forum .forum-warp .forum-header .cats span {
	background: rgb(238, 247, 251);
    color: rgb(92, 173, 209);
    border-radius: .06rem;
	border: 1px solid var(--br-c);
    font-size: .22rem;
    display: inline-block;
    cursor: pointer;
    padding: .04rem .1rem;
}
.single-forum .forum-warp .forum-header h1 {
	font-size: .42rem;
	line-height: normal;
	margin-top: 0;
	margin-bottom: .3rem;
}
.single-forum .forum-warp .user-info {
	border-top: 1px dashed var(--br-c);
	border-bottom: 1px dashed var(--br-c);
	padding: .1rem .2rem;
    box-shadow: inset -13px -48px 80px -35px rgb(17 58 93 / 5%);
    background: none;
	display: flex;
	align-items: center;
}
.single-forum .forum-warp .user-info .avatar {
	width: .68rem;
	height: .68rem;
	border-radius: 50%;
	overflow: hidden;
	margin-right: .12rem;
}
.single-forum .forum-warp .user-info .name {
	line-height: normal;
	display: flex;
	margin-bottom: 5px;
	align-items: center;
}
.single-forum .forum-warp .user-info .name a {
	font-size: .26rem;
	line-height: normal;
}
.single-forum .forum-warp .user-info .info {
	font-size: .24rem;
	color: var(--md-c);
}
.single-forum .forum-warp .user-info .grade {
	margin-left: .1rem;
}
.single-forum .forum-warp .user-info .follow {
    display: inline-block;
    background: rgba(237,116,73, 0.08);
    color: var(--pm-c);
    border-radius: .5rem;
    padding: .08rem .2rem .08rem .16rem;
    margin-left: .4rem;
    font-size: .26rem;
}
.single-forum .forum-warp .single-content {
	padding: .3rem .2rem;
}
.single-forum .forum-warp .single-content p {
	font-size: .3rem;
	line-height: .58rem;
	color: #303133;
}
.single-forum .forum-warp .single-content p img {
	border-radius: .08rem;
}


.tbm-postactions {
	text-align: center;
	margin-bottom: .2rem;
}
.tbm-postactions .-item {
    display: inline-block;
    border-radius: .08rem;
    color: #fff !important;
    padding: .14rem .4rem;
    font-size: .26rem;
    margin: 0 .1rem;
    cursor: pointer;
    line-height: normal;
    transition: background-color .3s ease-in-out;
}
.tbm-postactions .-favorite {
    background-color: #f7b10d;
}
.tbm-postactions .-like {
    background-color: #2ec665;
}

.side-forum-box {
	display: flex;
	align-items: center;
}
.side-forum-box .icon {
	width: 1rem;
	height: 1rem;
	border-radius: .06rem;
	margin-right: .2rem;
}
.side-forum-box .title {
	margin-bottom: .28rem;
}
.side-forum-box .title a {
	font-size: .28rem;
	font-weight: bold;
}
.side-forum-box .info {
	font-size: .24rem;
	color: var(--md-c);
}

.side-forum-box .follow {
    overflow: hidden;
    font-size: .24rem;
    border: 1px solid var(--pm-c);
    color: var(--pm-c);
    border-radius: 0.8rem;
    line-height: normal;
    padding: 0.1rem 0.22rem;
    cursor: pointer;
}

.comment-list {
	padding: .3rem .2rem;
	background: #fff;
}
.comment-warp {}
.comment-warp .comment-item {
	padding-bottom: .6rem;
}
.comment-item .user-info .avatar {
	width: .7rem;
	height: .7rem;
}
.comment-item .user-info .time {
	font-size: .28rem;
	color: var(--md-c);
}
.comment-item .comment-content {
	margin: .26rem 0;
	margin-bottom: .3rem;
	font-size: .28rem;
	line-height: .52rem;
	color: #333440;
	padding-left: 0.85rem;
}
.comment-item .comment-content img {
	margin-top: .3rem;
	display: block;
	max-width: 50%;
	border-radius: .08rem;
}
.comment-item .comment-foot {
	display: flex;
	align-items: center;
	color: var(--md-c);
	font-size: .24rem;
    padding-left: 0.85rem;
}
.comment-item .comment-foot span {
	font-size: .24rem;
	display: inline-block;
	margin-left: .6rem;
}
.comment-item .comment-foot span:before {
	margin-right: .06rem;
	font-size: .28rem;
	color: #C0C4CC;
}

.comment-list .view-more {
	text-align: center;
	display: block;
	background: var(--pm-c);
	color: #fff;
	line-height: .86rem;
	border-radius: .8rem;
}



.page {}
.page .page-content {
	min-height: 8rem;
	font-size: .28rem;
	line-height: .52rem;
}



.pagr-author {}
.pagr-author .author-top {
    display: flex;
    align-items: center;
}
.pagr-author .author-top .ava {
    width: 1.4rem;
    height: 1.4rem;
    border-radius: 50%;
    overflow: hidden;
    margin-right: .3rem;
}
.pagr-author .author-top .ava img {
    width: 100%;
    height: 100%;
}
.pagr-author .author-top .name {
    font-size: .4rem;
    font-weight: bold;
    color: #333;
    line-height: normal;
    margin-bottom: .4rem;
}
.pagr-author .author-top .desc {
    color: var(--md-c);
    font-size: .3rem;
}
.author-trends {}
.author-trends ul {}
.author-trends ul li {
    margin-bottom: .3rem;
    padding-bottom: .3rem;
    border-bottom: 1px solid var(--br-c);
}
.author-trends ul li:last-chlid {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}
.author-trends ul li a {
    font-size: .32rem;
}
.author-trends ul li .time {
    margin-bottom: .2rem;
    display: block;
    color: var(--md-c);
    font-size: .28rem;
}
.author-trends ul li .desc {
    font-size: .28rem;
    margin-top: .25rem;
}


footer {
	position: relative;
    z-index: 100;
    background: #202935;
    padding: .3rem .2rem;
}
footer:after {
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	display: block;
	width: 3rem;
	height: 3rem;
	background-image: url(static/images/icon-logo.png);
	background-repeat: no-repeat;
	background-size: 100%;
	opacity: .05;
}


.foot-link {}
.foot-link .title {
	border-bottom: 1px solid rgba(255, 255, 255, .1);
}
.foot-link .title span {
	color: #fff;
	font-size: .28rem;
	font-weight: bold;
	display: inline-block;
    border-bottom: 2px solid var(--pm-c);
    padding-bottom: .2rem;
}
.foot-link ul {
	margin-top: .2rem;
    white-space: nowrap;
    overflow-x: scroll;
}
.foot-link ul li {
	margin-right: .2rem;
	display: inline-block;
}
.foot-link ul li a {
	font-size: .26rem;
    color: #fff;
    color: #CCC
}


.foot-nav {
	background: #293340;
	padding: .2rem;
	position: relative;
	overflow: hidden;
}

.foot-nav ul {
}
.foot-nav ul li {
	margin-right: .1rem;
	display: inline-block;
}
.foot-nav ul li:after {
	content: '';
	display: inline-block;
	width: 1px;
	height: .2rem;
	background: var(--md-c);
	margin-left: .2rem;
}
.foot-nav ul li:last-child:after {
	display: none;
}
.foot-nav ul li a {
	font-size: .24rem;
	color: #C0C4CC;
}
.foot-nav a,
.foot-nav p {
	margin: .2rem 0;
	font-size: .24rem;
	color: #909399;
}
.foot-nav p:last-child {
	margin-bottom: 0;
}


/*隐私、权限样式*/
#app_info{}
#app_info li {
	display: inline-block;
	width: 33.33%;
	color:#333;
	font-size: 13px;
	margin: 10px 0;
}
#app_info li b {
	cursor: pointer;
	color:#333;
	font-size: 13px;
	font-weight: normal;
}
#app_info_cover {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .6);
	text-align: center;
	z-index: 9999
}
#app_info_cover .app_info_main {
	background: #fff;
	width: 520px;
	margin: auto;
	margin-top: 100px;
	border-radius: 8px;
	overflow: hidden;
}
#app_info_cover .app_info_title {
    background: var(--pm-c);
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	line-height: 50px;
}
#app_info_cover .app_info_body {
	padding: 20px;
	height: 320px;
	overflow-y: scroll;
	text-align: left;
}
#app_info_cover .app_info_body p {
    margin: 10px 0;
    line-height: 28px;
    font-size: 13px;
	color:#333;
}
#app_info_cover .app_info_body b {
	font-size: 13px;
}
#app_info_cover .app_info_close {
	margin: 20px;
	font-size: 17px;
	color: #fff;
    background: var(--pm-c);
	line-height: 48px;
	border-radius: 20px;
	cursor: pointer;
	display: block;
	font-weight: bold;
	margin-top: 30px;
}
@media (max-width: 760px) {
	#app_info li {
		width: 100%;
	}
	#app_info_cover .app_info_main {
		width: 98%;
	}
	#app_info_cover .app_info_close {
		font-size :16px;
		line-height: 42px;
	}
}

.app-info {
    display: flex;
    padding: 0;
}
.app-info li {
    display: inline-block;
    width: 33.33%;
    font-size: 14px;
    color: #333;
}
.app-info li .appinfo-open {
    cursor: pointer;
}
.appinfo-open {
	cursor: pointer;
}