@charset "utf-8";
.redbox{
	padding: .5rem;
	box-shadow: 0 0 3px rgba(0,0,0,.3);
	border-radius: .5rem;
	margin-top: .5rem;
	/*padding-top: 1rem;*/
}
.redbox:first-child{
	margin-top: 0;
}
.redimgbox{
	width: 100%;
	overflow: hidden;
	height: 6.66rem;	
}

.redimgbox span.tbcell{
	width: 100%;
	height: inherit;
	background: #F5F5F5;
}
.listtt{
	position: absolute;
	bottom: 0;
	left: 0;
	background: rgba(247,114,88,1);
	color: #fff;
	width: 100%;
	box-sizing: border-box;
	padding: .2rem .5rem;
}
.listtt em{
	color: #FFEA00;
}
.statemark{
	position: absolute;
	width: 3.2rem;
	height: 1.2rem;
	line-height: 1.2rem;
	/*width: 4.7rem;*/
	/*height: 1.8rem;*/
	/*line-height: 1.8rem;*/
	background: #F77258;
	color: #fff;
	left: 0;
	top: .7rem;
	border-radius: 0 1rem 1rem 0;
}
.statemarkset{
	left: .5rem;
	top: 3.6rem;
	z-index: 99;
}
.statemarked{
	background: #777;
	color: #ddd;
}

.nummark{
	background: #F77258;
	color: #fff;
	height: 1.6rem;
	padding: .2rem 0;
	width: 7rem;
	border-radius: .3rem;
}
.nummark span.hbico{
	display: block;
	margin-left: .2rem;
	height: 1.2rem;
}
.nummark span.hbico img{
	max-width: 100%;
	max-height: 100%;
	display: block;
}
.nummark span.qico{
	display: block;
	width: 1.2rem;
	height: 1.2rem;
	border-radius: 50%;
	border: 2px solid #FFEA00;
	color: #FFEA00;
	text-align: center;
	line-height: 1.05rem;
	font-size: .6rem;
	margin-right: .2rem;
}
.nummark span.money{
	display: block;
	height: 1.2rem;
	line-height: 1.2rem;
	width: 4.4rem;
	text-align: center;
}
.nummark span.money em{
	font-size: .5rem;
	display: inline-block;
	margin-left: .1rem;
}
.nummarkset{
	width: 100%;
	background: #84b4cf;
}
.nummarkset span.money{
	width: 11.5rem;
}
/*准备中状态*/
.nummarked{
	background: #777;
}
.nummarked span.money{
	color: #aaa;
}
.nummarked span.qico{
	border-color: #aaa;
	color: #aaa;
}
.rdbtt{
	width: 6.5rem;
	height: 1.6rem;
	position: relative;
	/*background: #F5F5F5;*/
}
.rdbtt img{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	max-height: 90%;
	max-width: 90%;
}
.timecont i{
	margin-right: .2rem;
}
.rdbtts{
	background: none;
	position: relative;
}
.rdbtts p{
	color: #444;
	line-height: .9rem;
	font-weight: bold;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}
.rdbttsmsg p{
	text-align: right;
}
.usimg{
	width: 100%;
	height: 1.6rem;
	/*border-radius: 50%;*/
	overflow: hidden;
	/*border: 1px solid #eee;*/
}
.usimg span.tbcell{
	width: 1.2rem;
	height: 1.2rem;
}

