/* 樣式(之前的) */
.add-num[data-v-2a0e13b5] {
	display: flex;
	flex: auto;
	line-height: 2;
	width: 10em;
}

.add-num span[data-v-2a0e13b5] {
	display: block;
	cursor: pointer;
	border: 1px solid #ccc;
	line-height: inherit;
	width: 2.5em;
	text-align: center;
	flex-shrink: 0;
}

.add-num div[data-v-2a0e13b5] {
	margin: 0 -1px;
}

.add-num input[data-v-2a0e13b5] {
	display: block;
	width: 100%;
	text-align: center;
	line-height: inherit;
	border: 1px solid #ccc;
}

/* layout common */
.popup-confirm {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10000
}

.popup-confirm .popup-inner {
	position: absolute;
	top: 50%;
	left: 50%;
	padding: 0;
	transform: translate(-50%, -50%);
	max-height: 100%;
	max-width: 100%;
	overflow: auto
}

.popup-confirm .popup-head {
	text-align: center;
	line-height: 2.5;
}

.popup-confirm .popup-close {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 2em;
	width: 1.5em;
	height: 1.5em;
	overflow: hidden;
	text-align: center;
	cursor: pointer;
}

.popup-confirm .popup-body {
	text-align: center;
}

/* default */
.popup-confirm-default {
	background: rgba(0, 0, 0, 0.3)
}

.popup-confirm-default .popup-inner {
	border: 1px solid #ff4626;
	background: #fff;
	box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7)
}

.popup-confirm-default .popup-head {
	background: #ff4626;
	color: #fff;
	font-size: 1.25em;
	letter-spacing: 1px
}

.popup-confirm-default .popup-body {
	line-height: 1.8;
	font-size: 1.2em;
	padding: 0.8em 1em;
	border-radius: 0.5em;
	min-width: 15em;
	text-align: center
}

.popup-confirm-default .popup-foot {
	text-align: center;
	margin: 1em
}

.popup-confirm-default .popup-foot a {
	margin: 0.5em
}

.popup-loading {
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	max-height: 100%;
	max-width: 100%;
	overflow: auto;
	box-shadow: 0 0 20px #fff;
	background: rgba(255, 255, 255, 0.8);
	padding: 1em;
	border-radius: 1em
}

.loading-square {
	padding: 0.8em;
	display: flex;
	border-radius: 0.4em;
}

.loading-square>div {
	background-color: #666;
	width: 0.8em;
	height: 0.8em;
	margin: 0 0.2em
}

.loading-square>div:nth-child(1) {
	animation: loading-square 0.8s 0s infinite linear
}

.loading-square>div:nth-child(2) {
	animation: loading-square 0.8s 0.1s infinite linear
}

.loading-square>div:nth-child(3) {
	animation: loading-square 0.8s 0.2s infinite linear
}

