.cover-box > .bg {
	width: 100%; height: 10rem; overflow: hidden; position: relative;display: none;
}
.cover-box > .bg img {
	width: 100%; display: block;
}
.bubble {
	background: 0px 0px; margin: 20px auto; border-radius: 50%; width: 150px; height: 150px; text-align: center; color: rgb(68, 169, 247); line-height: 55px; padding-top: 20px; font-size: 20px; box-sizing: border-box; box-shadow: inset -30px -30px 75px rgba(68,168,247,0.2), inset 0px 0px 5px rgba(68,168,247,0.5), inset 0px 0px 55px rgba(255,255,255,0.5), inset -3px -3px 5px rgba(68,168,247,0.5), 0px 0px 50px rgba(255,255,255,0.75); -webkit-box-sizing: border-box; -webkit-box-shadow: inset -30px -30px 75px rgba(68, 168, 247, .2), inset 0 0 5px rgba(68, 168, 247, .5), inset 0 0 55px rgba(255, 255, 255, .5), inset -3px -3px 5px rgba(68, 168, 247, .5), 0 0 50px rgba(255, 255, 255, .75);
}
.bubble hr {
	margin: 0px auto; border: currentColor; border-image: none; width: 80%; height: 1px; background-color: rgb(68, 169, 247);
}
.btn-tip-menu {
	background: rgb(68, 169, 247); margin: 0px auto; padding: 0.2rem; border-radius: 10px; width: 100px; text-align: center; color: rgb(255, 255, 255); display: block;
}
.mui-media-object {
	border-radius: 100%; width: 30px; height: 30px;
}
.mui-media-body p {
	color: rgb(102, 102, 102); font-size: 12px; margin-top: 5px;
}
.ds {
	left: 0px; top: 0px; width: 100%; height: 100%; display: none; position: fixed;
}
.ds .msk {
	background: rgba(0, 0, 0, 0.6); width: 100%; height: 100%; position: absolute;
}
.ds .txt {
	background: rgb(255, 255, 255); width: 100%; height: 5.5rem; bottom: 0px; position: fixed;
}
.ds .txt .title {
	background: rgb(244, 244, 244); height: 1rem; text-align: center; color: rgb(153, 153, 153); line-height: 1rem; font-size: 0.45rem; font-weight: 400;
}
.ds .txt .send {
	padding: 0.25rem 0px 0px;
}
.ds .txt .send ul {
	border-bottom-color: rgb(239, 239, 244); border-bottom-width: 0.2rem; border-bottom-style: solid;
}
.ds .txt .send ul li {
	-webkit-box-flex: 1;
}
.ds .txt .send ul li img {
	margin: 0px auto; border-radius: 5px; border: 1px solid rgb(204, 204, 204); border-image: none; width: 88%; display: block;
}
.ds .txt .send ul li span {
	text-align: center; color: rgb(85, 85, 85); line-height: 0.8rem; font-size: 0.32rem; display: block;
}
.ds .txt .dbtn {
	height: 2rem; text-align: center; color: rgb(153, 153, 153); line-height: 1rem; font-size: 0.42rem;
}
.tip-history {
	padding: 10px;
}
.tip-history .title {
	padding-bottom: 10px; font-size: 16px; margin-bottom: 10px; border-bottom-color: rgb(238, 238, 238); border-bottom-width: 1px; border-bottom-style: solid;
}
.tip-history .row {
	font-size: 12px; margin-top: 5px; display: flex;
}
.avatar {
	width: 100%; text-align: center; float: left; display: table-cell;
}
.tip-history .avatar {
	border-radius: 50%; border: currentColor; border-image: none; width: 30px; margin-right: 15px;
}
.tip-history .row .detail {
	flex:9 1 0px; padding-bottom: 5px; margin-bottom: 5px; border-bottom-color: rgb(238, 238, 238); border-bottom-width: 1px; border-bottom-style: solid; -webkit-box-flex: 9;
}
.tip-history .nickname {
	font-weight: 700;
}
.tip-history .gift {
	padding: 5px 0px; color: rgb(255, 151, 40);
}
.tip-history .gift img {
	width: 30px;
}
.tip-history .datetime {
	color: rgb(194, 194, 194);
}
.moreBtn {
	margin: 0px auto; border-radius: 5px; border: 1px solid rgba(0, 0, 0, 0.2); border-image: none; width: 96%; text-align: center; color: rgb(69, 69, 69); line-height: 2.3333; overflow: hidden; font-size: 18px; display: block; position: relative; box-sizing: border-box; background-color: rgb(247, 247, 247); -webkit-box-sizing: border-box;
}