.rdbttset{
	width: 100%;
}
.msgredcont{
	padding-left: 3.7rem;
}
.msgredcontset{
	padding-left: 0;
}
.rdbttl{
	width: 3.5rem;
}
.msgusname{
	color: #84B4CF;
}
.usimgset{
	/*width: 4rem;*/
	margin: 0 auto;
	border: none;
	box-shadow: 0 0 0 1px #ddd;
}
.usimgset span.tbcell{
	width: 4rem;
	height: 3.99rem;
}
.rdbttset p em{
	color: #F77258;
}
.rpcontainer{
	height: 24.45rem;
	padding-top: 20px;
}
.rpbgmark{
	position: absolute;
	width: 100%;
	/*height: 100vh;*/
	/*background: rgba(0,0,0,.7);*/
	z-index: 2;
}
.redopcont{
	position: relative;
	z-index: 3;
	/*padding: 1rem;*/
}
.rptt{
	/*color: #fff;*/
	font-size: .8rem;
}
.kqtime{
	/*color: #eee;*/
	font-size: .5rem;
	margin-top: .3rem;
}
.kqtime i{
	margin-right: .2rem;
}
.rptpline{
	height: 1px;
	background: rgba(255,255,255,.3);
	margin-top: .3rem;
}
.redopbox{
	width: 90%;
	height: 13rem;
	background: #F77258;
	margin: 0 auto;
	margin-top: 1rem;
	border-radius: 1rem;
	overflow: hidden;
	/*animation: anim 1s ease-in-out;*/
}
@keyframes anim{
	from{
		transform: scale(0);
	}
	to{
		transform: scale(1);
	}
}
.rdopbmark{
	width: 110%;
	position: absolute;
	height: 6rem;
	border-radius: 50%;
	left: -5%;
	margin-top: -1.5rem;
	background: #d7614a;
	box-shadow: 0 5px 0 rgba(0,0,0,.2);
	z-index: 5;
}
.rdpbcont{
	position: relative;
	z-index: 6;
}
.oplogoc{
	border-radius: 50%;
	position: relative;
	margin: 0 auto;
	margin-top: 1rem;
	overflow: hidden;
	position: relative;
	box-shadow: 0 0 10px rgba(0,0,0,.5);
}
.oplogoc span.tbcell{
	width: 5rem;
	height: 5rem;
}
.oplogoc span.tbcell img{
	height: 5rem;
}
.rdpbbot{
	max-height: 6rem;
}
.brand{
	margin-top: .5rem;
	color: #fff;
	font-size: 1rem;
}
.discriptions{
	color: #fff;
	margin-top: .2rem;
}
.playbtn{
	height: 2rem;
	width: 90%;
	margin: 0 auto;
	line-height: 1.8rem;
	background: #f2bc00;
	text-align: center;
	color: #fff;
	border-radius: 1rem;
	margin-top: 1rem;
	box-shadow: 0 -5px 0 rgba(0,0,0,.2) inset;
}
.redoptcbox{
	width: 12rem;
	position: relative;
}
.closeset{
	position: absolute;
	right: -.2rem;
	top: -.2rem;
	width: 1.6rem;
	height: 1.6rem;
	line-height: 1.6rem;
	text-align: center;
	color: #fff;
	background: #DF513E;
	z-index: 3000;
	border-radius: 50%;
}
.closeset a{
	display: block;
	width: 1.6rem;
	height: 1.6rem;
	color: #fff;
}
.redoptcboxcont{
	position: relative;
	z-index: 2501;
	background: #df513e;
}
.rdoptcbtop{
	background: #ed5642;
	border-radius: 7rem 7rem 0 0;
	padding: 1rem 0;
}
.oplogocset{
	margin-top: 0;
}
.oplogocsetenity{
	width: 4rem;
	height: 4rem;
}
.oplogocsetenity span.tbcell{
	width: 4rem;
	height: 4rem;
}
.redoptcboxcont{
	background: #d84e3b;
	min-height: 10rem;
	border-radius: 0 0 1rem 1rem;
	padding-top: 1rem;
	padding-bottom: 1rem;
}
.redoptcboxcont p.t1{
	color: #FFEA00;
	font-size: .8rem;
}
.redoptcboxcont p.t1 span em{
	font-size: .5rem;
}
.redoptcboxcont p.t1 span.moneys{
	font-size: 1rem;
}
.botbtn a{
	display: inline-block;
	padding: .3rem .5rem;
	background: #FF9C00;
	color: #fff;
}
.botbtn a.a2{
	margin-left: .5rem;
}
.luckcont{
	margin-top: .5rem;
	color: #fff;
}
.luckcont em{
	color: #FFEA00;
}
.lknumcont{
	padding: 0 .5rem;
}
.numbx{
	width: 48%;
	text-align: center;
	padding: .5rem 0;
	background: #D56049;
	border-radius: .2rem;
}
.numbx p{
	font-size: .5rem;
}
.numbx dd{
	font-weight: bold;
	margin-top: .3rem;
}
.discriptionsset{
	margin-top: 1rem;
}
.oplogocs span.tbcell img{
	max-width: 100%;
	max-height: 100%;
}
.noticebox{
	border-bottom: 1px solid #ddd;
}
.infott{
	font-size: 1rem;
	word-wrap: break-word;
}
.infoprp{
	padding-bottom: .5rem;
	border-bottom: 1px solid #eee;
	color: #999;
	font-size: .5rem;
}
.infoprp span{
	display: inline-block;
	margin-right: .5rem;
}
.infoprp span i{
	margin-right: .2rem;
}
.infocontents{
	line-height: 1.1rem;
	word-break: break-all;
	word-wrap: break-word;
	overflow-x: hidden;
	/*text-indent: 30px;*/
	margin-bottom: 15px;
}
.infocontents img{
	max-width: 100%;
}
/*赚积分*/
.earnscbox{
	border: 1px solid #F77258;
	margin-top: 1rem;
}
.earnscbtt{
	height: 1.4rem;
	line-height: 1.4rem;
	padding: 0 1rem;
	background: #F77258;
	color: #fff;
	position: absolute;
	top: -.7rem;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}
