@charset "utf-8";
/* CSS Document */

/*手机端样式*/
img{-webkit-user-select:​ none}

* { margin: 0; outline: 0; padding: 0; font-size: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 
 	              -webkit-touch-callout:none; }
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
a { text-decoration: none; color:#808080;}
a:hover { text-decoration:none; color:#808080;}
a:active{ text-decoration: none; color:#808080;}
html { height: 100%;font-size: 62.5%;background:#fff;}
body { margin: 0; padding: 0; width: 100%;font-family:Microsoft Yahei,SimHei, Arial, Helvetica, sans-serif; 
  -webkit-touch-callout: none;  max-width:640px;
display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-align: stretch; position: relative; color:#666666; 
background:url(../images/bg.jpg) no-repeat top center; background-size:100% 100%; }
img { -ms-interpolation-mode: bicubic; vertical-align: middle; border: 0 none;max-width: 100%;height: auto;width: auto\9; /* ie8 */ vertical-align:top;}
img:not([src*="/"]) { display: none; }
table { border-collapse: collapse; border-spacing: 0; width: 100%; }
th, td, caption { vertical-align: middle; }
textarea { resize: none; border: 0; padding: 8px 0; border-radius: 0;}
ul,li { list-style: none; margin:0; padding:0; }
h1,h2,h3,h4,h5,h6 {margin:0; padding:0; font-weight:normal;}
.l{float:left;}
.r{float:right;}
.clr:after {content:""; display:block; height:0; clear:both; visibility:hidden;}
.clr {*zoom:1;height:0;}

.main{  width:100%; max-width:750px;  margin:0 auto; position:relative;}


/*客户端链接出现黄边和灰层解决办法*/

a,a:focus,input,input:focus,div,span,input[type=submit],li,body,textarea{-webkit-appearance:none;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0);-moz-tap-highlight-color:rgba(0,0,0,0);-webkit-text-stroke: none;text-stroke: none;-moz-text-stroke: none;}
input::-webkit-input-placeholder,isindex::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#999;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption,video,summary,details,articel{ display: block; }
.banner{position:relative; width:100%; height:4.8rem;}
.banner .rule{position:absolute; top:0.3rem; right:0.3rem;  width:1.38rem; height:0.37rem;}

.question_box{width:6.04rem; height:5.4rem;  margin:0 auto;position:relative; }
.question_box .tit{width:2.41rem; height:0.46rem; position:absolute; top:0.14rem; left:-0.1rem; background:url(../images/tit.png) no-repeat; background-size:contain;}
.question_box .top{width:4.84rem; height:4.44rem;  margin:0 auto;position:relative; background:#fff; box-shadow:0 4px 16px #316b99; padding:0.87rem 0.6rem 0 0.6rem; font-size:0.265rem; }
.question_box .pic{width:4.84rem;height:01.44rem; display:inline-block; text-align:center; margin-top:0.27rem; line-height:0.57rem; font-size:0.24rem;}

.question_box .btn{width:100%;height:0.57rem; display:inline-block; text-align:center; margin-top:1.45rem; line-height:0.57rem; font-size:0.24rem;}
.question_box .active{border:1px dashed #c90b0b; color:#c90b0b;width:1.9rem; height:0.27rem;border-radius:0.2rem; padding:0.2rem;}
.question_box .active span{border:1px solid #c90b0b; color:#c90b0b; width:0.4rem; height:0.4rem; display:inline-block;line-height:0.4rem; margin-right:0.11rem;border-radius:0.2rem;-webkit-border-radius:0.2rem;}
.question_box .btnStyle{width:1.9rem; height:0.27rem;border-radius:0.2rem; padding:0.2rem; color:#757575; font-weight:400;}
.question_box .btnStyle span{ border-radius:0.2rem;-webkit-border-radius:0.2rem; border:1px solid #757575; width:0.4rem; height:0.4rem; display:inline-block;line-height:0.4rem; margin-right:0.11rem;}

.question_box .bottom{width:6.04rem; height:1.41rem; background:url(../images/ok_btn.png) no-repeat top center; background-size:contain; position:absolute; top:5rem; left:0; z-index:2; text-align:center;}
.question_box .btnOK{width:1.85rem; height:0.18rem; padding:0.2rem 0.2rem 0.2rem 0.2rem; color:#fff;background:url(../images/ok.png) no-repeat top center; background-size:100% 100%;font-size:0.30rem;display:inline-block;line-height:0.18rem;}

.rule_box{width:5.81rem; margin:0 auto; margin-top:1.31rem; }
.state_box{width:5.81rem;height:2.95rem;  margin:0 auto;margin-top:0.31rem; }
.footer_box{width:5.81rem;margin:0.2rem auto 0.2rem auto;color:#336699; font-size:0.16rem; text-align:justify;}


.fade{display:none; width:100%; height:100%; position:fixed; top:0%; left:0; z-index:90; background:#000; opacity:0.7;}

/**领取奖励登陆**/
.login{display:none; width:5.7rem; max-width:640px; height:4.64rem; position:fixed; top: 1.8rem; margin-left:-3.03rem; left:50%; z-index:99; background:url(../images/loginbg2.png) no-repeat top center; background-size:100% auto; padding:1.3rem 0 0 0.35rem;}
.login .btn{ margin:0.29rem auto 0 auto; display:block; background:#bf0008; font-size:0.26rem; width:1.9rem; height:0.49rem; line-height:0.49rem; color:#fff; text-align:center;}
.login .input1{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 2px;
    display: block;
    outline: 0;
    padding: 0.08rem 0.08rem 0.08rem 0.2rem;
    border: 1px solid #d7d7d7;
    background-color: #fff;
    line-height: 0.7rem;
    height: 0.52rem;
	color:#333;
    margin:0.22rem 0 0 0.2rem;
	width:4.64rem;
	font-size:0.24rem;
	box-shadow:inset 0 0 0.13rem #dadada;
	-webkit-box-shadow:inset 0 0 0.13rem #dadada;
	z-index:1000;
}
.login .input2{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 2px;
    display: inline;
    outline: 0;
    padding: 0.08rem 0.08rem 0.08rem 0.2rem;
    border: 1px solid #d7d7d7;
    background-color: #fff;
    line-height: 0.7rem;
    height: 0.52rem;
	color:#333;
    margin:0.1rem 0 0 0.2rem;
	width:1.8rem;
	font-size:0.24rem;
	box-shadow:inset 0 0 0.13rem #dadada;
	-webkit-box-shadow:inset 0 0 0.13rem #dadada;
	text-align:left;
	z-index:1000;
}
.login span{width:3rem;height: 0.68rem;vertical-align:bottom; display:inline-block; margin-left:0.1rem; padding-top:0.1rem;}
.login span img{ width:0.9rem; height:0.68rem;vertical-align:bottom; }
.login span a{ font-size:0.22rem; display:inline;vertical-align:bottom; color:#fff; }
.closelo{width: 0.68rem;height: 0.68rem; position:absolute;	top: -0.26rem;	right: -0.1rem; z-index:1000;}
.txt{display:block; line-height:0.5rem; z-index:999;}


/**获得翻倍卡**/
.success{display:none; width:6.40rem; max-width:640px; height:7.75rem; position:fixed; top: 0.2rem; margin-left:-3.2rem; left:50%; z-index:99; background:url(../images/succ.png) no-repeat top center; background-size:100% auto;}
.success .btn{ margin-top:2.72rem; margin-left:1.8rem; }
.success .touzibtn{ width: 3.49rem;height: 0.72rem; position:absolute;	top: 7rem;right: 1.4rem; z-index:1000;} 

.closesu{width: 0.68rem;height: 0.68rem; position:absolute;	top: 0.86rem;right: 0.1rem; z-index:1000;}


/**输入错误提示**/
.fail{display:none; width:5.20rem; max-width:640px; height:1rem; padding:0.8rem 0.3rem 0 0.3rem; position:fixed; top: 3.2rem; margin-left:-2.9rem; left:50%; z-index:99; background:url(../images/red.png) no-repeat top center; background-size:100% auto;}
.fail p{ font-size:0.21rem; color:#333333; text-align:center}
.fail .btn{ margin-top:2.72rem; margin-left:1.8rem; }
.closehide{width: 0.68rem;height: 0.68rem; position:absolute;top: -0.26rem;	right: -0.1rem; z-index:1000;}



/**规则**/
.guize{display:none; width:5.81rem; max-width:640px; height:8.5rem; position:fixed; top: 0.6rem; margin-left:-2.95rem; left:50%; z-index:99; background:url(../images/state2.png) no-repeat top center; background-size:100% auto;}
.closegz{width: 0.68rem;	height: 0.68rem;   position:absolute;top: -0.26rem;right: -0.1rem; z-index:1000;}
.gzsure{    width: 1.98rem;
    height: 0.68rem;
    position: absolute;
    top: 7.46rem;
    right: 2.0rem;
    z-index: 1000;}