@charset "utf-8";
/* CSS Document */
body,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,pre,code,form,legend,b,button,input,textarea,blockquote{margin:0;padding:0;}
img,abbr,acronym{border:0;}
table td{word-break:break-all;}
table{border-collapse:collapse;border-spacing: 0;}
caption,th{text-align:left;}
ol,ul{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:700;}
input,button,textarea,select{font-size:inherit;*font-size:100%;font-family:inherit;}
address,cite,dfn,em,code,var,caption,th{font-style:normal;font-weight:normal;}
q:before,q:after{content:'';}
wbr:after{content:'\00200b';}
input::-webkit-input-placeholder { color:#747474 !important; font-weight:normal;}
/* Basic */
*{ word-wrap:break-word; outline:none; box-sizing:border-box;}
*::selection,*::-moz-selection{background:#669bb7; color:#fff;}

.fl{ float:left}
.fr{ float:right}
.clb{ clear:both}
.hidden{ overflow:hidden}
input::-webkit-input-placeholder {color:#FFF;}
a:link,a:visited,a:hover,a:active{text-decoration:none;}
.icheckbox_square-blue,.iradio_square-blue { margin-bottom:2px !important;}
input[type="submit"],input[type="reset"],input[type="button"],button { -webkit-appearance: none;}
.red { color:#e60012;}
.blue { color:#52ffff;}
.organ { color:#ff9f40;}
.grey { color:#999;}
.white { color:#fff;}
.yellow { color:#ffc820;}
.bg-w { background:#ffffff;}
.bg-g { background:#afafaf;}
.bold{font-weight: bold;}
.w100 { width:100% !important;}
.w80 { width:80%;}
.w70 { width:70%;}
.w50 { width:50%;}
.w33 { width:33.333333%;}
.w30 { width:30%;}
.w25 { width:25%;}
.w20 { width:20%;}

.mt1m { margin-top:.1rem !important;}
.mb1m { margin-bottom:.1rem !important;}
.mt2rem { margin-top:.2rem;}
.mb2rem { margin-bottom:.2rem;}
.mt4rem { margin-top:.4rem;}

.pd10{ padding:.1rem;}
.pd15{ padding:.15rem;}
.pd20{ padding:.2rem;}

.po-r { position:relative;}
.po-a { position:absolute;}
.po-f { position:fixed;}

.img-middle { vertical-align:middle;}
.img-mv { height:1em; vertical-align:middle; margin-bottom:2px;}

.fz30{ font-size:.3rem;}
.fz32{ font-size:.32rem;}
.fz28{ font-size:.28rem;}
.fz26{ font-size:.26rem;}
.fz24{ font-size:.24rem;}
.fz22{ font-size:.22rem;}
.fz20{ font-size:.2rem;}
.fz18{ font-size:.18rem;}

.bg-w { background-color:#ffffff;}
.bor { border:1px solid #eeeeee;}
.bor-t { border-top:1px solid #cccccc;}
.bor-l { border-left:1px solid #cccccc;}
.bor-b { border-bottom:1px solid #cccccc;}
.bor-r { border-right:1px solid #cccccc;}
.bor-none { border:none;}
.bor-r50 { border-radius:50%;}

.color333 { color:#333333;}

.tx-c { text-align:center}
.tx-r { text-align:right;}
.underline { text-decoration:underline !important;}
.in-2em { text-indent:2em;}

.block { display:block;}
.inline-block{ display:inline-block;}
.none { display:none !important;}
.box-bor { box-sizing:border-box;}
.o-f { overflow:hidden;}
.bgFFF{background-color: #fff;}
.tf-tlX50{ left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%);}/*2020.10.10改*/
.tf-tlY50{ top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}/*2020.10.10改*/
.img-block { display:block; width:100%;}
.mc { margin:0 auto;}
.clearFloat{ zoom:1;/*针对IE6、IE7*/}
.clearFloat:after{ content:""; display:block; height:0; font-size:0; overflow:hidden; clear:both;}

body{ font:.24rem/1.5 '微软雅黑'; font-size:.24rem; background-color:#1a032d; color:#272423;}
.wrap { max-width:640px; margin:0 auto;}
.wrap a.block {}

.share-friend { height:100%; background:rgba(0,0,0,.8) url(../images/share.png) no-repeat 95% top; background-size:7.37rem 6.80rem; z-index:9999; top:0; left:0; display:none;}
/*弹窗模块*/
.modal{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:99; text-align:left; display:none;}
.mod-bg{ width:100%; height:100%; position:absolute; background-color:rgba(0,0,0,0.8);}
.mod-area { width:5.8rem; margin:0 auto; position:relative; z-index:99; top:50%; -webkit-transform:translateY(-50%); border-radius:.12rem; background:url(../images/mod-tit-bg.png) no-repeat; background-size:100% 100%; padding-bottom: .3rem;}
.mod-area2{ background-image:url(../images/mod-con-bg.png);}
.mod-hide.off { position:absolute; width:.44rem; height:.44rem; top:-.5rem; right:-.13rem; background:url(../images/off.png) no-repeat; background-size:100% 100%;}
.mod-tit { width:100%; height:.6rem; background-size:.76rem .38rem; text-align:center; font-weight:bold; font-size:.32rem; line-height:.6rem; border-radius:.12rem .12rem 0 0;}
.fz38{ font-size:.38rem !important;}
.fz55{ font-size:.55rem;}
.mod-tit-b{ position:relative; top:-.7rem;}
.mod-tit-b img{ width:1.53rem; height:1.33rem; position:relative; top:-.15rem;}
.mod-con { width:100%; height:auto; padding:.1rem .4rem .25rem .4rem; overflow-y:auto;overflow-x: hidden; background-size:100% 100%; border-radius:.12rem;}
.mod-con::-webkit-scrollbar { width:0; height:0}
.mod-con p { margin-bottom:.12rem; font-size:.22rem; white-space:normal; word-break:break-all;}
.mod-btn { width:100%; height:auto; padding:.1rem 0; text-align:center;}
.mod-a { display: inline-block; margin:0 auto; width:4.77rem; height:1.41rem; background:url(../images/btn-l-b.png) no-repeat; background-size:100% 100%; text-align:center; font-weight:bold; font-size:.24rem; line-height:1.4rem; color:#fff;}
.mod-no { width:2.5rem; height:.79rem; line-height:.75rem; font-size:.32rem; background-image:url(../images/btn-r-b.png);}
.mod-yes { width:2.5rem; height:.79rem; line-height:.75rem; font-size:.32rem; background-image:url(../images/btn-r-b.png);}
.mod-d{ width:2.2rem; margin:0 .1rem;}
.mod-btn-o{ background-image:url(../images/btn-o-b.png);}
.mod-con img{ width:2rem; height:2rem; display:block; margin:0 auto;}
.mod-btn2{ position:absolute; bottom:-.4rem;}

.giftTabWrap{ padding:.1rem .2rem; border:.02rem solid #3be2ea; border-radius:.15rem;}
.giftTab tr{ height:.76rem;}
.bor-b-b{ border-bottom:.01rem solid #5f51cb;}
.getBtn{ width:1.4rem; height:.5rem; line-height:.46rem; background:url(../images/btn-r-b.png) no-repeat; background-size:100% 100%;}
.getBtn-g{ background-image:url(../images/btn-b-g.png);}
.getBtn-b{ width:3.61rem; height:1.51rem; line-height:1.45rem; background-image:url(../images/btn-b-b.png);}
/*错误提示模块*/
.error { width:100%; height:100%; position:fixed; left:0; top:0; z-index:199; text-align:left; display:none;}
.err-area { width:80%; text-align:center; padding:.3rem; color:#fff; background:rgba(0,0,0,.8); font-size:.28rem; border-radius:.12rem; position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}

/* index */
.index{ background:url(../images/index-bg.png) no-repeat; background-size:100% 100%;}
.banner{ width:76.4%; min-height:9%; left:51.1%; top:77.5%; transform:translateX(-50%); -webkit-transform:translateX(-50%);}
.guagua{ width:61.7%; height:9.7%; left:50.5%; top:59.5%;}/*2020.10.10改*/
#redux{ width:100%; height:100%; position:relative; z-index:9;}/*2020.10.10新增*/
.zIndex10{ z-index:10;}/*2020.10.10新增*/
.guagua div{ position:absolute; width:100%; height:100%;}
.percent{ height:100%; line-height:.42rem; background:url(../images/bg.png) no-repeat; background-size:100% 100%;display:flex; display:-webkit-flex; justify-content:space-around; -webkit-justify-content:space-around; flex-direction:column;/*灵活的项目将垂直显示*/ -webkit-flex-direction:column; text-align:center !important; z-index:3;}
#wScratchPad img{ z-index:2;}
#wScratchPad canvas{ z-index:4;}
.ruleBtn{ width:2.47rem; height:7%; line-height:.79rem; left:6%; top:91%; background:url(../images/btn-b.png) no-repeat; background-size:100% 100%;}
.giftBtn{ width:2.47rem; height:7%; line-height:.79rem; right:6%; top:91%; background:url(../images/btn-r.png) no-repeat; background-size:100% 100%;}

/*answers.html*/
/*.answers{ background:url(../images/problem-bg.png) no-repeat; background-size:100% 100%;}
.answerWrap{ width:92%; padding:6%; top:35%; background:url(../images/problem-tit-bg.png) no-repeat; background-size:100% 100%;}
.answer-tit{ padding-bottom:5%; border-bottom:.01rem dashed #775ff2;}
.topic-ul{ width:85%; margin:5% auto; margin-bottom:9%;}
.topic-ul li{ margin-bottom:4%; background:url(../images/sel-icon.png) no-repeat right center; background-size:.31rem .31rem;}
.topic-ul .answer-now{ background-image:url(../images/sel-now-icon.png);}
.answer-submit{ width:3.61rem; height:1.51rem; line-height:1.45rem; bottom:-.75rem; background-image:url(../images/btn-b-b.png); background-size:100% 100%;}
.answer-banner{ width:76.4%; min-height:9%; left:49.84%; top:76.6%; transform:translateX(-50%); -webkit-transform:translateX(-50%);}*/


.shareWrp{ width:62%; height:10%; left:50%; top:58.8%; transform:translateX(-50%); -webkit-transform:translateX(-50%);display:flex; display:-webkit-flex; justify-content:space-around; -webkit-justify-content:space-around; flex-direction:column;/*灵活的项目将垂直显示*/ -webkit-flex-direction:column;}
.share-qr{ width:1.76rem; height:1.76rem;}
.qr-wrap{ width:100%; left:0; top:78%;}

/*userMsg.html*/
.user-msg{ width:90%; top:37%; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%);}
.userMsgWrap{ background:#f7f9f9; border-radius:.12rem;}
.msg-txt{ width:5.26rem; height:1.95rem; top:1.2rem;}
.gameTimes{ width:100%; margin-bottom:.12rem;}
.userMsgWrap{ padding:3% 4%; padding-bottom:2%;}
.msgBox p { padding-left:.4rem; background:url(../images/icon01.png) no-repeat left .12rem; background-size:.28rem .3rem; margin-bottom:2%;}
.msgBox p:last-child{ margin-bottom:0;}
.msgBox p label{ width:27%; height:.55rem; font-size:.28rem; line-height:.55rem; display:inline-block;text-align:justify;text-justify:inter-ideograph;}
.msgBox .icon02{ background-image:url(../images/icon02.png);}
.msgBox .icon03{ background-image:url(../images/icon03.png);}
.msgBox .icon04{ background:url(../images/icon04.png) no-repeat left center; background-size:.3rem .25rem;}
.msgBox p label span{ display:inline-block; width:100%;}
.msgBox p input{ width:70%; height:.55rem; margin-left:2%; text-indent:.3em; background:#fff; border:1px solid #5b5c5c;}
.msgBox p textarea{ width:70%; height:1rem; margin-left:2%; text-indent:.3em; background:#fff; border:1px solid #5b5c5c;}
.userMsg-btn-box a{width:2.76rem; height:1.0rem; font-size:.36rem; line-height:.92rem; background:url(../images/btn-ql.png) no-repeat; background-size:100% 100%; margin-top:4%;}
.userMsg-btn-box .tj-btn2{ background-image:url(../images/btn-dh.png);}