.earnscline {
	border-bottom: 1px dashed #ddd;
	padding-bottom: .5rem;
	margin-top: .5rem;
}
.earnscline:last-child{
	border: none;
}
.earnscline p{
	line-height: 1.2rem;
}

.eanrbtn{
	display: inline-block;
	padding: .3rem 1rem;
	background: #84B4CF;
	color: #fff;
	border-radius: .5rem;
}

.mrow{
	margin-left: -.5rem;
	margin-top: -.5rem;
}
.spbox{
	width: 7.25rem;
	margin-left: .5rem;
	margin-top: .5rem;
}
.spimg{
	width: 100%;
	background: #eee;
	height: 7.25rem;
}
.spline{
	height: 1rem;
	overflow: hidden;
}
.spprice span{
	color: #F77258;
}
.shaixuan{
	height: 2rem;
	background: #F5F5F5;
	border-bottom: 1px solid #ddd;
	position: fixed;
	top: 2rem;
	width: 100%;
	z-index: 10;
}
.sxtt{
	background: #444;
	color: #fff;
	height: 2rem;
	line-height: 2rem;
	width: 3.6rem;
	text-align: center;
}
.sxcont{
	width: 12.4rem;
	padding-right: 5.5rem;
	position: relative;
}
.sxcont i.angli{
	position: absolute;
	top: 0;
	z-index: 10;
	font-size: .8rem;
	height: 1.9rem;
	line-height: 2rem;
	background: #F5F5F5;
	padding: 0 .2rem;
}
.sxcont i.fa-angle-left{
	left: 0;
}
.sxcont i.fa-angle-right{
	right: 0;
}
.sxcont a{
	display: inline-block;
	height: 2rem;
	line-height: 2rem;
	padding: 0 1rem;
}
.sxcont .swiper-slide{
	width: auto;
	border-right: 1px solid #ddd;
}
.ifspimgbox{
	height: 8rem;
	border-bottom: 1px solid #ddd;
}
.ifspimgbox img{
	
}
.ifsptt{
	font-size: 1rem;
}
.ifspprp span{
	color: #F77258;
}
.dhbtn{
	height: 2rem;
	line-height: 2rem;
	background: #F77258;
	color: #fff;
	text-align: center;
}
.ifspdstt{
	border-bottom: 1px solid #eee;
	padding-bottom: .5rem;
}
.ifspdstt span{
	font-weight: bold;
}
.ifspdscont img{
	max-width: 100%;
}
.ifspdscont a{
	color: #2EA7FB;
	text-decoration: underline;
}
.prbcontainer{
	padding-top: 1rem;
}
.prblbox{
	padding: .5rem;
}
.prbltt{
	line-height: 1.2rem;
	padding-right: 1.2rem;
}
.pnum{
	height: 1rem;
	line-height: 1rem;
	background: #F77258;
	padding: 0 .5rem;
	color: #fff;
	border-radius: .3rem;
	margin-right: .3rem;
	margin-top: .1rem;
}
.ddmark{
	position: absolute;
	right: 0;
	top: .1rem;
	height: 1rem;
	line-height: 1rem;
	border: 1px solid #ddd;
	border-radius: .3rem;
	width: 1rem;
	text-align: center;
	background: #f5f5f5;
}
.options{
	padding-top: .5rem;
}
.optul li{
	padding: .5rem 0;
	position: relative;
}
.optul li label{
	display:block;
	padding-left: 1.2rem;
}
.lqbtn{
	padding: .5rem 2rem;
	color: #FFFFFF;
	background: #F77258;
	border: none;
	outline: none;
	border-radius: .3rem;
}
.lqbtn:disabled{
	background: #999;
}
.rdpanimate{
	animation: rdpanimate 1.5s ease-in-out,rotate 1s 1.5s linear;
	-webkit-animation: rdpanimate 1.5s ease-in-out,rotate 1s 1.5s linear;
	-moz-animation: rdpanimate 1.5s ease-in-out,rotate 1s 1.5s linear;
	-ms-animation: rdpanimate 1.5s ease-in-out,rotate 1s 1.5s linear;
}
@keyframes rdpanimate{
	0%{
		transform: translateY(-200px);
		opacity: 0;
	}
	40%{
		transform: translateY(0);
	}
	60%{
		transform: translateY(-60px);
	}
	80%{
		transform: translateY(0);
	}
	90%{
		transform: translateY(-30px);
	}
	100%{
		transform: translateY(0);
		opacity: 1;
	}
}
@-webkit-keyframes rdpanimate{
	0%{
		-webkit-transform: translateY(-200px);
		opacity: 0;
	}
	40%{
		-webkit-transform: translateY(0);
	}
	60%{
		-webkit-transform: translateY(-60px);
	}
	80%{
		-webkit-transform: translateY(0);
	}
	90%{
		-webkit-transform: translateY(-30px);
	}
	100%{
		-webkit-transform: translateY(0);
		opacity: 1;
	}
}
@-moz-keyframes rdpanimate{
	0%{
		-moz-transform: translateY(-200px);
		opacity: 0;
	}
	40%{
		-moz-transform: translateY(0);
	}
	60%{
		-moz-transform: translateY(-60px);
	}
	80%{
		-moz-transform: translateY(0);
	}
	90%{
		-moz-transform: translateY(-30px);
	}
	100%{
		-moz-transform: translateY(0);
		opacity: 1;
	}
}
@-ms-keyframes rdpanimate{
	0%{
		-ms-transform: translateY(-200px);
		opacity: 0;
	}
	40%{
		-ms-transform: translateY(0);
	}
	60%{
		-ms-transform: translateY(-60px);
	}
	80%{
		-ms-transform: translateY(0);
	}
	90%{
		-ms-transform: translateY(-30px);
	}
	100%{
		-ms-transform: translateY(0);
		opacity: 1;
	}
}
@keyframes rotate{
	from{
		transform: rotateY(0);
	}
	to{
		transform: rotateY(360deg);
	}
}
.result2{
	padding: 1rem 0;
}
.result2set{
	padding: .5rem 0;
}
.result2set img{
	display: block;
	max-width: 100%;
	max-height: 5rem;
	margin: 0 auto;
}
.kewds{
	font-weight: bold;
	color: #333;
}

/* 清除内外边距 */
* {
	margin: 0;
	padding: 0;
}

/* 设置默认字体 */
body {
	/* for ie */
	/*font: 12px/1 Tahoma, Helvetica, Arial, "宋体", sans-serif;*/
	font: 16px 'Microsoft YaHei', Tahoma, Helvetica, Arial, '\5b8b\4f53',
	sans-serif; /* 用 ascii 字符表示，使得在任何编码下都无问题 */
	color: #333;
}

address,
em,
cite,
dfn,
var,
i {
	font-style: normal;
} /* 将斜体扶正 */
b,
strong {
	font-weight: normal;
} /* 将粗体扶细 */

/* 重置列表元素 */
ul,
ol {
	list-style: none;
}

/* 重置文本格式元素 */
a {
	text-decoration: none;
	color: #666;
	cursor: pointer;
}
img {
	border: none;
}

/* 重置表格元素 */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* 重置 hr */
hr {
	border: none;
	height: 1px;
}
input {
	background: none;
	outline: none;
	border: none;
}