@charset "utf-8";
/*reset.css*/
html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-size: 100%; } body { margin: 0; font-size: 1.4rem; line-height: 1.5; color: #333333; background-color: white; height: 100%; overflow-x: hidden; -webkit-overflow-scrolling: touch; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } svg:not(:root) { overflow: hidden; } a { background: transparent; text-decoration: none; -webkit-tap-highlight-color: transparent; color: #0088cc; } a:active { outline: 0; } a:active { color: #006699; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; vertical-align: middle; } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } pre { overflow: auto; white-space: pre; white-space: pre-wrap; word-wrap: break-word; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; resize: vertical; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } html, button, input, select, textarea { font-family: "microsoft yahei", "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif; } h1, h2, h3, h4, h5, h6, p, figure, form, blockquote { margin: 0; } ul, ol, li, dl, dd { margin: 0; padding: 0; } ul, ol { list-style: none outside none; } h1, h2, h3 { line-height: 2; font-weight: normal; } h1 { font-size: 1.8rem; } h2 { font-size: 1.6rem; } h3 { font-size: 1.4rem; } input::-moz-placeholder, textarea::-moz-placeholder { color: #cccccc; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #cccccc; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #cccccc; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .fix {zoom:1;} .fix:after,.fix:before{display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden;} .none { display: none;} .hidden { width: 0px; height: 0px; overflow: hidden;} .tc { text-align: center;}.fl{float:left; display:inline;}.fr{float:right; display:inline;}.thidden{font:0/0 a; overflow:hidden;}


html,body{width:100%; height:100%; background-color:#fff4b7; -webkit-text-size-adjust:none;}
.wrapper{position: relative; max-width:7.5rem; margin:0 auto; width:100%; height:100%; background:url(../images/bg.jpg) center center no-repeat; background-size:cover!important;}
.wrap{width:100%; height:100%; position:relative;}
.wrap img{display:block; width:100%;}
.wrap-index-header{padding-top:1rem;}
.wrap-index-des{ padding-top:0.15rem;color: #522613;text-decoration: underline;margin: 0 auto;text-align: center;display: block;font-size: 0.25rem;}
	
.rule-btn{width:2.37rem; height:0.7rem; position:absolute; left:4.9rem; top:0.28rem; background:url(../images/rule_btn.png) 0 0 no-repeat; background-size:100% 100%;}
.start-btn{width:2.84rem; height:1.19rem; position:absolute; left:50%; margin-left:-1.42rem; bottom:1.77rem; background:url(../images/start_btn.png) 0 0 no-repeat; background-size:100% 100%;}
.wrap .text{
	color: #fff;
	font-size: 0.2rem;
	position:absolute;
	margin: 0 auto;
	text-align: center;
	bottom:1.37rem;
	left: 50%;
    -ms-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.con-box,.org-game{height: 100%;background:#71beb8;}

.liang-box{width:100%; text-align:center; bottom:8%; position:absolute;}
.my-liang{font:bold 0.26rem/0.3rem \5FAE\8F6F\96C5\9ED1; color:#3f72ff;}

.pop{width:100%; height:100%; position:absolute; top:0; left:0; z-index:3;}
.rule-pop{color:#fff; height:100%; background:rgba(0,0,0,0.6);}
.rule-tit{border-bottom:1px solid #fff;height: 1.1rem;}
.rule-tit li{float:left; display:inline-block;  position: relative; font:0.3rem/0.55rem \5FAE\8F6F\96C5\9ED1;width: 25%;text-align: center;height: 1.1rem;line-height: 1.1rem;}
.rule-tit li span{padding:0 0.24rem;}
.rule-tit .active{background:url(../images/tri_angle.png) no-repeat center bottom;border-bottom: 1px solid #ffcb3f;}
.rule-tit .line{border-right: 1px solid #fff!important; display: inline; position: absolute; right: 0; height: 0.5rem; top: 0.30rem;}

.rule-con{padding:0 0.25rem;}
.rule-h{margin-top:0.2rem;padding:0.2rem 0 0.14rem; font:0.32rem/0.52rem \5FAE\8F6F\96C5\9ED1; color:#484848;}
.rule-h span{display:inline-block; background-color:#fff; padding:0 0.24rem;}
.rule-txt{font:0.26rem/0.5rem \5FAE\8F6F\96C5\9ED1;}
.person-btn{padding-top:0.24rem;}
.person-btn a{display:block; margin:0 auto; width:4.63rem; height:0.99rem; text-align:center; background:url(../images/contact.png) center center no-repeat;background-size:cover;}
.rule-colse{position:absolute; width:0.75rem; height:0.75rem;  top:0.18rem; right:0.25rem; background:url(../images/close_btn.png) center center no-repeat;background-size:cover;}
.rank-tips{font:0.26rem/0.7rem \5FAE\8F6F\96C5\9ED1;}
.rank-tit li{font:0.26rem/0.7rem \5FAE\8F6F\96C5\9ED1;}
.rank-tit li,.rank-txt span{display:inline-block; text-align:center;vertical-align:middle;}
.rank-tit li.r1,.rank-txt span.r1{text-align:left;}
.r1{width:1.3rem;}
.r2{width:1.1rem;}
.r3{width:2.2rem;}
.r4{width:1.9rem;}
.rank-txt{height:8rem; overflow:auto; overflow-x:hidden;}
.rank-txt li{border-bottom:1px solid #fff; font:0.26rem/0.70rem \5FAE\8F6F\96C5\9ED1;}
.r2 img{display:block; width:0.57rem; margin:0 auto;}
.prize-tit{padding-top:0.2rem;}
.prize-tit li,.prize-txt span{display:inline-block; vertical-align:middle;}
.prize-tit li{font:0.34rem/0.57rem \5FAE\8F6F\96C5\9ED1;}
.prize-txt li{font:0.28rem \5FAE\8F6F\96C5\9ED1; border-bottom:1px solid #fff;}
.p2{width:2.74rem; text-align:center;}
.prize-tit .p1,.prize-txt .p1{ text-align:left;}
.prize-tit .p1,.prize-txt .p1 p{ display: inline-table; margin-top: 0px; position: absolute;}
.prize-tit .p1,.prize-txt .p1::before{content: ""; margin-right : 0.1rem; display: inline-block; width: 0.20rem; height: 0.38rem; background:url(../images/lamp.png) 0 0 no-repeat; background-size:100% 100%;}

.active-award{display: inline-block;width: 1.63rem;height: 0.72rem;background:url(../images/active_award.png) 0 0 no-repeat; background-size:100% 100%;}
.active-time{display: inline-block;width: 1.63rem;height: 0.72rem;background:url(../images/active_time.png) 0 0 no-repeat; background-size:100% 100%;}
.active-scope{display: inline-block;width: 1.63rem;height: 0.72rem;background:url(../images/active_scope.png) 0 0 no-repeat; background-size:100% 100%;}
.active-rule{display: inline-block;width: 1.63rem;height: 0.72rem;background:url(../images/active_rule.png) 0 0 no-repeat; background-size:100% 100%;}

.person-address{width:100%; height:100%; color:#464646; position:relative; background:url(../images/bg2.jpg) center center no-repeat; background-size:cover!important;}
.person-colse{position:absolute; width:1.1rem; height:1.77rem; top:0; right:0; background:url(../images/pop_close.png) 0 0 no-repeat; background-size:100% 100%;}
.f-tit{padding-top:1.47rem; height:1.1rem; font:0.44rem/0.54rem \5FAE\8F6F\96C5\9ED1; text-align:center; font-weight:bold; color: #3e0808;}
.f-tit-en{color: #3e0808;text-align:center;padding-top:0.57rem;font-size: 0.38rem;}
.f-item3{padding:0.7rem 0.84rem 0;}
.f-item3 label{display:inline-block; margin-bottom:0.1rem; font:0.34rem/0.44rem \5FAE\8F6F\96C5\9ED1;background: #57241e;border-radius: 0.5rem;color: #fff;padding: 2px;}
.f-item3 input{display:block; border:1px solid #0c0b0b; border-radius:0.1rem; color:#ffffff;text-indent: 10px; height:0.58rem; font:0.3rem/0.4rem \5FAE\8F6F\96C5\9ED1; background:#57241e; border:5px solid #fff; width:100%; box-sizing:border-box;}
.f-item3 textarea{display:block; box-sizing:border-box; height:2.5rem; width:100%; color:#ffffff;text-indent: 10px; font:0.3rem/0.4rem \5FAE\8F6F\96C5\9ED1; border-radius:0.1rem; background:#57241e; border:5px solid #fff;}
.tips{text-align:center; padding:0.2rem 0 0.6rem;font-size: 0.3rem; color: #3d1b05;}
.item-btn{}
.item-btn a{display:block; margin:0 auto; width:2.84rem; height:1.22rem; background:url(../images/save_btn.png) 0 0 no-repeat; background-size:100% 100%;}

.challenge{width:100%; height:100%;}
.challenge p{font:0.36rem/0.74rem \5FAE\8F6F\96C5\9ED1; color:#fff; text-align:center;}
.challenge-btn a,.challenge-btn2 a,.challenge-btn3 a{height:0.74rem; font:0.34rem/0.72rem \5FAE\8F6F\96C5\9ED1; color:#fff; text-align:center; border:2px solid #464646;}
.challenge-btn{padding:0.14rem 0 0.24rem;}
.challenge-btn a{display:block; margin:0 auto; width:4.7rem; background-color:#eb940b;}

.challenge-btn .play-again{border: none;display:block; margin:0 auto; width:2.62rem; height:1.10rem; background:url(../images/play_again_center.png) 0 0 no-repeat; background-size:100% 100%;}
.challenge-btn .lot-btn{border: none;display:block; margin:0 auto; width:2.62rem; height:1.10rem; background:url(../images/go_chance.png) 0 0 no-repeat; background-size:100% 100%;}

.challenge-btn2{text-align:center;}
.challenge-btn2 a{display:inline-block; vertical-align:middle; width:2.26rem; background-color:#169bd5; margin:0 0.08rem;}
.challenge-btn2 .rank-bank{display:inline-block; vertical-align:middle; width:2.62rem; height:0.84rem; background:url(../images/rant.png) 0 0 no-repeat; background-size:100% 100%;border: none;}
.challenge-btn2 .back-btn{display:inline-block; vertical-align:middle; width:2.63rem; height:0.84rem; background:url(../images/go_back.png) 0 0 no-repeat; background-size:100% 100%;border: none;}
.challenge-btn2 .play-again{display:inline-block; vertical-align:middle; width:2.63rem; height:0.84rem; background:url(../images/play_again.png) 0 0 no-repeat; background-size:100% 100%;border: none;}


.challenge-img img{display:block; width:100%;}

.shake-img{width:100%;}

.shake-img img{display:block; width:96%; margin:0 auto; -webkit-animation:shakeimg 0.5s ease-in-out infinite alternate; -o-animation:shakeimg 0.5s ease-in-out infinite alternate; -moz-animation:shakeimg 0.5s ease-in-out infinite alternate; -ms-animation:shakeimg 0.5s ease-in-out infinite alternate; animation:shakeimg 0.5s ease-in-out infinite alternate;}

.miss-prize,.win-box,.pop-login,.pop-liu,.pop-tips,.shake,.challenge-fail,.challenge-success{height:100%; background:rgba(0,0,0,0.6); text-align:center; color:#fff;}
.prize-img{width:5.51rem; margin:0 auto; padding-top:1.02rem;}
.prize-img img,.win-img img{display:block; width:100%;}
.prize-txt{font:0.44rem/0.86rem \5FAE\8F6F\96C5\9ED1; padding-top:0.2rem;}
.prize-txt2{font:0.26rem/0.44rem \5FAE\8F6F\96C5\9ED1;}
.challenge-btn3 a{display:block; margin:0 auto; width:4.7rem; background-color:#169bd5;}


.win-img{width:2.55rem; margin:0 auto;}
.win-box .prize-txt{padding-top:0;}
.win-tit{padding:1rem 0 0.2rem; font:0.5rem/0.64rem \5FAE\8F6F\96C5\9ED1;}
.win-txt{font:0.44rem/0.64rem \5FAE\8F6F\96C5\9ED1; padding-bottom:0.33rem;}
.win-p{padding-top:0.26rem; font:0.26rem/0.5rem \5FAE\8F6F\96C5\9ED1;}
.win-box .challenge-btn3{margin-top:0.18rem;}
.win-box .challenge-btn{padding-bottom:0.12rem;}

.game-start{width:100%; height:100%; position:absolute; left:0; top:0; z-index:2;}
.login-box{width:6.46rem; height:4.53rem; position:absolute; left:50%; top:50%; margin:-2.26rem 0 0 -3.23rem; text-align:left; background:url(../images/pop2.png) center center no-repeat; background-size:cover!important;}
.pop-tit{padding-bottom:0.35rem; font:0.3rem/0.46rem \5FAE\8F6F\96C5\9ED1; text-align:center; font-weight:bold; color:#a40000}
.pop-login form{width:3.72rem; margin:0.1rem auto 0;}
.w-input{display:block; margin-bottom:0.1rem; width:3.72rem; height:0.53rem; font:0.22rem/0.53rem \5FAE\8F6F\96C5\9ED1; background:#fff; border:1px solid #d7b477; border-radius:0.2rem; text-indent:0.1rem; outline:none; color:#000;}
.forgot-l a{color:#7b7b7b; font-size:0.22rem;}
.f-btn{padding-top:0.1rem;}
.f-btn input,.f-btn a{display:block; margin:0 auto; width:3rem; height:0.6rem; text-align:center; -webkit-box-shadow:0px 5px 0px #e8a00f; font:0.38rem/0.58rem \5FAE\8F6F\96C5\9ED1;  background:-webkit-gradient(linear,0% 0%, 0% 100%, from(#FFD601), to(#FFF375)); color:#ec3320; border-radius:0.3rem;}
.fn-colse{position:absolute; width:0.62rem; height:0.66rem; top:0; right:0; font:0/0 a; overflow:hidden;}
.f-item{margin-bottom:0.2rem; color:#333;}
.f-item label{font:0.26rem/0.54rem \5FAE\8F6F\96C5\9ED1; width:2.2rem; text-align:right;}
.f-item label,.f-item input{float:left; display:inline;}
.f-item input{width:3.2rem; padding:0 0.1rem; border:1px solid #fcda6f; height:0.54rem; font:0.26rem/0.54rem \5FAE\8F6F\96C5\9ED1; background:#fff; color:#333; border-radius:6px; overflow:hidden;}
.f-item2{padding:0 0 0.2rem 2.2rem;}
.f-item2 input{display:inline-block; height:0.6rem; font:0.26rem/0.5rem \5FAE\8F6F\96C5\9ED1; background:-webkit-gradient(linear,0% 0%, 0% 100%, from(#FFD601), to(#FFF375)); border-radius:8px; color:#ec3320; padding:0 0.2rem; border:none;}
.f-btn input{border:0;}
.special_liu_box{padding-top:0.2rem;}

.llist{margin:0 auto; height:5rem; width:5.6rem; overflow:auto; overflow-x:hidden; color:#333;}
.llist li,.prize-txt li{border-bottom:none;}
.llist li.nodata{border-bottom:none; font-size:0.26rem;}
.getdata{border-bottom:none; font-size: 0.26rem!important; color: #fad84e;}

.llist li a,.llist li span,.llist li em{display:inline-block; vertical-align:middle;text-align:center;}
.llist li{font:0.22rem/0.52rem \5FAE\8F6F\96C5\9ED1; text-align:center;}
.llist li em{font-style:normal; width:2.4rem; text-align:center; color:#ec3320;}
.llist li.nodata,.nodata{text-align:center;}
.llist li a{background:-webkit-gradient(linear,0% 0%, 0% 100%, from(#FFD601), to(#FFF375)); border-radius:15px; color:#ec3320; padding:0 0.2rem; border:none;height:0.4rem; font:0.26rem/0.4rem \5FAE\8F6F\96C5\9ED1; }
.llist li a.noclick{color:#1f1c1c; background:#838383;}

.pbtn3{padding-top:1rem;}
.pbtn3 a{display:block; width:2.7rem; height:1.1rem; margin:0 auto;}

.cry{width:1.59rem; height:1.41rem; margin:0 auto; background:url(../images/cry.png) center center no-repeat; background-size:cover!important;}
.tip-txt{text-align:center; font:0.28rem/0.4rem \5FAE\8F6F\96C5\9ED1; color:#68410a; padding-top:0.2rem;}
.pbtn4{padding-top:0.5rem;}
.rule-con-txt{height:92%; overflow:auto; overflow-x:hidden;font-size: 0.26rem;}

@keyframes shakeimg{
	0%{transform:rotate(-8deg);}
	100%{transform:rotate(8deg);}
}
@-webkit-keyframes shakeimg{
	0%{-webkit-transform:rotate(-8deg);}
	100%{-webkit-transform:rotate(8deg);}
}
@-o-keyframes shakeimg{
	0%{-o-transform:rotate(-8deg);}
	100%{-o-transform:rotate(8deg);}
}
@-moz-keyframes shakeimg{
	0%{-moz-transform:rotate(-8deg);}
	100%{-moz-transform:rotate(8deg);}
}
@-ms-keyframes shakeimg{
	0%{-ms-transform:rotate(-8deg);}
	100%{-ms-transform:rotate(8deg);}
}

/* ipad竖屏 */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait){
	html{
		font-size: 85px!important;
	}
}