/* 幸運抽獎 */
.event-common-bg {
    background: url(../images/everyday-draw/event-bg.png) no-repeat center top #fff;
    background-size: auto;
    border: 2px solid #dc974d;
    border-radius: 10px;
}
.event-common-bg article {
    background: none;
}
.main-right-title {
    /* width: 394px; */
    /* height: 98px; */
    margin: 290px auto 0;
}
.main-right-title div {
    /* width: 100%; */
    /* height: 100%; */
}
.lucky-draw-title {
    background: url(../images/everyday-draw/event-title.png) no-repeat center;
    background-size: contain;
    width: 540px;
    height: 226px;
    margin: auto;
}
.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; */
}
.show-itm{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 30px auto 60px;
}
.time-title{
	width: 278px;
	height: 29px;
	background: url(../images/everyday-draw/time-title.png) no-repeat center;
	background-size: auto;
}
.time{
    display: flex;
    align-items: flex-end;
    margin: 16px 0;
}
.time b{color: #c0320c;font-size: 30px;}
.time b.act{font-size: 44px;background: #dc5806;color: #fff;min-width: 56px;display: inline-block;text-align: center;margin: 0px 6px;border-radius: 12px;background-image: linear-gradient(#ff9e37, #c0320c);}
.user-itm{}
.user-itm p{
    font-size: 20px;
    font-weight: 500;
    color: #666;
    margin: 6px auto 20px;
}
.user-itm span{
    color: #c0320c;
}
.user-itm button{
    width: 200px;
    height: 50px;
    background: url(../images/everyday-draw/but.png) no-repeat center;
    background-size: auto;
    margin: auto;
    display: block;
    font-size: 24px;
    color: #fff;
    letter-spacing: 12px;
}


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

.monkey {
	width: 234px;
	height: 174px;
	position: absolute;
	background-image: url(../images/everyday-draw/img01.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
	z-index: 5;
}
.monkey2 {
	width: 247px;
	height: 446px;
	position: absolute;
	bottom: 0;
	right: 30px;
	background-image: url(../images/everyday-draw/img02.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
	z-index: 0;
}

.rotary-itm{
    width: 635px;
    height: 697px;
    background-image: url(../images/everyday-draw/rotary-itm.png);
    background-size: 100% 100%;
    display: flex;
    margin: auto;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 3;
}

.rotary-table {
	width: 566px;
	height: 566px;
	background-image: url(../images/everyday-draw/rotary-table.png);
	background-size: 100% 100%;
	border-radius: 50%;
	/* box-shadow: 0px -5px 30px #f9f9f9; */
	position: relative;
	margin-top: 33px;
}

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

.rotary-table>ul>li {
	display: inline-block;
	width: 54px;
	height: 54px;
	position: absolute;
	font-size: 16px;
	text-shadow: 0px -1px 3px rgba(66 36 24 / 40%);
	display: flex;
	flex-direction: column;
	align-items: center;
	color: #500f0a;
}
.rotary-table>ul>li>img{
	max-width: 100%;
    max-height: 100%;
}
.rotary-table>ul>li>p{
    text-align: center;
}
.rotary-table>ul>li>span{
    text-align: center;
    color: #f18130;
    display: block;
}

.rotary-list1 {
	top: 28px;
	left: 253px;
}

.rotary-list2 {
	top: 57px;
	left: 370px;
	transform: rotate(30deg);
}

.rotary-list3 {
	top: 138px;
	left: 457px;
	transform: rotate(60deg);
}

.rotary-list4 {

top: 259px;

left: 489px;

transform: rotate(91deg);
}

.rotary-list5 {
	top: 371px;
	left: 456px;
	transform: rotate(120deg);
}

.rotary-list6 {
	top: 452px;
	left: 368px;
	transform: rotate(151deg);
}

.rotary-list7 {
	top: 485px;
	left: 256px;
	transform: rotate(-180deg);
}

.rotary-list8 {
	top: 448px;
	left: 141px;
	transform: rotate(-148deg);
}
.rotary-list9 {
	top: 367px;
	left: 64px;
	transform: rotate(-120deg);
}

.rotary-list10 {
	top: 256px;
	left: 25px;
	transform: rotate(-90deg);
}

.rotary-list11 {
	top: 142px;
	left: 58px;
	transform: rotate(-60deg);
}

.rotary-list12 {
	top: 60px;
	left: 140px;
	transform: rotate(-32deg);
}

.pointer-to-the {
	width: 160px;
	height: 190px;
	background-image: url(../images/everyday-draw/img04.png);
	background-size: 100% 100%;
	position: absolute;
	top: -93px;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 100;
	margin: auto;
	cursor: pointer;
}

.pointer-to-the>a {
	width: 100%;
	height: 92px;
	border-radius: 46px;
	line-height: 92px;
	text-align: center;
	color: white;
	font-size: 20px;
	margin-top: 85px;
	cursor: pointer;
	display: flex;
	justify-content: center;
}
.pointer-to-the>a>span{
    color: #fbf935
}
.raffle-but{
	width: 540px;
	height: 50px;
	display: flex;
	margin: 44px auto 0;
	justify-content: space-between;
}
.r-rule{
    width: 100px;
    height: 100%;
    cursor: pointer;
}
.r-num {
	width: 190px;
	line-height: 30px;
	font-size: 20px;
	font-weight: bold;
	color: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
}

.r-num>span {
	color: #fbf935;
}
.r-record{
    width: 100px;
    height: 100%;
    cursor: pointer;
}
.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-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; */
}


.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;

}
.evt-rules{
    width: 96%;
    margin: 60px auto 50px;
    font-size: 16px;
    color: #666666;
}
.evt-rules h2{
    font-size: 26px;
    font-weight: bold;
    color: #c0320c;
}
.evt-rules h2::before{
    /* content: ''; */
    display: block;
    width: 24px;
    height: 25px;
    margin-right: 10px;
    margin-top: 5px;
}
.rules-content{
	line-height: 36px;
	letter-spacing: 2px;
}
.rules-content span{
    color: #ad8e5c;
}

/* a1 */
.popBox {
    position: fixed;
    right: 0;
    top: 0;
    z-index: 900;
    width: 100%;
    height: 100%;
    background: rgba(0 0 0 / 48%);
}
.close-btn {
    position: absolute;
    margin: auto;
    right: 0;
    left: 0;
    bottom: -63px;
    z-index: 10;
    width: 51px;
    height: 51px;
    cursor: pointer;
    transition: transform .5s ease;
    background: url(../images/everyday-draw/pop-close.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    color: #fff;
    text-align: center;
    line-height: 51px;
    font-size: 30px;
}

.close-btn:hover {
    transform: rotate(180deg);
}

.popBox-main {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    margin: auto;
    z-index: 10;
    width: 800px;
    min-height: 377px;
    background: #fff;
    box-sizing: border-box;
    padding-bottom: 40px;
}

.popBox-main .title {
    margin: 0 auto 26px;
    text-align: center;
    padding: 10px 0;
    font-size: 30px;
    font-weight: 700;
    background: #f18130;
    color: #fff;
    letter-spacing: 4px;
    border-radius: 0 0 100% 100%;
}
.popBox-main .s-pagination{
    padding: 30px 0 0;
}
.reward-list, .draw-list{
    height: 580px;
    overflow-y: auto;
    width: 90%;
    margin: auto;
}
.reward-list table, .draw-list table{
    width: 100%;
}
.reward-list table tr{}
.reward-list table tr th, .draw-list table tr th{
    background: #dadada;
    padding: 12px 0;
    text-align: center;
}
.reward-list table tr td, .draw-list table tr td{
    padding: 10px;
    border: 1px solid #dadada;
    text-align: center;
}
.reward-list table tr td:nth-child(1){
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.reward-list table tr td:nth-child(2){
    width: 300px;
}
.reward-list table tr td img{
    width: 60px;
    height: 60px;
}
.reward-list table tr td p{}
/* a2 */
.prize-box{
	min-height: 570px;
	position: relative;
	width: 96%;
	margin: 60px auto 0;
}
.tbl-blue{width: 100%;}
.tbl-blue tr{
    height: 46px;
    text-align: center;
    color: #74150d;
    background: #f9f8f2;
    border-bottom: 1px solid #fff;
}
.tbl-blue tr:nth-child(even){
	background: #fffad5;
}
.tbl-blue tr:not(:nth-child(1)):hover{
	background: #d55f3f;
	color: #fff;
	box-shadow: 0px 0px 3px #562214 inset;
}
.tbl-blue tr th{height: 50px;}
.tbl-blue tr td{
}
.tbl-blue tr td:nth-child(1),.self ul li:nth-child(1){ width: 20%;}
.tbl-blue tr td:nth-child(2),.self ul li:nth-child(2){ width: 25%;}
.tbl-blue tr td:nth-child(3),.self ul li:nth-child(3){ width: 25%;}
.tbl-blue tr td:nth-child(4),.self ul li:nth-child(4){ width: 30%;}
.tbl-blue tr td div{
    width: 32px;
    height: 36px;
    background-size: auto;
	background-position: center;
	background-repeat: no-repeat;
    margin: auto;
}
.tbl-blue tr td div.grade1{
    background-image: url(../images/everyday-draw/1.png);
    font-size: 0;
    line-height: 100;
}
.tbl-blue tr td div.grade2{
    background-image: url(../images/everyday-draw/2.png);
    font-size: 0;
    line-height: 100;
}
.tbl-blue tr td div.grade3{
    background-image: url(../images/everyday-draw/3.png);
    font-size: 0;
    line-height: 100;
}

.tbl-blue tr:nth-child(even){
    /* background: #e2f6fc; */
}
.tbl-blue tr:nth-child(1) {}
.tbl-blue tr:nth-child(1) th{
     background: #c29a6e;
     color: #fff;
     font-size: 20px;
}
.tbl-blue tr:nth-child(1) th:nth-child(1){
    border-radius: 10px 0 0 0;
}.tbl-blue tr:nth-child(1) th:last-child{
    border-radius: 0 10px 0 0;
}



.tbl-blue tr.tr1{
     background: #ffee8a;
}
.tbl-blue tr.tr2{
     background: #cde4ff;
}
.tbl-blue tr.tr3{
     background: #ffc8a6;
}
.self{
    position: relative;
    background: #efc146;
    border-radius: 0 0 10px 10px;
    width: 100%;
    height: 48px;
    position: absolute;
    bottom: 0;
}
.self span{
    position: absolute;
    top: 0;
    left: -4px;
    width: 50px;
    height: 35px;
    background: url(../images/everyday-draw/myRanking.png) no-repeat center top;
    color: #fff;
}
.self ul{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    color: #74150d;
}
.self ul li{
    text-align: center;
}

.pagenum-blue li.selected {
    background-color: #d55f3f !important;
}
/* .popup-confirm {
    background: rgba(0, 0, 0, 0.88) !important;
} */
/* .popup-confirm .popup-body {
    margin: 1em 8em !important;
} */

/* m */
@media (max-width: 800px) {
	article {
        padding: 0 !important;
    }
	.event-common-bg{
		background: url(../images/everyday-draw/event-bg-m.png) no-repeat center top #fff;
		background-size: contain;
	}
	/* 幸運抽獎 */
	.main-right-title{
		margin: 153px auto 0;
	}
	.time b{ font-size: 20px;}
	.time b.act{font-size: 30px;min-width: 44px;}
	.user-itm p{ font-size: 16px;}
	
    .lucky-draw-title {
        width: 100%;
        height: 123px;
        margin: 0 auto;
    }
	.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 {
		width: 100%;
		/* height: 28rem; */
	}

	.monkey {
		width: 108px;
        height: 118px;
		position: absolute;
		top: -64px;
	}
	.monkey2{
		display: none;
	}
	.rotary-table {
		width: 283px;
        height: 283px;
        margin-top: 18px;
	}
	.rotary-table>ul>li>p{
		font-size: 10px;
	}
	.rotary-table>ul>li>span{
		font-size: 10px;
	}
	.rotary-table>ul>li>img{
		width: 30px;
		height: 30px;
	}
	.rotary-itm{
		width: 317px;
		height: 348px;
	}
	.pointer-to-the {
		width: 78px;
		height: 90px;
		background-size: 100% 100%;
		position: absolute;
		top: -43px;
	}
	.raffle-but{
		height: 30px;
        margin: 17px auto 0px;
        width: 100%;
	}

	.pointer-to-the>a {
		font-size: 12px;
		margin-top: 15px;
	}

	.rotary-table>ul>li {
		width: 42px;
		height: 42px;
		position: absolute;
	}

	.rotary-list1 {
		top: 10px;
		left: 123px;
	}
	
	.rotary-list2 {
		top: 24px;
		left: 178px;
		transform: rotate(30deg);
	}
	
	.rotary-list3 {
		top: 62px;
		left: 222px;
		transform: rotate(60deg);
	}
	
	.rotary-list4 {
		top: 120px;
		left: 230px;
		transform: rotate(91deg);
	}
	
	.rotary-list5 {
		top: 177px;
		left: 221px;
		transform: rotate(120deg);
	}
	
	.rotary-list6 {
		top: 214px;
		left: 176px;
		transform: rotate(151deg);
	}
	
	.rotary-list7 {
		top: 229px;
		left: 123px;
		transform: rotate(-180deg);
	}
	
	.rotary-list8 {
		top: 215px;
		left: 66px;
		transform: rotate(-148deg);
	}
	.rotary-list9 {
		top: 174px;
		left: 27px;
		transform: rotate(-120deg);
	}
	
	.rotary-list10 {
		top: 119px;
		left: 12px;
		transform: rotate(-90deg);
	}
	
	.rotary-list11 {
		top: 63px;
		left: 26px;
		transform: rotate(-60deg);
	}
	
	.rotary-list12 {
		top: 26px;
		left: 65px;
		transform: rotate(-32deg);
	}

	.r-num {
		font-size: 12px;
	}

	.r-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;
	}
	
}