@charset "GB2312";
@media only screen and (min-width:641px) {
    body, html {
        font-size: 180px
    }
}
@media only screen and (max-width:640px), only screen and (max-device-width:640px) {
    body, html {
        font-size: 170.67px
    }
}
@media only screen and (max-width:600px), only screen and (max-device-width:600px) {
    body, html {
        font-size: 160px
    }
}
@media only screen and (max-width:540px), only screen and (max-device-width:540px) {
    body, html {
        font-size: 144px
    }
}
@media only screen and (max-width:480px), only screen and (max-device-width:480px) {
    body, html {
        font-size: 128px
    }
}
@media only screen and (max-width:414px), only screen and (max-device-width:414px) {
    body, html {
        font-size: 110.4px
    }
}
@media only screen and (max-width:400px), only screen and (max-device-width:400px) {
    body, html {
        font-size: 106.67px
    }
}
@media only screen and (max-width:375px), only screen and (max-device-width:375px) {
    body, html {
        font-size: 100px
    }
}
@media only screen and (max-width:360px), only screen and (max-device-width:360px) {
    body, html {
        font-size: 96px
    }
}
@media only screen and (max-width:320px), only screen and (max-device-width:320px) {
    body, html {
        font-size: 85.33px
    }
}
@media only screen and (max-width:240px), only screen and (max-device-width:240px) {
    body, html {
        font-size: 64px
    }
}
body {font:0.14rem Arial, "微软雅黑";color: #333333;background: url(../images/bg-index.jpg) repeat; background-size:100%;}
body, ul, ol, li, img, div, th, td, a, h1, h2, h3, p {border: 0 none;margin: 0;padding: 0;}
input,button{outline:medium;}
ul, li {list-style: none outside none;}
a:link, a:visited {color:#b95708;text-decoration: none;cursor: pointer;}
a:hover {color:#b95708;text-decoration: none;}
.FloatL {float: left;display: inline;}
.FloatR {float: right;display: inline;}
.clear {height: 0px;overflow: hidden;clear: both;zoom: 1}

/*封面内容*/
.u-logo{position:absolute;top:1.6%;left:5%;width:20%;z-index:3;}
.u-share{position:absolute;top:1.6%;right:3%;width:7%;z-index:4;}
.g-con{position:relative;z-index:2; background:url(../images/bg-index1.png) no-repeat center top;background-size:100%;padding-top:78%;}
.u-btn1,.u-btn2,.u-btn3,.u-btn4,.u-btn5,.u-btn6,.u-btn1-hui{width:1.45rem;height:0.70rem;line-height:0.70rem;padding-left:0.73rem;font-size:0.23rem;background:url(../images/u-btn1.png) no-repeat 0 0; background-size:2.18rem;display:block;margin:0 auto;}
.u-btn1-hui{background:url(../images/u-btn1-hui.png) no-repeat 0 0;background-size:2.18rem;color:#fff;}
.u-btn2{background:url(../images/u-btn2.png) no-repeat 0 0;background-size:2.18rem;}
.u-btn3{background:url(../images/u-btn3.png) no-repeat 0 0;background-size:2.18rem;}
.u-btn4{background:url(../images/u-btn4.png) no-repeat 0 0;background-size:2.18rem;}
.u-btn1:hover{background:url(../images/u-btn1.png) no-repeat 0 -0.69rem;background-size:2.18rem;color:#fff;}
.u-btn2:hover{background:url(../images/u-btn2.png) no-repeat 0 -0.69rem;background-size:2.18rem;color:#fff;}
.u-btn3:hover{background:url(../images/u-btn3.png) no-repeat 0 -0.69rem;background-size:2.18rem;color:#fff;}
.u-btn4:hover{background:url(../images/u-btn4.png) no-repeat 0 -0.69rem;background-size:2.18rem;color:#fff;}
.u-btm{position:absolute;left:0;bottom:0;width:100%;height:100%; background:url(../images/bg-bottom.png) no-repeat center bottom; background-size:100%;z-index:1;}

/*玩法规则*/
.u-back{position:absolute;top:2%;left:5%;width:30%;z-index:3;}
.g-con1,.g-con2,.g-con3{position:relative;z-index:2; background:url(../images/bg-con.png) no-repeat center top;background-size:100%;padding-top:33%;}
.g-con1 .m-play{width:94%;margin:0 3% 3% 3%;}
.g-con1 .m-play img{width:100%; display:block;}
.g-con1 .bg-play{background:#ffedcd;}
.g-con1 .m-play-con{background:#ffedcd;font-size:0.09rem;color:#1266a7;line-height:0.16rem;padding:0 5% 5% 5%;}
.g-con1 .m-play-con p{padding-left:2%;}
.g-con1 .m-play-con ul{background:#f8d8b1;padding:3%;}
/*我的作答*/
.u-tit{width:94%; text-align:center;font-size:0.14rem;color:#fff;background:url(../images/bg-answer1.png) no-repeat center top;background-size:100%;padding:5.5% 0;margin:0 auto;}
.m-answer{width:94%;color:#72bbf3;font-size:0.14rem;background:url(../images/bg-answer2.png) #00245c no-repeat center bottom;background-size:100%;margin:0 auto 4% auto;padding-bottom:65%;}
.m-answer li{padding:0 5% 5% 5%;line-height:0.25rem;}
.m-answer li span{padding-right:0.25rem;}
.m-answer li .u-sel{color:#fcdd4f;}
.m-answer li .u-right{color:#12ce3a;}
.m-answer li .u-wrong{color:#d5137c;}
/*中奖榜单*/
.m-con3{width:94%;margin:0 auto 3% auto;}
.m-con3 img{width:100%;display:block;}
.m-con3 .m-table{background:#ffedcd;}
.m-con3 .u-winbg{background:#ffedcd}

/*弹窗*/
.m-bgpop{width:100%;height:100%;background:#fff;filter:alpha(opacity = 80);/*兼容ie*/ opacity:0.8;position:absolute;top:0;left:0;z-index:10; display:block;}
.m-pop{width:94%;height:4.8rem;margin:0 auto;background:#1266a7;-moz-border-radius:0.2rem; -webkit-border-radius:0.2rem; border-radius:0.2rem;position:absolute;top:12%;left:3%;z-index:11; display:block;}
.u-close{width:0.22rem;height:0.22rem; background:url(../images/u-close.png) no-repeat center center;background-size:0.22rem;position:absolute;right:0.15rem;top:0.15rem;}
.u-close:hover{cursor:pointer;}
.m-submit{width:90%;margin:0 auto;padding-top:0.8rem;}
.m-subtt{color:#fff;font-size:0.15rem;text-align:center;}
.m-submit ul{padding-top:0.3rem;}
.m-submit ul li{width:100%;height:0.35rem;line-height:0.35rem; border-bottom:1px solid #2ba2e7;margin-top:0.35rem;}
.m-submit ul li input{font-size:0.2rem;color:#2ba2e7;background:none;border:none;width:68%;/*height:0.35rem;line-height:0.35rem;*/height:0.2rem;padding:0.07rem 0;}
.m-submit ul li .u-code{width:0.53rem;height:0.2rem;}
.m-submit ul li a{margin-left:4px;width:0.2rem;height:0.2rem;}
.m-submit ul li a img{width:0.2rem;height:0.2rem;}
.m-submit .f-fr{font-size:0.15rem;color:#fac53b;float:right;padding-right:1%;margin-top:0.08rem;}
.m-wait,.m-wait1,.m-write{width:100%;height:0.7rem;text-align:center;color:#fff;font-size:0.2rem;line-height:0.35rem;margin:0 auto;background:url(../images/u-time.png) no-repeat center 1.2rem;background-size:0.91rem;padding-top:2.30rem;}
.m-wait1{background-image:url(../images/u-page.png);background-size:0.68rem;}
.m-write{height:auto;background-image:url(../images/u-gift.png);background-size:0.68rem;}
.m-con2-btn{width:2.18rem;margin:1rem auto 0 auto;}
.m-con2-btn input{width:2.18rem;margin:0;border:none;cursor:pointer;color:#b95708;height:0.70rem;line-height:0.50rem;padding-left:0.5rem;}
.u-btn5{background:url(../images/u-btn5.png) no-repeat 0 0;background-size:2.18rem;}
.u-btn5:hover{background:url(../images/u-btn5.png) no-repeat 0 -0.69rem;background-size:2.18rem;}

/*答题页面*/
.g-con4{padding-top:40px;width:94%;margin:0 auto;font-size:0.2rem;color:#fff;text-align:center;}
.u-title{position:absolute;right:7%;color:#fff!important;}
.u-tit1{height:40px;line-height:40px;}
.u-tit1 .u-title::after{content:'';width:0.22rem;height:0.08rem;background: url(../images/u-down.png) no-repeat center center;background-size:0.14rem;display:inline-block; position:relative;top:-0.03rem;left:0.03rem;}
.m-con-1,.m-con-2,.m-con-3{background:url(../images/bg1.png) #0a3261 no-repeat center bottom; background-size:100%;padding:20px 0.2rem 0 0.2rem;}
.m-con-2{background-image:url(../images/bg2.png)}
.m-con-3{background-image:url(../images/bg3.png)}
.m-con-1-tt{line-height:0.3rem;}
.u-sel{margin-top:0.2rem;}
.u-sel li{width:1.5rem;height:0.3rem;line-height:0.3rem;border:2px solid transparent;margin:0.15rem auto;}
.u-sel li:hover{color:#fcdc52;border:2px solid #efe31e; }
.u-sel .on{color:#fcdc52;border:2px solid #efe31e;}
.m-con-1-btn input{border:none;width:2.18rem;height:0.70rem;line-height:0.50rem;color:#b95708;padding-left:0.5rem;}
.g-sel{position:absolute;top:80px;right:6%;width:87.5%;border:1px solid #fff;background-color:#fac53b;color:#c99f31;line-height:0.34rem;padding:0.05rem 0; z-index:5;}
.g-sel::before{content:'';position:absolute;width:0.08rem;height:0.08rem;top:-0.05rem;right:2%;transform:rotate(45deg); background-color:#fac53b;border-left:1px solid #fff; border-top:1px solid #fff;}
.g-sel span{width:21%;margin:0.05rem 2%;float:left;}
.g-sel span.u-on{color:#fff; background:#0f4583;}
.g-sel span.u-past{color:#0a3262;}
.u-tips{color:#fac53b;font-size:0.15rem}

@media only screen and (min-width:641px) {
	.g-con{padding-top:65%;}
	.m-pop{top:10%;}
	}
@media screen and (min-width:539px) and (max-width:541px){
	.g-con{padding-top: 72%}
	.m-pop{top:10%;}
}
@media screen and (min-width:359px) and (max-width:361px){
	.g-con{padding-top: 72%}
	.m-pop{top:10%;}
}
@media only screen and (max-width:320px), only screen and (max-device-width:320px) {
    .g-con{padding-top:68%;}
	.m-pop{top:10%;}
}