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

/*-----------------------------全局样式-------------------------------------*/
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,span,a,input,textarea,p,blockquote,th,td,header,nav,footer,article,section,aside,time,figure{margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}
h1,h2,h3,h4,h5,h6{font-weight:normal}
*, *:before, *:after {-moz-box-sizing: border-box; -webkit-box-sizing: border-box;  box-sizing: border-box; }
ul{list-style:none}
legend{display:none}
fieldset,img{border:none;vertical-align:middle; width:100%}
em,cite,i{font-style:normal}
input,button,textarea{outline:none;border:0;vertical-align:middle;border:0;font-family:Arial}
input, input[type="submit"],input[type="reset"],input[type="button"],button {-webkit-appearance:none;border-radius:0}
select{-webkit-appearance:none;-moz-appearance:none;appearance:none}
textarea{resize:none}
html{height:100%;-webkit-text-size-adjust:none;}
body { font-family: "Microsoft Yahei"; /*position:relative;*/ margin: auto; color: #000; word-break: break-all; height: 100%; width: 6.4rem; background:#4737cd; font-size: .24rem; line-height: .36rem; }
body a{color:#000;text-decoration:none;cursor:pointer}
body a:hover,body a:active,body a:focus{text-decoration:none;outline:none}
.bg img,.bg{ width:100%; height:100%}
/*clearfix*/
.clearfix:before,.clearfix:after{content:".";display:block;height:0;overflow:hidden;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;/* IE < 8 */}
.auto-x{ position:absolute; left:0; right:0; margin:auto}
.auto-y{ position:absolute; top:0; bottom:0; margin:auto}
.page{ width:6.4rem; margin:0 auto}
.title{ width:6.4rem; height:5.82rem; margin:0 auto}
.from{ width:4.66rem; margin:.66rem auto 0;}
.from dl{ height:.62rem; overflow:hidden; margin-bottom:.5rem}
.from dl dt{ width:1.12rem; float:left; line-height:.62rem; font-size:.36rem; color:#fff600; white-space:nowrap}
.from dl dd{ width:3.4rem; float:left;}
    .from dl dd input { width: 100%; height: .62rem; left: .62rem; -webkit-box-shadow: inset 0 .01rem 0 .01rem rgba(0,0,0,0.35); -moz-box-shadow: inset 0 .01rem 0 .01rem rgba(0,0,0,0.35); 
                        box-shadow: inset 0 .01rem 0 .01rem rgba(0,0,0,0.35); background: #fff; border: 0; border-radius: .06rem; padding: 0 .1rem; font-size: 0.32rem; display:block; color:#333 }
input.btn{ background:url(../images/btn.png) no-repeat center; width:4.62rem; height:.73rem; line-height:.73rem; font-size:.36rem; font-weight:bold;background-size:100%; color:#fff;}

#page1{ background:url(../images/bodyBg.png) no-repeat top center; background-size:6.4rem auto; padding-top:3.14rem; height:100%; }
.title_font{ width:6.4rem; margin:0 auto 0}

.Lottery{width:5.61rem; height:5.61rem;  overflow:hidden; z-index: 1000; top:3.14rem}
.banner{width:5.61rem; height:5.61rem; position: absolute; top: 0;  }
.banner .turnplate{display:block;width:4.71rem;position:absolute; z-index:10000; top:0; left:0; height:4.71rem}
.banner .turnplate canvas.item{width:100%; border-radius: 50%}
.banner .turnplate img.pointer{position:absolute;width:1.63rem;height:2.04rem;left:0;right: 0; margin:auto; top:1.08rem }
.banner .turnplate img.qun{width:6.078125rem; height: 6.0625rem; position: absolute; top: 0; left: 0}

.listWarp{ width:5.89rem; top:8.4rem; text-align:center; z-index:1000}
.text{ font-size:.3rem; color:#fff;}
.text span{font-size:.6rem; color:#ffdc44; font-weight:bold}
.sbz{ width:.84rem; height:1.68rem; position:absolute; bottom:-.2rem; right:.4rem}
.btns{width:5.89rem; top:9.3rem; text-align:center; padding-bottom:.3rem; display: flex; align-items: center; justify-content: center; }
.btns a.btn{ background:url(../images/btn.png) no-repeat center; width:2.38rem; height:.65rem; font-size:.29rem; font-weight:bold; color:#d7772e; letter-spacing:.03rem; display:flex; align-items: center; justify-content: center; background-size:100%; margin:0 .2rem; box-shadow: 0 .02rem .05rem rgba(0,0,0,0.35); border-radius:.15rem }

.popup { width:6.4rem; height:100%; background:rgba(0,0,0,0.8) ;position:fixed; z-index:1000000; display:none }
.popupMain{width:6.4rem; height:4.76rem; background:url(../images/jp_bg.png) no-repeat center; background-size:100%}
.jp{ width: 2.2rem; top:.7rem; }
.jpTxt{ width: 4.1rem; height: .9rem; display: flex; align-items: center; justify-content: center; position: absolute; top: 3.2rem;  font-size: .3rem; color: #c02508; font-weight: 600 }
.close{ width:.78rem; height:.78rem; position:absolute; top:-.7rem; right:.25rem;z-index:1000000;}

.jp_popup{width:6.4rem; height:100%; background:rgba(0,0,0,0.8); position:fixed; z-index:1000000; top:0; display:none;}
.jp_popup-warp{display: flex; height: 100%; justify-content: center; align-items:center;}
.jp_popup .jp_popup-body{ display: flex;  height: 80%; align-items: center; justify-content: center; flex-direction: column; width: 80%  }
.jp_popup .jp_popup-body .jp_popup-body-info{ display: flex; align-items: center; justify-content: center; flex-direction: column; flex:1; background: #ffffff; padding:.4rem; border-radius:.5rem; overflow:auto; }
.jp_popup-body-title{ width: 4.86rem; height: .76rem; display: flex; align-items: center; justify-content: center; color:#fff; font-size: .25rem; font-weight: bold; background: url(../images/tab-tit.png) no-repeat center; background-size:100% auto; }
.jp_popup-body-th{ display: flex; align-items: center; background: #ededed; height: .5rem; width: 100%; border-radius: .4rem; margin:.1rem 0 }
.jp_popup-body-th .jpName{ padding-left: .2rem; }
.jp_popup-body-th .jpName b{ padding-left: .5rem }
.jpName{ flex:3; display: flex; align-items: center; font-size:.17rem; color: #1f5d9a;font-weight: 600; line-height: .2rem;margin-right: .2rem  }
.jpTotal,.jpNum{ flex:1; display: flex; align-items: center; justify-content: center;font-size:.17rem; color: #1f5d9a;font-weight: 600  }
.jp_popup-body-list{ flex:1; overflow: auto;  padding-left: .2rem; width: 100% }
.jp_popup-close{ width: .78rem; margin-top: .4rem }
.jp_popup-body-list .item{ display: flex;align-items: center; margin-top: .1rem }
.jp_popup-body-list .item .jpName img{ width:.52rem; height: .52rem; border-radius: 50%; border:solid 2px #535353; margin-right: .2rem }
.flex{ display: flex; height: 100%; align-items: center; justify-content: center; color: #999 }

.scolldiv-y{ height:5rem; overflow:auto}
.divfix{ position:absolute; top:0rem; left:0; width:100%; padding:.6rem .2rem 0;}
.divfix table{ background:#fff; }

.myJpBox{ margin-top: .2rem; width: 100% }
.myJpBox .myJpItem{ display: flex;align-items: center; margin-bottom: .2rem; }
.myJpBox .myJpItem .jpImg{border-radius: 50%; border:solid 2px #535353; margin-right: .2rem; width: 1.3rem; height: 1.3rem;}
.myJpBox .myJpItem .jpImg img{ width: 100%; height: 100%; border-radius: 50% }
.form{  }
.form dl { margin-bottom: .2rem }
.form dl dd{ display: flex; align-items: center; background: #fff; height: .6rem; border-radius:.1rem; border:solid 1px #ddd; padding:0 .1rem; }
.form dl dd em{ color:red; margin-right: .1rem }
.form dl dd input{ flex:1; height: 100% }
.form .subbtn{ margin-top: .3rem; background: #6269de; display: flex; align-items: center; justify-content: center; color:#fff; font-size: .28rem; height: .6rem; border-radius: .6rem }

@keyframes up{0%{transform:translateY(0);opacity:0}50%{transform:translateY(0.15625rem);opacity:1}100%{transform:translateY(0.3125rem);opacity:0}}
@-webkit-keyframes up{0%{-webkit-transform:translateY(0);opacity:0}50%{-webkit-transform:translateY(0.15625rem);opacity:1}100%{-webkit-transform:translateY(0.3125rem);opacity:0}}
@keyframes logo-animate{0%{transform:rotateY(0)}100%{transform:rotateY(360deg)}}
@-webkit-keyframes logo-animate{0%{-webkit-transform:rotateY(0)}100%{-webkit-transform:rotateY(360deg)}}

@media screen and (max-height:535px){

  .from{ margin-top:.3rem} 
}