/*首页*/
.logo { position: absolute; left: 1.5rem; top: 1.5rem; width: 30%}
.t-index { display: block; width: 100%; margin: 6% auto 0 auto}
.i-btn {position: absolute; left: 30%; bottom: 8%; width: 40%; text-align: center}
.go-btn { display: block;}
.go-btn img { width: 100%}
.rule-btn{ display: inline-block; background: url("../images/ar.png") right center no-repeat; background-size: 1.2rem; padding-right: 1.4rem; font-size: 1.2rem; color: #c10a25; margin-top:1rem }
.rule { display: block;position: fixed; left: 50%; top: 50%; width: 90%; margin-left: -45%; z-index: 3;}
.rule img { width: 100%}
.rule-box {background: url("../images/rule-bg.png") 0 0 repeat-y; background-size: 100%; padding: 1rem 0}
.rule-box p { color: #dc0000; font-weight: bold; font-size: 1.2rem; padding-left:2.5rem;line-height: 150%; margin:0 1rem}
.rule-box p.r-icon01 { background: url("../images/icon07.png") 0 center no-repeat; background-size: 1.5rem;}
.rule-box p.r-icon02 { background: url("../images/icon09.png") 0 center no-repeat; background-size: 1.5rem;}
.rule-box p.r-icon03 { background: url("../images/icon08.png") 0 center no-repeat; background-size: 1.5rem;}
.rule-box p.r-icon04 { background: url("../images/icon10.png") 0 center no-repeat; background-size: 1.5rem;}
.rule-box em,.rule-box b { display: block; font-style: normal; }
.rule-box em {padding: 0 2rem .5rem 2.5rem; border-bottom: .1rem solid #c3c3c3; margin: 0 1rem 1rem 1rem; font-size: 1.1rem}
.rule-box b {border-top: .1rem solid #bab9ba; padding:1.5rem 1.5rem 0 1.5em; line-height: 150%; margin: 1.5rem 0; font-weight: normal}
.pop-bg { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.85); z-index:2}
.close-btn { float: right; display: block; width: 2.5rem; height: 2.5rem; background: url("../images/close.png") 0 0 no-repeat; background-size: 100%; margin: 0 0 1rem 0}

/*答题*/
.line { position: fixed; left: 0; bottom: 1%; width: 100%; z-index: -1}
.a-title { display: block; width: 70%; margin: 10% auto 5% auto}
.a-box { margin:0 1rem;}
.box { border: .1rem solid #cca046; background: #fff; padding-bottom: 1rem;font-size: 1.1rem; margin-bottom: 1rem}
.box p { position: relative; font-weight: bold; padding:.5rem 1rem .5rem 3rem; background: #cca046; color:#fff; margin-bottom: 1rem; min-height: 2rem;}
.box p i {
	position: absolute; left: 0; top: 0;
	background: url("../images/ar-top.png") 0 0 no-repeat; background-size: 3rem;
	width: 2.5rem; height:2.8rem; display: block; font-size: 1.2rem; font-style: normal; padding: .2rem 0 0 .5rem;
}
.box ul li { line-height: 150%; padding: .2rem 1rem}
.box ul li.hover { color: #d61419}
.a-btn { display: block; width: 40%; margin: 1rem auto}
.a-btn img { width: 100%}
.pop {position: fixed; left: 50%; top: 50%; width: 90%; margin-left: -45%; z-index: 3;}
.pop img { display: block; width: 90%; margin: 0 auto}
.pop div {background: url("../images/pbg.png") 0 0 repeat; border-radius: .5rem; text-align: center; overflow: hidden}
.pop h1 { clear: both; font-size: 1.4rem; padding: 1rem; color: #d61419}
.pop p {background: #cca046; font-size: 1.2rem; padding: 1rem 0; color: #fff}
.pop a.p-btn { display: block; margin: 2rem auto;background: #c10a25; width: 40%; text-align: center; border-radius: .5rem; padding: .8rem 0; font-size: 1.4rem; color: #fff;}

.from-bg { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: -1}

.tab { width: 90%; margin: 55% auto 0 auto;}
.tab img { display: block; width: 100%}
.tab ul { padding: 2rem; background:url("../images/f-bg.png") 0 0 repeat-y; background-size: 100%; overflow: hidden}
.tab ul li { position: relative; border: .1rem solid #cca046; padding: 0 .5rem 0 7rem; height: 3rem; margin-bottom: 1rem}
.tab ul li:last-child { margin-bottom: 0}
.tab ul li span { position: absolute; left: .5rem; top: .5rem; display: inline-block; color: #444; font-size: 1.1rem; line-height: 2rem; width: 4rem; padding-left: 1.7rem;border-right: .1rem solid #cca046;}
.tab ul li.link01 span { background: url("../images/icon01.png") 0 center no-repeat; background-size: 1.5rem}
.tab ul li.link02 span { background: url("../images/icon02.png") 0 center no-repeat; background-size: 1.5rem}
.tab ul li.link03 span { background: url("../images/icon03.png") 0 center no-repeat; background-size: 1.5rem}
.tab ul li.link04 span { background: url("../images/icon04.png") 0 center no-repeat; background-size: 1.5rem}
.tab ul li.link05 span { background: url("../images/icon05.png") 0 center no-repeat; background-size: 1.5rem}
.tab ul li.link06 span { background: url("../images/icon12.png") 0 center no-repeat; background-size: 1.5rem}
.tab ul li input[type=text],.tab ul li select {width: 100%; line-height: 3rem; background: none; font-size: 1.1rem}
.tab ul li.link04,.tab ul li.link05 { background: url("../images/right.png") 96% center no-repeat; background-size: 1.5rem}
.tips { text-align: center; color: #c91b1d; padding: 1rem 0; font-size: 1.1rem;}
.go-r { display: block; width: 40%; margin: 1rem auto}
.go-r img { width: 100%}

.t-box { padding:1rem 2rem 0 2rem; background:url("../images/f-bg.png") 0 0 repeat-y; background-size: 100%; }
.t-box p {color: #c91b1d; font-size: 1.1rem; border-bottom: .1rem solid #b5b5b5; padding-bottom: 1rem; line-height: 150%}
/*---------------------------------------------*/


.go {
	display: inline-block;background: #c10a25; width: 40%; text-align: center; border-radius: .5rem; padding: .8rem 0; font-size: 1.4rem;
	position: fixed; left: 30%; bottom: 5%; z-index: 1; cursor: pointer; color: #fff;
}
.jp-btn {background: url("../images/ar.png") right center no-repeat; background-size: 1.2rem; padding-right: 1.4rem; font-size: 1.1rem; color: #c10a25}
.jp-btn {position: absolute; right: 10%; bottom: 15%; }





.r-title { display: block; width: 80%; margin: 15% auto 5% auto}
.r-box { background: rgba(255,255,255,.5); border:.1rem solid #c5c5c5; margin:0 1rem; border-radius: .5rem; font-size: 1.1rem; overflow: hidden}
.game-box { padding-top: .5rem; overflow: hidden}
.game-box li { width: 33.3333%; float: left; margin-bottom: .5rem}
.face,.back { display: block; width: 90%; margin: 0 auto}
.back { display: none;}
.pop dl {border-bottom: .1rem solid #bab9ba; padding: 1rem 0}
.pop dl dd { text-align: left; padding-left: 15%; font-size: 1.1rem; line-height: 150%}

.view-box { width: 80%; margin: 10% auto 0 auto}
.view-box h1 { color: #d61419; font-size: 1.4rem; background: url("../images/icon11.png") 0 center no-repeat; background-size: 1.5rem; padding-left: 1.8rem; margin-bottom: 1rem}
.view-box ul { border-top:.1rem solid #bababa;border-bottom:.1rem solid #bababa; padding:.5rem 0 1rem 0}
.view-box ul li { font-size: 1.1rem; padding-top: .5rem }
.view-box ul li i{color: #d61419; padding-left: 1.8rem; font-style: normal; display: block}
.view-box ul li.nm i { background: url("../images/icon09.png") 0 center no-repeat; background-size: 1.5rem;}
.view-box ul li.pw i { background: url("../images/icon10.png") 0 center no-repeat; background-size: 1.5rem;}
.view-box ul li span { display: block; padding-left: 1.8rem}
.view-box em { font-style: normal;color: #d61419; display: block; padding-left: 1.8rem; line-height: 3rem; font-size: 1.1rem}


.f-btn {position: absolute; left: 5%; bottom: 8%; width: 90%; text-align: center}
.f-btn a { float: left; display: block; width: 40%; margin: 0 5%}
.f-btn img { width: 100%}

.share { display: none; position: fixed; left: 0; top: 0; width: 100%; z-index:3}
.share img { width: 80%; margin:3% 0 0 15%}
.content { width: 90%; margin: 20% auto 0 auto;}
.content img { display: block; width: 100%}
.con { padding: 0 .5rem; background:url("../images/f-bg.png") 0 0 repeat-y; background-size: 100%;}
.con table { border-collapse: collapse; width: 100%}
.con table td { border-bottom: .1rem solid #dadada; text-align: center; font-size: 1.1rem; line-height: 3rem}
.con table thead td { background: #cca046; color: #fff; font-weight: bold}
.con table tr:last-child td { border-bottom: 0}

.top { display: block; width: 85%; margin: 15% auto 0 auto}
.code { border: .1rem solid #c91b1d; padding: 1rem; width: 10rem; margin: 0 auto}
.code img { width: 10rem; height: 10rem; border: .1rem solid #c91b1d}
.text { text-align: center; font-size: 1.1rem; color: #c91b1d; padding-top: 1rem}

.footer { position: fixed; left: 0; bottom: 2%; width: 100%; z-index: -1}

.t01 { display: block; width: 90%; margin: 5% auto 0 auto}

/* 大转盘样式 */
.turn-t { display: block; width: 85%; margin: 8% auto 0 auto}
.result-tp { display: none;position: fixed; left: 50%; top: 50%;width: 90%; height: 15rem; margin:-7.5rem 0 0 -45%; border-radius: 1rem; z-index: 5; background: url("../images/pbg.png") 0 0 repeat}
.pop-close-btn { float: right; background: url("../images/close.png") 0 0 no-repeat;  background-size: 2rem; width: 2rem; height: 2rem; display: inline-block; margin-top: -4rem;}
.t { display: block; width: 80%; margin: -5% auto 0 auto}
.result-tp h1 { display: none; text-align: center; font-size: 1.2rem; color: #ff2448;}
.jp-text { font-size: 1.2rem; height: 12.8rem; position: relative}
.tbg { position: absolute; left: 0; bottom: 0; width: 100%; z-index:-1}
.jp-text p { color: #d61419; text-align: center; line-height: 150%; padding: 1.5rem; height: 5rem;}
.jp-text a { display: block; width: 50%; margin: 0 auto; background: #d61419; font-size: 1.4rem; font-weight: bold; border-radius: .5rem; text-align: center; color: #fff; padding: .5rem 0}

.turntable-bg { width: 24rem; height: 24rem; margin: 2% auto 0 auto; position: relative; background: url("../images/sign/turntable_bg.png") no-repeat center center; background-size: 24rem;}

.turntable-bg .pointer {
	width: 8rem;
	height: 8rem;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -4rem;
	margin-top: -4rem;
	z-index: 1;
	transform:rotate(-2deg);
	-webkit-transform:rotate(-2deg);
	cursor:pointer;
}
.turntable-bg .pointer img { width: 100%}
.turntable-bg .rotate { width: 22rem;height: 22rem; position: absolute; left: 1rem;top: 1rem;}
.turntable-bg .rotate img { width: 100%}

/*错误与成功弹窗*/
.pop-box {position: fixed; left: 50%; top: 50%;width: 80%; height: 12rem; margin:-6rem 0 0 -40%; border-radius: 1rem; z-index: 5; background: url("../images/pbg.png") 0 0 repeat}
.pop-box a.close { float: right; background: url("../images/close.png") 0 0 no-repeat;  background-size: 2rem; width: 2rem; height: 2rem; display: inline-block; margin-top: -3rem;}
.pop-box div { font-size: 1.2rem; height: 12rem; position: relative;}
.pop-box div p { color: #d61419; text-align: center; line-height: 150%; padding-top: 2rem; height: 5rem;}
.pop-box div a { display: block; width: 50%; margin: 0 auto; background: #d61419; font-size: 1.4rem; font-weight: bold; border-radius: .5rem; text-align: center; color: #fff; padding: .5rem 0}


.f { position: fixed; left: 0; top: 0%; width: 100%; height:100%; z-index: -1}
.about { width: 85%; margin: 14% auto 0 auto}
.about img{ width: 100%}
.about a { display: block; width: 50%; margin: 5% auto 2% auto}

.tab input[type=button] { position: absolute; right: 0; top: 0; background: #cca046; color: #fff; font-size: 1.1rem; line-height: 3rem; width: 7rem; border-left: .1rem solid #cca046}
.tab input[type=button].abc { background: #999}