@keyframes loading-square {
	0% {
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

/* layout */
.popup-bubble {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.popup-bubble .popup-body {
	position: absolute;
	top: 50%;
	left: 50%;
	padding: 0;
	transform: translate(-50%, -50%);
	max-height: 100%;
	max-width: 100%;
	overflow: auto
}

/* color */
.popup-bubble-default {
	background: rgba(255, 255, 255, 0.5)
}

.popup-bubble-default .popup-body {
	background: #ff4626;
	color: #fff;
	padding: 1em 2em;
	border-radius: 0.5em;
	border: 3px solid rgba(255, 255, 255, 0.5);
}

/* layout common */
.popup-dialog {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2000
}

.popup-dialog .popup-inner {
	position: absolute;
	top: 50%;
	left: 50%;
	padding: 0;
	transform: translate(-50%, -50%);
	max-height: 100%;
	max-width: 100%;
}

.popup-dialog .popup-head {
	text-align: center;
	line-height: 2.5;
}

.popup-dialog .popup-close {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 2em;
	width: 1.5em;
	height: 1.5em;
	overflow: hidden;
	text-align: center;
	cursor: pointer;
}

.popup-dialog .popup-body {
	text-align: center;
}

/* default */
.popup-dialog-default {
	background: rgba(0, 0, 0, 0.6);
}

.popup-dialog-default .popup-inner {
	background: #fff;
	border-radius: 0.5em;
}

.popup-dialog-default .popup-head {
	background: #eee;
	color: #000;
	font-size: 1.25em;
	letter-spacing: 1px
}

.popup-dialog-default .popup-body {
	line-height: 1.8;
	font-size: 1.2em;
	padding: 0.8em 1em;
	min-width: 15em;
}

.popup-dialog-default .popup-buttons {}

.popup-dialog-default .popup-buttons a {
	margin: 0.5em
}

.popup-dialog-default .popup-foot {
	text-align: center;
	margin: 1em
}

.popup-dialog-default .popup-foot a {
	margin: 0.5em
}

/* orange */
.popup-dialog-orange {
	background: rgba(0, 0, 0, 0.5);
}

.popup-dialog-orange .popup-inner {
	border: 1px solid #ff4626;
	background: #fff;
	box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7)
}

.popup-dialog-orange .popup-head {
	background: #ff4626;
	color: #fff;
	font-size: 1.25em;
	letter-spacing: 1px
}

.popup-dialog-orange .popup-body {
	line-height: 1.8;
	font-size: 1.2em;
	padding: 0.8em 1em;
	min-width: 15em;
}

.popup-dialog-orange .popup-buttons {}

.popup-dialog-orange .popup-buttons a {
	margin: 0.5em
}

.popup-dialog-orange .popup-foot {
	text-align: center;
	margin: 1em
}

.popup-dialog-orange .popup-foot a {
	margin: 0.5em
}


/* 活動公告 */

.event-common-bg {
	background: url(../img/event/event-bg.png) no-repeat center top;
	background-size: cover;
}

.event-common-bg article {
	background: none;
}
.in-reward{
	background: url(//ompic.neteaselab.com/respic/images/mlbb/20210414/event-bg2.png) no-repeat center top #fff;
	background-size: contain;
}

.main-right-title {
	width: 394px;
	height: 98px;
	margin: 40px auto;
}

.main-right-title div {
	width: 100%;
	height: 100%;
}

.event-announcements-title {
	background: url(../img/event/event-title1.png) no-repeat center;
	background-size: contain;
}

.topup-gp-title {
	background: url(../img/event/event-title3.png) no-repeat center;
	background-size: contain;
}

.event-contentbox {
	margin: 0 auto;
	height: auto;
	background-color: #a1e4ff;
	border-radius: 6px;
	box-shadow: 0px 3px 3px #6285c4;
}

.event-main {
	width: 896px;
	height: auto;
	position: relative;
	top: 0;
	left: 5px;
	z-index: 1;
	background-color: white;
	border-radius: 6px;
	padding: 20px;
	box-sizing: border-box;
	text-align: center;
}

.event-main>ul {
	width: 100%;

}

.event-main .dashed-border {
	width: 100%;
	height: 1px;
	background-image: linear-gradient(to right, #ebdcca 0%, #ebdcca 50%, transparent 50%);
	background-size: 20px 1px;
	background-repeat: repeat-x;
}

.event-main .dashed-border:last-child {
	clear: both;
}

.exent-list {
	width: 100%;
	height: 50px;
	line-height: 50px;
	font-size: 14px;
	color: #333333;
}

.exent-list>div {
	float: left;
	text-align: left;
}

.exent-list .the-date {
	float: right;
}

.exent-list .new-icon {
	display: none;
}

.if-new .new-icon {
	display: inline-block;
	background-image: url(../img/event/new-icon.png);
	background-size: 100% 100%;
	width: 30px;
	height: 16px;
	float: left;
	margin: 17px 6px 0 0;
}

.exent-list .title {
	width: 448px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.exent-list .title p {
	float: left;
}

.exent-list .thumb-up {
	width: 130px;
	margin-left: 60px;
}

.exent-list .reply {
	width: 130px;
}

.page-num-box {
	margin: 48px 0 0 0;
}

.page-num-box a {
	padding: 2px 8px;
	border: 1px solid #555555;
	border-radius: 4px;
	margin-right: 10px;
}

.page-num-box select {
	width: 60px;
	height: 25px;
	border: 1px solid #555555;
	border-radius: 4px;
	outline: none;
}

.page-num-box .actived {
	border: none;
	font-weight: bold;
	font-size: 16px;
}

/* 預約領獎 */
.appointment-title {
	background: url(../img/event/event-title2.png) no-repeat center;
	background-size: contain;
}

.appointment-main {
	position: relative;
	z-index: 10;
	width: 584px;
    height: 208px;
    background-image: url(../img/event/yy-img01.png);
    background-size: 100%;
    margin: 0 auto;
    padding: 70px 0 0 0;
}

.topup-gp-bg .appointment-main {
	width: 644px;
	background-image: url(../img/event/yy-img02.png);
    background-size: 100%;
}

.topup-gp-bg .appointment-main .center img {
	margin-right: 156px;
}

.appointment-main-bg::after {
	content: '';
	position: absolute;
	top: -66px;
	left: 0;
	right: 0;
	width: 934px;
	max-width: 100%;
	height: 460px;
	background: url(../img/event/event-bg-1.png) no-repeat center;
	background-size: contain;
}

.appointment-main>ul {
	width: 780px;
	height: 168px;
	margin: 0 auto;
	text-align: center;
	padding: 30px 0 0 0;
}

.appointment-main>ul>li {
	display: inline-block;
	float: left;
}

.appointment-pic {
	margin: 0 auto;
	width: 80px;
	height: 80px;
}

.appointment-pic>img {
	width: 100%;
	height: 100%;
}

.appointment-txt {
	width: 100%;
	text-align: center;
	line-height: 40px;
	font-size: 16px;
	font-weight: 700;
	color: #5088a7;
}

.appointment-btn-box {
	position: relative;
	z-index: 10;
	width: 280px;
	height: 64px;
	margin: 80px auto 26px auto;
	text-align: center;
    line-height: 43px;
    font-size: 28px;
    font-weight: 600;
    letter-spacing: 8px;
    text-indent: 8px;
	cursor: pointer;
}

.appointment-btn-box .dnot-participate {
	width: 100%;
	height: 100%;
	background: url(../img/event/btn-1.png) no-repeat center;
	background-size: contain;
}

.appointment-btn-box .dnot-participate>a {
	color: #dfc789;
    text-shadow: -1px 1px 3px #411800;
}

.appointment-btn-box .dnot-receive {
	width: 100%;
	height: 100%;
	background: url(../img/event/btn-1.png) no-repeat center;
	background-size: contain;
}

.appointment-btn-box .dnot-receive>a {
	color: #dfc789;
    text-shadow: -1px 1px 3px #411800;
}

.appointment-btn-box .received {
	width: 100%;
	height: 100%;
	background: url(../img/event/btn-2.png) no-repeat center;
	background-size: contain;
}

.appointment-btn-box .received>a {
	color: #e8e8e8;
	text-shadow: 1px 1px 1px #777777;
}

.mian-right-contentbg.appointment-main-bg {
	padding-top: 120px;
}

.appointment-tips {
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    margin-bottom: 40px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    z-index: 10;
}

.appointment-tips span {
	padding: 2px 20px;
	background: rgba(0, 0, 0, .4);
}

.the-rules {
	padding: 0 20px;
}

.the-rules p {
	line-height: 30px;
}
.the-rules-color{
	width: 800px;
	max-width: 100%;
	margin: auto;
	color: #7d6b57;
}

/* 貢獻兌換 */
.contribution-title {
	background: url(../img/event/event-title4.png) no-repeat center;
	background-size: contain;
}

.in-reward .contribution-title {
    background: url(//ompic.neteaselab.com/respic/images/mlbb/20210414/event-title9.png) no-repeat center;
    background-size: contain;
	margin-top: 480px;
    margin-left: 120px;
}
.in-reware-item{
	padding: 8px 0px;
    background: rgba(0, 0, 0, .4);
    width: 60%;
    margin: auto;
    text-align: center;
    color: #fff;
    display: block;
    letter-spacing: 1px;
}
.in-reware-h3{
	text-align: center;
    font-size: 34px;
    letter-spacing: 10px;
    background-color: #7e2424;
    background-image: linear-gradient(0deg, #483323, #e49464);
    -moz-background-clip: text;
    -webkit-background-clip: text;
    -o-background-clip: text;
    -ms-background-clip: text;
    color: transparent;
}
.in-reware-table{
	width: 100%;
	background: #fff;
	font-size: 13px;
}
.in-reware-table tr th{ background: #917646;}
.in-reware-table tr th span{
	background-color: #7e2424;
    background-image: linear-gradient(0deg, #ffde89, #cea850, #fff);
    -moz-background-clip: text;
    -webkit-background-clip: text;
    -o-background-clip: text;
    -ms-background-clip: text;
    color: transparent;
	
}
.in-reware-box{position: relative;width: 800px; max-width:100%; margin: auto;}
.in-reware-table::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 10px;
    height: calc(100% - 72px);
    background: url(//ompic.neteaselab.com/respic/images/mlbb/20210414/border-center800.png) no-repeat left center;
    background-size: inherit;
    z-index: 1;
}
.in-reware-table::before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 10px;
    height: calc(100% - 72px);
    background: url(//ompic.neteaselab.com/respic/images/mlbb/20210414/border-center800.png) no-repeat right center;
    background-size: inherit;
    z-index: 1;
}

.in-reware-box::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: -4px;
    bottom: 0;
    width: 100%;
    height: 40px;
    background: url(//ompic.neteaselab.com/respic/images/mlbb/20210414/border800.png) no-repeat center top;
    background-size: cover;
    z-index: 2;
}
.in-reware-box::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -4px;
    width: 100%;
    height: 40px;
    background: url(//ompic.neteaselab.com/respic/images/mlbb/20210414/border800.png) no-repeat center bottom;
    background-size: cover;
    z-index: 2;
}
.in-reware-table th,.in-reware-table td{ border: 1px solid #a38862; padding: 2px 8px;}
.icon-layer,.icon-but{ display: block;}
.icon-layer{width: 25px;height: 25px;margin: auto;cursor: pointer;position: relative;z-index: 10;}
.icon-layer.for{
	background: url(//ompic.neteaselab.com/respic/images/mlbb/20210414/Layer-for.png) no-repeat center;
    background-size: contain;
}
.icon-layer.wrong{
	background: url(//ompic.neteaselab.com/respic/images/mlbb/20210414/Layer-wrong.png) no-repeat center;
    background-size: contain;
}
.icon-but{width: 55px;height: 33px;margin: auto;cursor: pointer;position: relative;z-index: 10;}
.icon-but.for{
	background: url(//ompic.neteaselab.com/respic/images/mlbb/20210414/Group11.png) no-repeat center;
    background-size: contain;
}
.icon-but.wrong{
	background: url(//ompic.neteaselab.com/respic/images/mlbb/20210414/Group12.png) no-repeat center;
    background-size: contain;
}

.contribution-bg .item-1 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 20px;
	padding: 0 20px;
	background: rgba(0, 0, 0, .4);
}

.contribution-content {
	display: grid;
	padding: 40px 0 !important;
	height: auto;
	position: relative;
}

.contribution-content::after {
	content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 40px;
	background: url(../images/border.png) no-repeat center top;
	background-size: cover;
    z-index: 1;
}

.contribution-content::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 40px;
	background: url(../images/border.png) no-repeat center bottom;
	background-size: cover;
    z-index: 1;
}

.contribution-content>ul {
    padding: 0 20px;
	height: auto;
	background: url(../images/border-center.png) repeat center;
	background-size: 100% 100%;
}

.contribution-content>ul::-webkit-scrollbar {
	width: 0px;
}

.contribution-content>ul::-webkit-scrollbar-track {
	background: rgb(239, 239, 239);
}

.contribution-content>ul::-webkit-scrollbar-thumb {
	background: #abe8ff;
}

.contribution-content>ul::-webkit-scrollbar-thumb:hover {
	background: #85d1fd;
}

.contribution-content>ul::-webkit-scrollbar-corner {
	background: #179a16;
}

.contribution-list {
	display: flex;
	align-items: center;
	width: 49%;
	height: auto;
	padding: 10px;
	border: 1px solid #c09b72;
	box-sizing: border-box;
	border-radius: 10px;
	margin-right: 2%;
	margin-bottom: 28px;
	float: left;
}

.contribution-list:nth-child(2n) {
	margin-right: 0;
}

.contribution-list-pic {
	width: 100px;
	height: 100px;
	overflow: hidden;
	border-radius: 10px;
}

.contribution-list-pic>img {
	width: 100%;
	height: auto;
	border-radius: 10px;
}

.contribution-list-txt {
	padding-left: 8px;
}

.contribution-list-txt>p {
	line-height: 20px;
}

.contribution-list-txt .name {
	font-weight: bold;
    font-size: 16px;
    color: #000000;
    width: 100%;
    height: 20px;
    overflow: hidden;
}

.contribution-list-txt .change-value {
	font-size: 14px;
	font-weight: 700;
}

.contribution-list-txt .change-value span {
	font-size: 16px;
	margin-left: 2px;
	font-weight: normal;
}

.contribution-list-txt .its-num {
	font-weight: 700;
}

.contribution-list-txt .its-num span {
	font-weight: normal;
}

.contribution-list-txt .its-num .span-1 {
	margin-left: 2px;
}

.contribution-list-txt .exchange-btn {
	width: 120px;
	height: 34px;
	background-color: #9a5e1d;
	text-align: center;
	line-height: 32px;
	border: none;
	outline: none;
	font-size: 20px;
	color: white;
	border-radius: 8px;
	margin-top: 4px;
	transition: background-color .6s ease;
}
.contribution-list-txt .exchange-btn:hover {
	background-color: #863f00;
}
.contribution-list-txt .exchanged{
	background-color: #aaaaaa;
}
.remain-exchange-value {
	width: 100%;
	line-height: 40px;
	color: white;
	font-size: 20px;
	font-weight: bold;
}

.contribution-tips {
	width: 100%;
	font-size: 20px;
	text-align: right;
	color: #fff;
}

/* 發文獎勵 */
.post-rewards-title {
	background: url(../img/event/event-title5.png) no-repeat center;
	background-size: contain;
}

.post-rewards-contentbox {
	height: 788px !important;
}

.post-rewards-bg {
	height: 788px !important;
	position: relative;
}

.post-rewards-content {
	height: 778px !important;
	background-color: white;
	background-image: url(../img/event/post-rewards-bg.png) !important;
	background-size: 100% 100%;
	border-radius: 6px;
	padding: 16px;
	text-align: center;
}

.post-rewards-content>ul {
	width: 100%;
	height: 522px;
}

.post-rewards-content>ul>li {
	width: 100%;
	float: left;
}

.post-rewards-list-title {
	height: 60px;
	line-height: 66px;
	font-size: 18px;
	font-weight: bold;
	color: #333333;
}

.post-rewards-list-title>div {
	float: left;
	text-align: center;
}

.post-rewards-list-title .ranking {
	width: 86px;
}

.post-rewards-list-title .thetitle {
	width: 404px;
}

.post-rewards-list-title .author {
	width: 124px;
}

.post-rewards-list-title .praise {
	width: 124px;
}

.post-rewards-list-title .reward {
	width: 124px;
}

.post-rewards-list-main {
	height: 46px;
	line-height: 46px;
	font-size: 16px;
	color: #333333;
}

.post-rewards-list-main>div {
	float: left;
}

.post-rewards-list-main .ranking {
	width: 86px;
	height: 46px;
	padding: 11px 0;
	text-align: center;
}

.post-rewards-list-main .ranking span {
	display: inline-block;
	width: 24px;
	height: 24px;
	background-color: #cacaca;
	text-align: center;
	line-height: 24px;
	border-radius: 4px;
	color: white;
}

.post-rewards-list-main .ranking .no-one {
	background-color: #ef3664;
}

.post-rewards-list-main .ranking .no-two {
	background-color: #fecc26;
}

.post-rewards-list-main .ranking .no-three {
	background-color: #8bd3e5;
}

.post-rewards-list-main .thetitle {
	width: 404px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: left;
	color: #333333;
}

.post-rewards-list-main .thetitle  a{
	color: #333333;
}
.post-rewards-list-main .if-new span {
	display: inline-block;
	background-image: url(../img/event/new-icon.png);
	background-size: 100% 100%;
	width: 30px;
	height: 16px;
	float: left;
	margin: 17px 6px 0 0;
}

.post-rewards-list-main .author {
	width: 124px;
	text-align: left;
	text-indent: 30px;
	cursor: pointer;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.post-rewards-list-main .author span{
	display: none;
}
.post-rewards-list-main .author a{
	
}

.post-rewards-list-main .praise {
	width: 124px;
	text-align: center;
}
.post-rewards-list-main .praise span{
	display: none;
}
.post-rewards-list-main .reward {
	width: 124px;
	text-align: center;
}
.post-rewards-list-main .reward span{
	display: none;
}
.post-rewards-page {
	margin: 16px 0 0 0;
}

.post-rewards-tips {
	width: 100%;
	height: 20px;
	line-height: 22px;
	text-align: center;
	color: #333333;
	font-size: 14px;
	margin-top: 24px;
}

.post-rewards-btn-box {
	width: 240px;
	height: 44px;
	margin: 30px auto 26px auto;
	font-size: 22px;
	font-weight: bold;
	line-height: 44px;
	text-align: center;
	letter-spacing: 4px;
	cursor: pointer;
}

.post-rewards-btn-box .dnot-participate {
	width: 100%;
	height: 100%;
	border-radius: 22px;
	background-color: #1d83e1;
	/* box-shadow: 0px 2px 2px #8faef5; */
}

.post-rewards-btn-box .dnot-participate>a {
	color: white;
	text-shadow: 1px 1px 1px #777777;
}

.post-rewards-btn-box .dnot-receive {
	width: 100%;
	height: 100%;
	border-radius: 22px;
	background-color: #1d83e1;
	/* box-shadow: 0px 2px 2px #8faef5; */
}

.post-rewards-btn-box .dnot-receive>a {
	color: white;
	text-shadow: 1px 1px 1px #777777;
}

.post-rewards-btn-box .received {
	width: 100%;
	height: 100%;
	border-radius: 22px;
	background-color: #a5a5a5;
}

.post-rewards-btn-box .received>a {
	color: #e8e8e8;
	text-shadow: 1px 1px 1px #777777;
}

.post-rewards-tips1 {
	width: 100%;
	text-align: center;
	font-size: 20px;
	color: #ff311f;
}

/* 儲值大禮 */
.stored-value-gift-title {
	background: url(../img/event/event-title7.png) no-repeat center;
	background-size: contain;
}

.lucky-draw-title {
	background: url(../img/event/event-title8.png) no-repeat center;
	background-size: contain;
}


.mian-right-contentbox {
	width: 906px;
	height: auto;
	margin: 0 auto;
	position: relative;
}

.catbox {
	width: 164px;
	height: 174px;
	background-image: url(../img/event/cat.png);
	position: absolute;
	top: -142px;
}

.contribution-bg .catbox,
.appointment-bg .catbox,
.stored-bg .catbox {
	display: none;
}

.catbox>img {
	width: 100%;
	height: 100%;
}

.mian-right-contentbg {
	position: relative;
	width: 100%;
	height: auto;
}

.main-right-content {
	width: 100%;
	height: auto;
	min-height: 520px;
	background: #f6fdff;
	border-radius: 8px;
	margin: 0 auto 20px;
	padding: 20px;
}
.in-reward-content{
	padding: 20px !important;
    border: 5px solid #ffde91;
    box-shadow: 0 0 6px #7a4000 inset;
    background: #e1d7ac;
    border-radius: 40px;
}

.main-title-txt {
	width: 100%;
	height: 50px;
	line-height: 50px;
	font-size: 14px;
	padding: 0 20px;
	box-sizing: border-box;
}

.main-title-txt>.left {
	float: left;
	text-align: left;
	color: #333333;
}

.main-title-txt>.left>span {
	color: #ff5a00 !important;
}

.main-title-txt>.left>span>em {
	font-style: normal;
}

.main-title-txt>.right {
	float: right;
}

.main-title-txt>.right>div {
	float: right;
}

.stored-value {
	width: 80px;
	height: 26px;
	line-height: 26px;
	margin: 12px 0 12px 18px;
	border-radius: 4px;
	background-color: #009bd5;
	text-align: center;
	cursor: pointer;
}

.stored-value>a {
	display: inline-block;
	color: white;
}

.stored-txt {}

.stored-txt>span {
	font-weight: 600;
	color: #009bd5;
}

.main-right-list {
	width: 100%;
	padding: 20px;
	height: 440px;
	overflow-y: auto;
}

.main-right-list>ul {
	width: 100%;
}

.main-right-list>.m-ul {
	display: none;
}

.main-right-list>ul>li {
	width: 100%;
	height: 112px;
	float: left;
	margin-bottom: 20px;
	background-image: url(../img/event/main-bg.png);
	background-size: 100% 100%;
}

.main-right-list>ul>li>.list-item {
	float: left;
	height: 112px;
}

.main-right-list>ul>li>.item-litle1 {
	width: 234px;
}

.main-right-list>ul>li>.item-wight {
	width: 360px;
}

.main-right-list>ul>li>.item-litle2 {
	width: 244px;
}

.main-right-list>ul>li>.list-item>.item-title {
	width: 100%;
	height: 40px;
	font-size: 16px;
	/* font-family: "微軟雅黑"; */
	text-align: center;
	line-height: 40px;
	color: #a47839;
	font-weight: bold;
}

.main-right-list>ul>li>.list-item>.item-main {
	width: 100%;
	height: 60px;
}

.main-right-list>ul>li>.list-item>.item-main>ul {
	width: 100%;
}

.main-right-list>ul>li>.list-item>.item-main>ul>li {
	width: 100%;
	height: 60px;
}

.main-right-list>ul>li>.list-item>.item-main>ul>li>a {
	width: 60px;
	height: 60px;
	display: block;
	background-size: 100% 100%;
	float: left;
	margin-left: 10px;
	cursor: pointer;
	position: relative;
}

.main-right-list>ul>li>.list-item>.item-main>ul>li>a>span {
	display: inline-block;
	width: 36px;
	height: 16px;
	position: absolute;
	bottom: 8px;
	right: 6px;
	opacity: 0.9;
	background-color: #a85f62;
	border-radius: 2px;
	text-align: center;
	color: white;
	font-size: 12px;
	line-height: 16px;
}

.item-litle1 .a-icon-1 {
	background-image: url(../img/event/icon-1.png);
	margin-left: 18px !important;
}

.item-litle1 .a-icon-2 {
	background-image: url(../img/event/icon-2.png);
}

.item-litle1 .a-icon-3 {
	background-image: url(../img/event/icon-3.png);
}

.item-wight .a-icon-1 {
	background-image: url(../img/event/icon-2.png);
	margin-left: 10px !important;
}

.item-wight .a-icon-2 {
	background-image: url(../img/event/icon-3.png);
}

.item-wight .a-icon-3 {
	background-image: url(../img/event/icon-4.png);
}

.item-wight .a-icon-4 {
	background-image: url(../img/event/icon-5.png);
}

.item-wight .a-icon-5 {
	background-image: url(../img/event/icon-6.png);
}

.main-right-list>ul>li>.item-litle2>.item-txt {
	width: 128px;
	height: 42px;
	margin: 35px 0 35px 18px;
	float: left;
}

.item-litle2>.item-txt p:first-child {}

.item-litle2>.item-txt p:last-child {
	color: #009bd5;
	font-size: 18px;
}

.item-btn {
	width: 80px;
	height: 26px;
	line-height: 26px;
	margin: 43px 0;
	border-radius: 4px;
	color: white;
	float: left;
	text-align: center;
	cursor: pointer;
}

.item-btn>a {
	color: white;
	display: inline-block;
	width: 80px;
	height: 26px;
}

.blue-btn {
	background-color: #009bd5;
}

.black-btn {
	background-color: #686868;
}

.gray-btn {
	background-color: #cccccc;
}


/* 每日簽到 */

.sign-title {
	background: url(../img/event/event-title6.png) no-repeat center;
	background-size: contain;
}

.sign-in-content .sign-in-main {
	width: 100%;
	height: 424px;
}

.sign-in-content .sign-table {
	width: 494px;
	height: 424px;
	float: left;
	position: relative;
	background-image: url(../img/event/sgin-bg1.png);
	background-size: 100% 100%;
}

.sign-table .sign-fouth {
	width: 320px;
	height: 32px;
	position: absolute;
	top: -16px;
	left: 87px;
}

.sign-table .sign-fouth>img {
	width: 100%;
}

.sign-table .sign-table-main {
	width: 482px;
	height: 412px;
	margin: 0 auto;
	background-image: url(../img/event/sgin-bg2.png);
	background-size: 100% 100%;
}

.sign-table-title {
	width: 100%;
	height: 50px;
	padding: 12px 20px;
	box-sizing: border-box;
}

.sign-table-title>div {
	float: left;
}

.year-box {
	width: 80px;
	height: 26px;
	border-top: 1px solid #6ac7fe;
	border-left: 1px solid #6ac7fe;
	border-right: 1px solid #97d9ff;
	border-bottom: 1px solid #97d9ff;
	border-radius: 2px;
	box-sizing: border-box;
	position: relative;
}

.year-box:hover {
	background-color: #c1ecfd;
}

.year-main {
	width: 80px;
	height: 26px;
	cursor: pointer;
}

.year-num {
	width: 54px;
	text-align: center;
	line-height: 24px;
	color: #333333;
	font-size: 15px;
	float: left;
}

.year-down-drop-icon {
	float: left;
	width: 24px;
	height: 24px;
	border-left: 1px solid #97d9ff;
}

.year-down-drop-icon>i {
	width: 10px;
	height: 6px;
	display: inline-block;
	margin: 10px 6px;
	background-image: url(../img/event/icon-drop-down.png);
}

.year-drop-list {
	position: absolute;
	top: 25px;
	left: -1;
	width: 80px;
	height: 288px;
	background-color: #eaf9ff;
	border: 1px solid #97d9ff;
	box-sizing: border-box;
	overflow-y: auto;
	display: none;
}

.year-box>.actived {
	display: block;
}

.year-drop-list>li {
	width: 100%;
	height: 24px;
	line-height: 24px;
	text-align: center;
	float: left;
	color: #333333;
	font-size: 12px;
	cursor: pointer;
}

.year-drop-list>li:hover {
	background-color: #cff2ff;
}

.year-drop-list>.actived {
	background-color: #cff2ff;
}

.year-drop-list::-webkit-scrollbar {
	width: 10px;
	height: 10px;
}

.year-drop-list::-webkit-scrollbar-track {
	background: rgb(239, 239, 239);
}

.year-drop-list::-webkit-scrollbar-thumb {
	background: #abe8ff;
}

.year-drop-list::-webkit-scrollbar-thumb:hover {
	background: #85d1fd;
}

.year-drop-list::-webkit-scrollbar-corner {
	background: #179a16;
}


.month-box {
	margin-left: 12px;
	width: 80px;
	height: 26px;
	border-top: 1px solid #6ac7fe;
	border-left: 1px solid #6ac7fe;
	border-right: 1px solid #97d9ff;
	border-bottom: 1px solid #97d9ff;
	border-radius: 2px;
	box-sizing: border-box;
	position: relative;
}

.month-box:hover {
	background-color: #c1ecfd;
}

.month-main {
	width: 80px;
	height: 26px;
	cursor: pointer;
}

.month-num {
	width: 54px;
	text-align: center;
	line-height: 24px;
	color: #333333;
	font-size: 15px;
	float: left;
}

.month-down-drop-icon {
	float: left;
	width: 24px;
	height: 24px;
	border-left: 1px solid #97d9ff;
}

.month-down-drop-icon>i {
	width: 10px;
	height: 6px;
	display: inline-block;
	margin: 10px 6px;
	background-image: url(../img/event/icon-drop-down.png);
}

.month-drop-list {
	position: absolute;
	top: 25px;
	left: -1;
	width: 80px;
	height: 288px;
	background-color: #eaf9ff;
	border: 1px solid #97d9ff;
	box-sizing: border-box;
	display: none;
}

.month-box>.actived {
	display: block;
}

.month-drop-list>li {
	width: 100%;
	height: 24px;
	line-height: 24px;
	text-align: left;
	text-indent: 15px;
	float: left;
	color: #333333;
	font-size: 12px;
	cursor: pointer;
}

.month-drop-list>li:hover {
	background-color: #cff2ff;
}

.month-drop-list>.actived {
	background-color: #cff2ff;
}

.back-today {
	margin-left: 12px;
	width: 80px;
	height: 26px;
	border: 1px solid #97d9ff;
	background-color: #ccf0fe;
	border-radius: 2px;
}

.back-today:hover {
	background-color: #c1ecfd;
}

.back-today>a {
	display: inline-block;
	width: 80px;
	height: 26px;
	font-size: 14px;
	line-height: 24px;
	color: #333333;
	cursor: pointer;
	text-align: center;
}

.sign-table-title .sign-icon-right {
	float: right;
	background-image: url(../img/event/sgin-icon-right.png);
	background-size: 100% 100%
}

.sign-table-content {
	width: 100%;
	height: 362px;
	padding: 13px 10px;
	/* box-sizing: border-box; */
}

.sign-table-content>table {
	width: 100%;
	height: 332px;
}

.sign-table-content>table th {
	font-weight: normal;
	font-size: 16px;
	width: 66px;
	height: 48px;
	text-align: center;
	line-height: 48px;
}

.sign-table-content>table td {
	font-size: 16px;
	width: 66px;
	height: 52px;
	text-align: center;
}

.sign-table-content>table em {
	display: inline-block;
	width: 66px;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	cursor: pointer;
}

.sign-table-content>table span {
	display: inline-block;
	width: 66px;
	height: 18px;
}

.sign-table-content>table span i {
	display: inline-block;
	width: 20px;
	height: 14px;
	margin: 0 auto;
}

.sign-table-content>table .actived em {
	color: #00aeff;
}

.sign-table-content>table .actived span i {
	background-image: url(../img/event/icon-check.png);
}

.sign-table-content>table .retroactive em {
	color: #999999;
}

.sign-table-content>table .retroactive span i {
	cursor: pointer;
	width: 36px;
	height: 20px;
	background-image: url(../img/event/icon-retroactive.png);
}

.sign-table-content>table .today em {
	width: 30px;
	height: 30px;
	color: #ffffff;
	background-color: #00baff;
	border-radius: 15px;
}

.sign-table-content>table .next-month,
.prev-month em {
	color: #b7b7b7;
}

.sign-in-content .sign-in-to-reward {
	width: 378px;
	height: 420px;
	float: right;
	background-image: url(../img/event/sgin-bg3.png);
	background-size: 100% 100%;
}
.h460{
	height: 460px !important;
}
.h450{
	height: 450px !important;
}
.h26{
	height: 26.8rem !important;
}
.top23{
	top: 23rem !important;
}
.sign-in-to-reward-main {
	width: 370px;
	height: 412px;
	margin: 0 auto;
	background-image: url(../img/event/sgin-bg4.png);
	background-size: 100% 100%;
}

.sign-in-to-reward-main>.title {
	width: 100%;
	text-align: center;
	height: 56px;
	line-height: 56px;
	font-size: 24px;
	color: #333333;
}

.sign-in-to-reward-main>.reward-main {
	width: 100%;
}

.sign-in-to-reward-main>.reward-main>ul {
	width: 100%;
}

.sign-in-to-reward-main>.reward-main>ul>li {
	width: 334px;
	height: 100px;
	margin: 0 auto 16px auto;
	background-image: url(../img/event/sgin-bg5.png);
	background-size: 100% 100%;
	padding: 10px;
}

.reward-main-pic {
	width: 80px;
	height: 80px;
	float: left;
}

.reward-main-pic>.photo {
	width: 54px;
	height: 44px;
	margin: 8px auto 0 auto;
}

.reward-main-pic>.photo>img {
	width: 100%;
	height: 100%;
}

.reward-main-pic>.military {
	width: 54px;
	height: 56px;
	margin: 2px auto 0 auto;
}

.reward-main-pic>.military>img {
	width: 100%;
	height: 100%;
}

.reward-main-pic>.txt {
	text-align: center;
	line-height: 26px;
	color: #a47839;
}

.reward-main-text {
	width: 120px;
	height: 42px;
	margin: 16px 0 16px 18px;
	float: left;
}

.reward-main-text>p:first-child {}

.reward-main-text>p:nth-child(2) {
	color: #009bd5;
	font-size: 18px;
}

.reward-btn {
	width: 80px;
	height: 26px;
	line-height: 26px;
	margin: 26px 0;
	border-radius: 4px;
	color: white;
	float: left;
	text-align: center;
	cursor: pointer;
}

.reward-btn a {
	color: white;
}

.sign-in-information {
	width: 100%;
	height: 54px;
	margin: 40px 0 0 0;
}

.sign-in-information-main {
	width: 486px;
	height: 54px;
	margin: 0 auto;
}

.sign-in-information-main>div {
	float: left;
	height: 54px;
	line-height: 54px;
}

.accumulate-check-in-information {
	width: 172px;
	color: white;
	font-size: 14px;
}

.accumulate-check-in-information>span {
	margin: 0 5px;
	color: #fef0d5;
	font-size: 16px;
	font-weight: bold;
}

.continuous-check-in-information {
	width: 150px;
	color: white;
	font-size: 14px;
}

.continuous-check-in-information>span {
	margin: 0 5px;
	color: #fef0d5;
	font-size: 16px;
	font-weight: bold;
}

.sign-in-information-btn {
	width: 164px;
	background-image: url(../img/event/icon-signin-btnbg.png);
	background-size: 100% 100%;
}

.sign-in-information-btn>a {
	display: inline-block;
	cursor: pointer;
	width: 164px;
	height: 54px;
	color: fff8e1;
	font-weight: bold;
	text-align: center;
	font-size: 26px;
}



/* 幸運抽獎 */

.lucky-drwa-title-txt {
	width: 100%;
	line-height: 36px;
	text-align: center;
	font-size: 18px;
	color: white;
	margin-top: -40px;
}

.lucky-draw-content {
	height: 646px !important;
}

.lucky-draw-main-left {
	width: 504px;
	height: 654px;
	float: left;
	position: relative;
}

.monkey {
	width: 480px;
	height: 544px;
	position: absolute;
	background-image: url(../img/event/img01.png);
	background-size: 100% 100%;
}

.rotary-table {
	width: 412px;
	height: 412px;
	position: absolute;
	left: 46px;
	bottom: 30px;
	background-image: url(../img/event/img06.png);
	background-size: 100% 100%;
	border-radius: 206px;
	box-shadow: 0px -5px 30px #f9f9f9;
}

.rotary-table>ul {
	width: 100%;
	height: 100%;
	position: relative;
}

.rotary-table>ul>li {
	display: inline-block;
	width: 54px;
	height: 54px;
	background-color: #f2cda3;
	border: 1px solid #8a6d60;
	position: absolute;
}

.rotary-list1 {
	top: 44px;
	left: 178px;
}

.rotary-list2 {
	top: 84px;
	left: 274px;
	transform: rotate(45deg);
}

.rotary-list3 {
	top: 180px;
	left: 315px;
	/* transform: rotate(45deg); */
}

.rotary-list4 {

	top: 276px;
	left: 274px;
	transform: rotate(45deg);
}

.rotary-list5 {
	top: 315px;
	left: 178px;
}

.rotary-list6 {
	top: 276px;
	left: 84px;
	transform: rotate(45deg);
}

.rotary-list7 {
	top: 180px;
	left: 44px;
}

.rotary-list8 {
	top: 84px;
	left: 84px;
	transform: rotate(45deg);
}

.pointer-to-the {
	width: 92px;
	height: 150px;
	background-image: url(../img/event/img04.png);
	background-size: 100% 100%;
	position: absolute;
	top: 315px;
	left: 207px;
}

.pointer-to-the>a {
	display: inline-block;
	width: 92px;
	height: 92px;
	border-radius: 46px;
	line-height: 92px;
	text-align: center;
	color: white;
	font-size: 28px;
	margin-top: 58px;
	cursor: pointer;
}

.raffle-num {
	width: 476px;
	height: 30px;
	position: absolute;
	left: 0;
	bottom: 16px;
	text-align: right;
	line-height: 30px;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
}

.raffle-num>span {
	color: #ffae00;
}

.lucky-draw-disc {
	width: 432px;
	height: 432px;
	position: absolute;
	bottom: 0;
	right: 26px;
	background-color: rgba(0, 0, 0, 0.0);
}

.lucky-draw-pointe {
	width: 92px;
	height: 150px;
	background-image: url(../img/event/lucky-pointer2.png);
	background-size: 100% 100%;
	position: absolute;
	top: 114px;
	left: 171px;
}

.lucky-draw-start {
	width: 77px;
	height: 77px;
	text-align: center;
	line-height: 77px;
	position: absolute;
	bottom: 176px;
	left: 225px;
}

.lucky-draw-start>a {
	color: white;
	font-size: 28px
}

.lucky-draw-main-right {
	width: 382px;
	height: 538px;
	background-image: url(../img/event/lucky-record-bg.png);
	background-size: 100% 100%;
	float: right;
	margin-top: 92px;
	position: relative;
}

.lucky-draw-main-right>.title {
	width: 382px;
	height: 62px;
	text-align: center;
	line-height: 62px;
	font-size: 30px;
	color: #e5e5e5;
	font-weight: bold;
	text-shadow: 0px 2px 2px #444444;
}

.lucky-draw-main-right>.lucky-content {
	width: 306px;
	height: 356px;
	overflow-y: auto;
	display: flex;
	margin: 16px 0 0 43px;
}


.lucky-content::-webkit-scrollbar {
	width: 0px;
	height: 10px;
}

.lucky-content::-webkit-scrollbar-track {
	/* background: rgb(239, 239, 239); */
}

.lucky-content::-webkit-scrollbar-thumb {
	/* background: #abe8ff; */
}

.lucky-content::-webkit-scrollbar-thumb:hover {
	/* background: #85d1fd; */
}

.lucky-content::-webkit-scrollbar-corner {
	/* background: #179a16; */
}


.lucky-draw-main-right>.lucky-content>ul {
	width: 100%;
}

.lucky-draw-main-right>.lucky-content>ul>li {
	width: 90px;
	height: 90px;
	float: left;
	background-color: #c8a887;
	border-radius: 12px;
	margin-bottom: 12px;
	margin-right: 12px;
}

.lucky-draw-main-right>.lucky-content>ul>li>.pic {
	width: 90px;
	height: 66px;
	padding: 6px 13px;
}

.lucky-draw-main-right>.lucky-content>ul>li>.pic>img {}

.lucky-draw-main-right>.lucky-content>ul>li>.txt {
	width: 90px;
	height: 24px;
	background-color: #725f55;
	border-radius: 0 0 12px 12px;
	text-align: center;
	line-height: 24px;
	font-size: 12px;
}

.did-not-receive {
	color: #04D919;
}

.have-to-receive {
	color: white;
}

.lucky-draw-main-right>.lucky-btn {
	position: absolute;
	left: 124px;
	bottom: 22px;
	width: 134px;
	height: 44px;
	text-align: center;
	line-height: 40px;
	background-image: url(../img/event/sgin-btn-bg.png);
	background-size: 100% 100%;
	cursor: pointer;
}

.lucky-draw-main-right>.lucky-btn>a {
	color: white;
	font-size: 20px;

}


/* 活動規則 */
.activity-rules {
	width: 906px;
	margin: 36px auto 0 auto;
	border-top: 1px solid #99c5f0;
}

.activity-rules-title {
	margin: 30px 0 0 0;
	height: 16px;
	line-height: 16px;
	border-left: 2px solid white;
	font-size: 18px;
	color: white;
	text-indent: 10px;
}

.activity-rules>p {
	padding: 5px 0 0 0;
	line-height: 24px;
	font-size: 14px;
	color: white;
	text-align: left;
}

/* 模態彈窗 */
.modal-popup-window {
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: 999;
	display: none;
	transition: all 1s;
}

.according-to {
	display: block;
}

.modal-popup-window-main {
	width: 382px;
	height: 176px;
	position: absolute;
	top: calc(50% - 88px);
	left: calc(50% - 191px);
	background-color: white;
	border-radius: 10px;
	display: none;
	transition: all 1s;
}

.modal-popup-window>.actived {
	display: block;
	transition: all 1s;
}

.modal-popup-window-main>p {
	width: 100%;
	line-height: 30px;
	text-align: center;
	font-size: 20px;
	color: #000000;
}

.retroactive-modal>p:nth-child(2) {
	font-size: 14px;
	color: #03A613;
	font-weight: normal;
}

.modal-popup-window-main>p:first-child {
	margin-top: 32px;
}

.modal-popup-window-btn-group {
	margin: 14px auto 0 auto;
	width: 310px;
	height: 50px;
}

.modal-popup-window-btn-group>a {
	display: inline-block;
	width: 136px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	font-size: 20px;
	font-weight: bold;
	border-radius: 6px;
	cursor: pointer;
}

.modal-popup-window-btn-group>.cancel {
	float: left;
	color: #333;
	background-color: #ffffff;
	border: 1px solid #797979;
}

.modal-popup-window-btn-group>.to-lucky-draw,
.determine,
.stored-value-determined {
	float: right;
	color: white;
	background-color: #009bd5;
}

.select-role {
	height: 292px !important;
	top: calc(50% - 196px) !important;
}

.select-role>.title {
	width: 100%;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	color: #000000;
}

.select-role>.the-server {
	width: 100%;
	height: 30px;
	line-height: 30px;
	margin: 26px 0 10px 0;
}

.select-role>.the-server>.txt {
	width: 120px;
	float: left;
	text-align: right;
	font-size: 18px;
	color: #000000;
	font-weight: bold;
}

.select-role>.the-server>.input-box {
	width: 240px;
	float: left;

}

.select-role>.the-role {
	width: 100%;
	height: 30px;
	line-height: 30px;
	margin: 0;
}

.select-role>.the-role>.txt {
	width: 120px;
	float: left;
	text-align: right;
	font-size: 18px;
	color: #000000;
	font-weight: bold;
}

.select-role>.the-role>.input-box {
	width: 240px;
	float: left;
}

.select-role-tip {
	width: 100%;
	height: 30px;
	line-height: 30px;
	font-size: 18px;
	color: #d9001b !important;
	margin: 10px 0;
}
.award-table{padding: 0 20px;margin-bottom: 20px;}
.award-table h1{}
.award-table table{background: #ffffffbd;		width: 100%;}
.award-table table tr{}
.award-table table th{ 
	line-height: 40px;
background: #9a5e1d;
color: #fff;
font-size: 18px;
letter-spacing: 2px;
}
.award-table table td{
	line-height: 36px;
	padding-left: 30px;
}

/* 開服補償禮包 */
.recoup-pack-bg .main-right-title {
    margin: 10px auto 26px;
	width: 100%;
    height: auto;
}
.main-right-title .recoup-pack-title {
	margin: 0 auto;
	width: 502px;
	max-width: 90%;
	height: 98px;
    background: url(//ompic.neteaselab.com/respic/images/mlbb/20210421/event-title10.png) no-repeat center;
    background-size: contain;
}
.recoup-pack-bg article {
	background: url(//ompic.neteaselab.com/respic/images/mlbb/20210421/event-bg2.png) no-repeat center top;
    background-size: cover;
}
.recoup-pack-bg .appointment-main-bg::after {
	display: none;
}
.recoup-pack-bg .mian-right-contentbg.appointment-main-bg {
	padding-top: 0;
}
.recoup-pack-bg .appointment-tips {
	position: relative;
    margin-bottom: 0;
}
.recoup-pack-bg .appointment-main {
	margin-top: 20px;
	background: url(//ompic.neteaselab.com/respic/images/mlbb/20210421/gPack-bg.png) no-repeat center;
    background-size: contain;
}
.recoup-pack-bg .appointment-btn-box {
	margin: 30px auto 26px;
}
.recoup-pack-bg .the-rules {
	margin: 0 auto 10px;
	padding: 20px;
	width: 672px;
	max-width: 100%;
	color: #fff;
	background: rgba(55, 21, 0, .64);
	border-radius: 30px;
}
.recoup-pack-bg .the-rules h1 {
    margin-bottom: 10px;
	line-height: 1;
	text-align: center;
}
/* End 開服補償禮包 */



@media (max-width: 1440px) {
	.pop-draw.pop-blue .popup-inner {
		transform: translate(-50%, -50%) scale(.9);
	}
}

@media (max-width: 1440px) {
	.pop-draw.pop-blue .popup-inner {
		transform: translate(-50%, -50%) scale(.8);
	}
}

/* m */
@media (max-width: 800px) {

	.award-table{padding: 1rem 0.2rem;
		margin-bottom: auto;}
	.award-table h1{}
	.award-table table{background: #ffffffbd;		width: 100%;}
	.award-table table tr{}
	.award-table table th{
		line-height: 40px;
    background: #9a5e1d;
    color: #fff;
    font-size: 16px;
    letter-spacing: 1px;
	}
	.award-table table td{
		line-height: initial;
		padding: 6px;
		font-size: 13px;
	}



	/* 儲值大禮 */
	.menu-m li {
		position: relative;
		padding: 0 !important;
	}

	article {
		padding: 0.8rem;
	}

	.stored-bg article {
		background-image: url(../img/event/m-store-bg.png);
		background-size: 100% 100%;
	}

	.main-right-title {
		width: auto;
		height: 4rem;
		margin: 1rem auto 1.5rem auto;
		text-align: center;
	}

	.lucky-draw-title {
		width: 13rem;
		height: 2.6rem;
		margin: 0 auto;
	}

	.stored-value-gift-title {
		width: 13rem;
		height: 2.6rem;
		margin: 0 auto;
	}

	.main-right-title img {
		height: 2.6rem;
		width: auto;
		margin: auto;
	}

	.mian-right-contentbox {
		width: auto;
	}

	.appointment-tips {
		font-size: 14px;
	}

	.catbox {
		display: none;
		width: 3.6rem;
		height: 3.7rem;
		position: absolute;
		top: -3.1rem;
		background-size: 100% 100%;
	}

	.appointment-main-bg::after {
		max-width: 105%;
		top: -10px;
		height: 170px;
	}

	.mian-right-contentbg {
		width: 100%;
		padding: 0 0.3rem;
	}

	.mian-right-contentbg.appointment-main-bg {
		padding-top: 100px;
	}

	.appointment-tips {
		top: 60px;
	}

	.appointment-btn-box {
		margin-top: 20px;
		height: 50px;
		line-height: 32px;
		font-size: 22px;
	}

	.main-right-content {
		width: 100%;
		height: auto;
		background: white;
		margin: 0;
		padding: 0 !important;
	}

	.main-title-txt {
		width: 100%;
		height: 5.4rem;
		padding: 0;
	}

	.main-title-txt>.left {
		width: 100%;
		height: 2.7rem;
		line-height: 2.7rem;
		float: left;
		text-align: left;
		font-size: 1rem;
		background-color: #d4f3ff;
		border-radius: 0.65rem 0.65rem 0 0;
		padding: 0 0.8rem;
	}

	.main-title-txt>.right {
		width: 100%;
		height: 2.7rem;
		line-height: 2.7rem;
		float: left;
		text-align: left;
		font-size: 1rem;
		padding: 0 0.8rem;
		position: relative;
		box-shadow: 0px 1px 1px #86d8f7;
	}

	.main-title-txt>.right>div {
		margin: 0;
		float: left;
	}

	.stored-value {
		position: absolute;
		top: 0.55rem;
		right: 1rem;
	}

	.main-right-list {
		width: calc(100% - 1.6rem);
		height: 30rem;
		margin: 0.8rem 0.8rem 0 0.8rem;
		background-image: url(../img/event/m-bg2.png);
		background-size: 100% 100%;
		padding: 0;
		overflow-y: auto;
	}

	.main-right-list>ul>li {
		width: 100%;
		height: 16.9rem;
		background-image: url(../img/event/m-li-bg.png);
		background-size: 100% 100%;
		margin-bottom: 0.6rem;

	}

	.main-right-list>ul>li>.item-litle1 {
		width: 100%;
		height: 6rem;
		margin-top: 0.6rem;
	}

	.main-right-list>ul>li>.list-item {
		margin-bottom: 0;
	}

	.main-right-list>ul>li>.list-item>.item-title {
		width: 100%;
		height: 2.4rem;
		text-align: left;
		padding: 0 1rem;
	}

	.main-right-list>ul>li>.list-item>.item-main {
		width: 100%;
		height: 3rem;
	}

	.main-right-list>ul>li>.list-item>.item-main>ul>li>a {
		width: 3rem;
		height: 3rem;
		margin-left: 0.4rem;
	}

	.item-litle1 .a-icon-1 {
		margin-left: 0.8rem !important;
	}

	.main-right-list>ul>li>.list-item>.item-main>ul>li {
		width: 100%;
		height: 3rem;
	}

	.main-right-list>ul>li>.item-wight {
		width: 100%;
		height: 6rem;
		margin-top: 0.1rem;
		background-size: 100% 100%;
	}

	.main-right-list>ul>li>.item-litle2 {
		width: 100%;
		height: 3rem;
		padding: 0.5rem 1rem;
	}

	.main-right-list>ul>li>.item-litle2>.item-txt {
		margin: 0;
	}

	.item-btn {
		margin: 0.75rem 0 0 0;
		float: right;
	}

	.main-right-list>ul>li>.item-litle2>.item-txt {
		width: 6.3rem;
		height: 2.8rem;
	}

	.item-litle2>.item-txt p:first-child {}

	.item-litle2>.item-txt p:last-child {}

	.main-right-list>ul>li>.list-item>.item-main>ul>li>a>span {
		display: inline-block;
		width: 2.2rem;
		height: 1rem;
		position: absolute;
		bottom: 0.35rem;
		right: 0.2rem;
		opacity: 0.9;
		background-color: #a85f62;
		border-radius: 0.15rem;
		text-align: center;
		color: white;
		font-size: 0.8rem;
		line-height: 1rem;
	}

	.activity-rules {
		width: 100%;
		padding: 0.2rem;
		margin: 1.5rem 0 0 0;
	}

	.activity-rules-title {
		margin: 1.5rem 0 0 0;
		height: 1rem;
		line-height: 1rem;
		border-left: 0.15rem solid white;
		font-size: 1.2rem;
		color: white;
		text-indent: 0.8rem;
	}

	/* 每日簽到 */
	.daily-bg article {
		background-image: url(../img/event/m-daily-bg.png);
		background-size: 100% 100%;
	}

	.sign-in-content {
		height: 53.5rem !important;
	}

	.sign-table .sign-fouth {
		width: 12rem;
		height: 1.2rem;
		margin: 0 auto;
		position: absolute;
		top: -0.6rem;
		left: calc(50% - 6rem);
	}

	.sign-in-content .sign-in-main {
		width: 100%;
		height: auto;
	}

	.sign-in-content .sign-table {
		width: 100%;
		padding: 0 0.3rem;
		height: auto;
		padding-bottom: 0.65rem;
	}

	.sign-table .sign-table-main {
		width: 100%;
		background-image: none;
		height: auto;
	}

	.sign-table-title {
		height: 2.7rem;
		background-color: #d4f3ff;
		padding: 0.48rem 0.8rem;
		border-radius: 0.65rem 0.65rem 0 0;
	}

	.sign-table-content>table {
		width: 100%;
		height: auto;
	}

	.sign-table-content>table th {
		width: 2.6rem;
		height: 2.6rem;
		line-height: 2.6rem;
		font-size: 0.9rem;
	}

	.sign-table-content>table td {
		width: 2.6rem;
		height: 3rem;
	}

	.sign-table-content>table em {
		width: 2.6rem;
		height: 1.8rem;
		line-height: 1.8rem;
		font-size: 0.9rem;
	}

	.sign-table-content>table span {
		width: 2.6rem;
		height: 1.2rem;
		line-height: 1.2rem;
	}

	.sign-table-content {
		width: 100%;
		height: 24rem;
		padding: 0.9rem 0.75rem;
		background-image: url(../img/event/m-img07.png);
		background-size: 100% 100%;
		border-radius: 0 0 0.65rem 0.65rem;
	}

	.sign-table-content>table .today em {
		width: 1.8rem;
		height: 1.8rem;
		color: #ffffff;
		background-color: #00baff;
		border-radius: 0.9rem;
	}

	.sign-table-content>table .retroactive span i {
		width: 2.4rem;
		height: 1.3rem;
		background-size: 100% 100%;
	}

	.sign-in-information {
		position: absolute;
		top: 20rem;
		width: 100%;
		height: auto;
		padding: 0 0.9rem;
		margin: 1.8rem 0 0 0;
	}

	.sign-in-information-main {
		width: 100%;
		height: 2rem;

	}

	.sign-in-information-main>div {
		height: 2rem;
		line-height: 2rem;
	}

	.accumulate-check-in-information {
		width: 100%;
		height: 2rem;
		line-height: 2rem;
		color: #333333;
	}

	.accumulate-check-in-information>span {
		margin: 0 0.3rem;
		color: #009bd5;
	}

	.continuous-check-in-information {
		width: auto;
		height: 2rem;
		line-height: 2rem;
		color: #333333;
	}

	.continuous-check-in-information>span {
		margin: 0 0.3rem;
		color: #009bd5;
	}

	.sign-in-information-btn {
		width: auto;
		padding: 0rem 1rem;
		float: right !important;
	}

	.sign-in-information-btn>a {
		width: auto;
	}

	.sign-in-information-btn>a {
		font-size: 1.2rem;
		height: 2rem;
		line-height: 2rem;
	}

	.sign-in-content .sign-in-to-reward {
		width: 100%;
		height: auto;
		padding-bottom: 0.65rem;
		padding: 0 0.3rem;
		margin-top: 0.4rem;
	}

	.sign-in-to-reward-main {
		width: 100%;
		height: auto;
		margin-bottom: 0.4rem;
	}

	.sign-in-to-reward-main>.title {
		width: 100%;
		height: 2.7rem;
		line-height: 3.2rem;
		text-align: center;
		font-size: 1.2rem;
	}

	.sign-in-to-reward-main>.reward-main {
		width: 100%;
		height: 22.4rem;
		padding: 0.4rem 0.7rem;
	}

	.sign-in-to-reward-main>.reward-main>ul>li {
		width: 100%;
		height: 6.67rem;
		margin: 0 0 0.7rem 0;
		background-image: url(../img/event/m-sign-li-bg.png);
		background-size: 100% 100%;
	}

	.sign-in-to-reward-main>.reward-main>ul>li:last-child {
		margin: 0;
	}

	.reward-main-pic {
		width: 5.3rem;
		height: 5.3rem;
		float: left;
		border-right: 1px dashed #f0e5d9;
	}

	.reward-main-pic>.photo {
		width: 3.6rem;
		height: 3rem;
		margin: 0.55rem auto 0 auto;
	}

	.reward-main-pic>.txt {
		line-height: 1.7rem;
	}

	.reward-main-text {
		width: auto;
		height: 3rem;
		margin: 1rem 0 1rem 1rem;
	}

	.reward-main-pic>.military {
		width: 3.6rem;
		height: 3.7rem;
		margin: 0.1rem auto 0 auto;
	}

	.reward-btn {
		width: 4.4rem;
		height: 1.7rem;
		line-height: 1.7rem;
		text-align: center;
		margin: 1.7rem 0.3rem 0 0;
		float: right;
	}

	/* 幸運抽獎 */
	.lucky-draw article {
		background-image: url(../img/event/m-lucky-bg.png) !important;
		background-size: 100% 100%;
	}

	.lucky-draw-content {
		height: 59.35rem !important;
	}

	.lucky-drwa-title-txt {
		width: 100%;
		height: 2rem;
		line-height: 1rem;
		text-align: center;
		font-size: 1rem;
		margin-top: 0;
	}

	.lucky-draw-main-left {
		width: 100%;
		height: 28rem;
	}

	.monkey {
		width: 18.5rem;
		height: 21rem;
		position: absolute;
		top: 0;
	}

	.rotary-table {
		width: 20rem;
		height: 20rem;
		position: absolute;
		top: 6.5rem;
		left: 1.5rem;
	}

	.pointer-to-the {
		width: 4.2rem;
		height: 6.8rem;
		background-image: url(../img/event/img04.png);
		background-size: 100% 100%;
		position: absolute;
		top: 11.85rem;
		left: 9.45rem;
	}

	.pointer-to-the>a {
		width: 4.2rem;
		height: 4.2rem;
		border-radius: 2.1rem;
		line-height: 4.2rem;
		color: white;
		font-size: 1.2rem;
		text-align: center;
		cursor: pointer;
		margin-top: 2.75rem;
	}

	.rotary-table>ul>li {
		display: inline-block;
		width: 2.6rem;
		height: 2.6rem;
		background-color: #f2cda3;
		border: 1px solid #8a6d60;
		position: absolute;
	}

	.rotary-list1 {
		top: 2.26rem;
		left: 8.74rem;
	}

	.rotary-list2 {
		top: 4.13rem;
		left: 13.3rem;
	}

	.rotary-list3 {
		top: 8.7rem;
		left: 15.3rem;
	}

	.rotary-list4 {
		top: 13.4rem;
		left: 13.3rem;
	}

	.rotary-list5 {
		top: 15.4rem;
		left: 8.74rem;
	}

	.rotary-list6 {
		top: 13.4rem;
		left: 4.13rem;
	}

	.rotary-list7 {
		top: 8.7rem;
		left: 2.26rem;
	}

	.rotary-list8 {
		top: 4.13rem;
		left: 4.13rem;
	}

	.raffle-num {
		width: 100%;
		height: 30px;
		position: absolute;
		left: 0;
		top: 2rem;
		text-align: right;
		line-height: 2rem;
		font-size: 1rem;
		font-weight: normal;
		color: #ffffff;
		padding: 0 3rem;
	}

	.raffle-num>span {
		font-size: 1.1rem;
		font-weight: bold;
	}

	.lucky-draw-main-right {
		margin-top: 0;
		width: 100%;
		height: 31.1rem;
		background-image: url(../img/event/m-record-bg.png);
		background-size: 100% 100%;
		position: relative;
	}

	.lucky-draw-main-right>.title {
		width: 100%;
		text-align: center;
		font-size: 1.5rem;
		height: 4rem;
		line-height: 4rem;
		font-weight: bold;
		text-shadow: 0px 0.1rem 0.1rem #444444;
	}

	.lucky-draw-main-right>.lucky-content {
		width: 82%;
		height: 21rem;
		margin: 1rem auto 0 auto;
	}

	.lucky-draw-main-right>.lucky-content>ul {
		width: 100%;
		margin: 0 0 0 4.5%;
	}

	.lucky-draw-main-right>.lucky-content>ul>li {
		/* width: 5rem;
		height: 5rem; 
		height: auto;
		border-radius: 0.65rem;
		margin-bottom: 1rem;
		margin-right: 1rem;*/
		width: 28%;
		height: auto;
		margin: 0 5% 5% 0;
		position: relative;
	}

	.lucky-draw-main-right>.lucky-content>ul>li>.pic {
		/* width: 5rem;
		height: 3.5rem;
		padding: 0.4rem 0.9rem; */
		width: 100%;
		height: auto;
		padding-bottom: 1.5rem;
	}

	.lucky-draw-main-right>.lucky-content>ul>li>.pic>img {
		width: 100%;
		height: auto;
	}

	.lucky-draw-main-right>.lucky-content>ul>li>.txt {
		/* width: 5rem;
		height: 1.5rem;
		line-height: 1.5rem;
		text-align: center;
		font-size: 0.85rem;
		color: white; */
		width: 100%;
		height: auto;
		line-height: 2;
		position: absolute;
		bottom: 0;
		left: 0;
	}

	.did-not-receive {
		color: #04D919 !important;
	}

	.lucky-draw-main-right>.lucky-btn {
		width: 6rem;
		height: 2rem;
		line-height: 2rem;
		text-align: center;
		position: absolute;
		left: calc(50% - 3rem);
		bottom: 1.1rem;
	}

	.lucky-draw-main-right>.lucky-btn>a {
		font-size: 0.85rem
	}

	/* 活動公告 */
	.event-contentbox{
		height: auto !important;
		padding: 0 0 0.5rem 0;
	}
	.event-announcements-title{
		width: 13rem;
		height: 2.6rem;
		margin: 0 auto;
	}
	.event-main{
		width: calc(100% - 0.6rem);
		height: auto;
		margin: 0 0.3rem;
		left: 0;
		padding: 0.8rem;
	}
	.exent-list{
		width: 100%;
		height: 6.3rem;
		padding: 0.8rem 0;
	}
	.exent-list .title{
		width: 100%;
		height: 1.8rem;
		line-height: 1.6rem;
		font-size: 16px;
		font-weight: bold;
	}

	.if-new .new-icon{
		margin: 3px 6px 0 0;
	}
	.exent-list .title p{
		
	}
	.exent-list .thumb-up{
		width: 30%;		
		line-height: 1.5rem;
		margin-left: 0.05rem;
		margin: 0 1rem 0 0.05rem;
		color: #777777;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.exent-list .reply{
		width: auto;
		line-height: 1.5rem;
		margin: 0 1rem 0 0.05rem;
		color: #777777;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.exent-list .the-date{
		width: 100%;
		line-height: 2rem;
		margin: 0 0.05rem 0 0;
		color: #000000;
	}
	.page-num-box{
		margin: 20px 0 10px 0;
	}
	.page-num-box a{
		padding: 1px 8px;
		display: inline-block;
		margin: 2px;
		margin-bottom: 2px;
	}
	.page-num-box .home-page,.last-page{
		display: none;
	}
	.page-num-box .prev-page{
		padding: 2px 0px;
		border: none;
		color: #009bd5;
		font-size: 16px;
		font-weight: 700;
	}
	.page-num-box .next-page{
		padding: 2px 0px;
		border: none;
		color: #009bd5;
		font-size: 16px;
		font-weight: 700;
	}
	.page-num-box .start-page{
		color: gainsboro;
	}
	.page-num-box .end-page{
		color: gainsboro;
	}
	/* 預約領獎 */
	.appointment-title{
		width: 13rem;
		height: 2.6rem;
		margin: 0 auto;
	}
	.appointment-main {
		width: 100%;
		max-width: 100%;
		height: 120px;
		padding: 0;
		background-repeat: no-repeat;
		background-size: contain;
		transform: scale(1.08);
	}
	.topup-gp-bg .appointment-main {
		margin-right: -2px;
	}
	.topup-gp-bg .appointment-main .center img {
		margin-right: 74px;
		margin-top: 32px;
	}
	.appointment-main img {
		max-width: 70%;
		height: auto;
		margin-top: 38px;
	}
	.appointment-main>ul{
		width: 98%;
		padding: 3.6rem 0 0 0;
	}
	.appointment-pic{
		width: 48px;
		height: 48px;
	}
	.appointment-txt{
		font-size: 12px;
		line-height: 20px;
		padding: 0 0.2rem;
	}
	

	.the-rules{
		padding: 1rem 0.2rem;
	}
	/* 貢獻兌換 */
	.contribution-bg .item-1 {
		flex-wrap: wrap;
	}
	.contribution-title{
		width: 13rem;
		height: 2.6rem;
		margin: 0 auto;
	}

	.in-reward .contribution-title {
		margin-top: 158px;
		margin-left: 29px;
	}
	.in-reware-item{ width: 100%;}
	.in-reware-h3 {
		font-size: 24px;
		letter-spacing: 6px;
	}

	.in-reware-table thead {
        display: none;
    }
    .in-reware-table tbody tr {
        height: auto;
        font-size: .875rem;
		margin-bottom: 10px;
    	display: block;
		border: 1px solid #c09b72;
		box-sizing: border-box;
		border-radius: 10px;
		overflow: hidden;
    }
	.in-reware-table tr:nth-child(odd) td {
		/* background: #6d5e4d; */
	}
	.in-reware-table tr:nth-child(even) td {
		background: #fff8e5;
	}
	.in-reware-table th, .in-reware-table td {
		border: none;
		border-bottom: 1px dotted #999;
		padding: 2px 4px;
	}
	.in-reware-table th:last-child, .in-reware-table td:last-child {
		border-bottom: none;
	}
    .in-reware-table tbody tr td {
        display: block;
        text-align: right !important;
        font-size: .24rem;
    }
    .in-reware-table tbody td::before {
        content: attr(data-label);
        float: left;
        font-weight: bold;
    }
	.icon-layer, .icon-but {
		display: inline-block;
	}
	.in-reward-content {
		padding: 0;
		border: none;
		box-shadow: none;
		background: none;
		border-radius: 0;
	}
	.in-reware-box {
		position: relative;
		width: 800px;
		max-width: 100%;
		margin: auto;
		padding: 20px 10px;
		border: 3px solid #ffde91;
		box-shadow: 0 0 6px #7a4000 inset;
		background: #fff;
		border-radius: 20px;
	}
	.in-reware-box::after,.in-reware-box::before,.in-reware-table::before,.in-reware-table::after{ display: none;}

	.contribution-content{
		padding: 10px !important;
		border: 2px solid #deb450;
		box-shadow: 0 0 6px #7a4000 inset;
	}
	.contribution-content::before,
	.contribution-content::after {
		display: none;
	}
	.contribution-content>ul{
		padding: 0;
		background: none;
	}
	.contribution-list{
		width: 100%;
		height: auto;
		margin-right: 0.5rem;
		margin-bottom: 0.5rem;
		padding: 0.4rem;
	}
	.contribution-list-pic{
		width: 6rem;
		height: 6rem;
	}
	.contribution-list-pic>img{
		border-radius: 1.1rem;
	}
	.contribution-list-txt .exchange-btn{
		width: 6rem;
		height: 2rem;
		line-height: 2rem;
		margin-top: 2px;
		font-size: 1.2rem
	}
	.contribution-bg .item-1 {
		padding: 0 10px 10px;
	}
	.remain-exchange-value {
		font-size: 14px;
	}
	.contribution-tips {
		text-align: left;
		font-size: 14px;
	}
	/* 發文獎勵 */
	.post-bg article{
		background-image: url(../img/event/post-m-bg.png);
	}
	.post-rewards-title{
		width: 13rem;
		height: 2.6rem;
		margin: 0 auto;
		box-shadow: 0px 2px 0px #57a9ff;
	}
	.post-rewards-content{
		padding: 0.5rem;
		height: 1120px!important;
	}
	.post-rewards-contentbox{
		height: 1360px !important;
	}
	.post-rewards-bg{
		height: auto !important;
		padding-bottom: 0.4rem;
	}
	.post-rewards-content>ul{
		height: 1114px;
	}
	.post-rewards-list-title{
		height: 3rem;
		line-height: 3rem;
	}
	.post-rewards-list-title .ranking{
		width: 100%;
	}
	.post-rewards-list-title .thetitle{
		display: none;
	}
	.post-rewards-list-title .author{
		display: none;
	}
	.post-rewards-list-title .praise{
		display: none;
	}
	.post-rewards-list-title .reward{
		display: none;
	}
	
	/* .post-rewards-list-title .thetitle{
		width: calc(100% - 86px);
	} */
	.post-rewards-list-main{
		height: 7rem;
		border-bottom: 1px solid #f3f3f3;
		padding: 0.7rem 0;
	}
	.post-rewards-list-main .ranking{
		width: 2rem;
		height: 2rem;
		padding: 0.4rem 0;
	}
	.post-rewards-list-main .ranking span{
		width: 1.2rem;
		height: 1.2rem;
		line-height: 1.2rem;
	}
	.post-rewards-list-main .thetitle{
		width: calc(100% - 2rem);
		line-height: 2rem;
		font-weight: 700;
	}
	.post-rewards-list-main .if-new span{
		margin: 8px 6px 0 0;
	}
	.post-rewards-list-main .author{
		text-align: left;
		line-height: 1.8rem;
		text-indent:0;
		font-size: 14px;
		color: #777777;
	}
	.post-rewards-list-main .praise{
		text-align: left;
		line-height: 1.8rem;
		font-size: 14px;
		color: #777777;
		text-indent:0;
	}
	.post-rewards-list-main .reward{
		width: 10rem;
		line-height: 1.8rem;
		font-size: 14px;
		color: #ff7200;
		font-weight: 700;
		text-indent: 0.35rem;
	}
	.post-rewards-list-main .author span{
		display: inline-block;
	}
	.post-rewards-list-main .praise span{
		display: inline-block;
	}
	.post-rewards-list-main .reward span{
		display: inline-block;
		font-weight: normal;
		color: #777777;
	}
	.h56{
		height: 56.5rem !important;
	}

	.recoup-pack-bg article {
		background: none;
	}
	.main-right-title .recoup-pack-title {
		height: 64px;
	}
	.recoup-pack-bg .appointment-tips {
		top: 0;
	}
	.recoup-pack-bg .the-rules {
		padding: .1rem;
	}

	.more-draw-bg .btn-list {
		flex-wrap: wrap;
	}
	.more-draw-bg .btn-list li {
		margin: 0 0 12px;
		width: 100%;
	}
	.more-draw-bg .in-reware-table {
		background: none;
	}
	.more-draw-bg .award-ins::after,
	.more-draw-bg .award-ins::before {
		display: none;
	}
	.more-draw-bg .in-reware-table tbody tr {
		padding: 6px;
		background: #fff8e5;
		border: 2px solid #c09b72;
	}
	.more-draw-bg .in-reware-table tbody tr td {
		padding: 6px 4px;
	}

	.pop-draw .popup-inner-pc {
		display: none;
	}

	.pop-draw.pop-blue .popup-inner-m.popup-inner {
		display: block;
		max-width: 94%;
		height: auto;
	}
	.pop-draw .popup-inner .popup-body {
		max-height: none;
	}
	.pop-draw .popup-inner-m .chest {
		width: 200px;
		height: 154px;
		margin: 0 auto 30px;
		background: url(//ompic.neteaselab.com/respic/images/mlbb/20210524/chest.png) no-repeat center top;
		background-size: 200px auto;
	}
	.pop-draw .draw-btn {
		position: initial;
	}
	.pop-draw .draw-btn span {
		margin: 0 32px;
		width: 140px;
		height: 46px;
		line-height: 46px;
		font-size: 18px;
	}
	.pop-draw .popup-inner-m .reward-list {
		margin-top: 30px;
		background-color: #fff;
		max-height: 400px;
		overflow: auto;
	}
	.pop-draw .popup-inner-m .reward-list li {
		display: flex;
	}
	.pop-draw .popup-inner-m .reward-list li span {
		width: 50%;
		padding: 8px 0;
		font-size: 18px;
		text-align: center;
		border-bottom: 1px solid #e1e1e1;
	}
	.pop-draw .popup-inner-m .reward-list li:first-child span {
		padding: 10px 0;
		color: #fff;
		background: #7a4000;
	}
}