/* CSS Document */
@charset "utf-8";
*:focus{outline:none;}
html,body{ width:100%; height:100%; -webkit-touch-callout: none; -webkit-user-select: none; -webkit-tap-highlight-color: rgba(0,0,0,0);}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fiedldset,input,textarea,p,blockquote,th,td{ margin:0; padding:0;-webkit-text-size-adjust:100%;}
table{border-collapse:collapse; border-spacing:0;}
fieldset,img{ border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul,li{list-style:none;}
html{ font-size:62.5%;}
body{font-family:"Microsoft YaHei";color:#4c4c4c; background: #dfd4bb; -webkit-overflow-scrolling:touch;-webkit-user-select:text;-moz-user-select:text;-o-user-select:text;user-select:text;}
input,select,textarea,button{ vertical-align:middle;font-family:"Microsoft YaHei"; -webkit-appearance: none;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
a,a:link{ text-decoration:none;outline:none;}
.hide{ display: none !important; }
.wrap{ margin:0 auto; font-size: 0.32rem; }
.bg1{ background: url(../images/bg1.jpg) no-repeat; background-size: 100% auto; padding-top: 6.0rem; padding:2.586667rem 0 0; min-height: 100%; box-sizing: border-box;}
.integral-btn{ width: 4.12rem; height: 1.68rem; margin-bottom: 1.733333rem; display: block; margin-left: 0.706667rem;}
.mine{ width: 9.36rem; height: 0.56rem; background: url(../images/mine.png) no-repeat; background-size: 100% auto; margin: 0 auto;}
.mine p{ float: left; margin-left: 2.866667rem; width:2.0rem; line-height: 0.56rem; overflow: hidden;}
.mine p.mine-num{ margin-left: 2.466667rem; }
.convert{ overflow: hidden; width: 8.56rem; margin: 0.733333rem auto 0.733333rem; }
.convert li{ width: 4.12rem; height: 4.173333rem; float: left; margin: 0 0.08rem;}
.convert li.conv1{ background: url(../images/change1.png) no-repeat; background-size: 100% auto;}
.convert li.conv2{ background: url(../images/change2.png) no-repeat; background-size: 100% auto;}
.convert li a{ display: block; height:100%;}
.convert-text{ font-size: 0.32rem; color: #523636; line-height: 0.48rem; margin: 0 1.093333rem; }
.bg2{ background: url(../images/bg2.jpg) no-repeat; background-size: 100% auto; padding-top:5.64rem; min-height: 100%; box-sizing: border-box;}
.pay-top{ width: 9.36rem; height: 0.56rem; background: url(../images/text.png) no-repeat; background-size: 100% auto; margin: 0 auto;}
.pay-mine{ overflow: hidden; margin: 0.266667rem 0 0.266667rem 0; }
.pay-mine p{ width: 2.266667rem; text-align: center; float: left; font-size: 0.373333rem; color: #fff; margin-left: 2.453333rem; line-height: 0.573333rem; height: 0.573333rem; overflow: hidden;}
.buy{ width: 9.36rem; margin: 0 auto; }
.buy-top{ height: 0.16rem; background: url(../images/top.png) no-repeat; background-size: 100% auto; }
.buy-bottom{ height: 0.16rem; background: url(../images/bottom.png) no-repeat; background-size: 100% auto; }
.buy-list{ overflow: hidden; background: url(../images/midder.png); background-size: 100% auto; padding-left: 0.28rem; }
.buy-list li{ width: 2.826667rem; height: 2.186667rem; background: url(../images/list.png) no-repeat; background-size: 100% auto; float: left; margin:0.213333rem 0.186667rem 0.093333rem 0;}
.buy-num{ height: 0.44rem; padding:0.493333rem 0.293333rem 0 1.213333rem; text-align: center; color: #885d0a; font-size: 0.32rem; line-height: 0.44rem; }
.buy-btn{ display: block; width: 2.56rem; height: 0.946667rem; line-height: 0.946667rem; margin: 0.2rem auto 0; text-align: center; font-size: 0.4rem; color: #fff; font-weight: bold; }
.buy-list li.on .buy-btn,.buy-list li:hover .buy-btn{ background: url(../images/btn.png); background-size: 100% auto;}
.bg3{ background: url(../images/bg3.jpg) no-repeat; background-size: 100% auto; padding-top:5.6rem; min-height: 100%; box-sizing: border-box;}
.draw{ overflow: hidden; margin: 0 0.253333rem; }
.draw li{ height: 1.92rem; padding: 0.266667rem 0.24rem 0; background: url(../images/rw.png); background-size: 100% auto; margin-bottom: 0.253333rem;}
.draw-top{ overflow: hidden; margin-bottom: 0.16rem; }
.draw-name{ width: 40%; float: left; font-size: 0.426667rem; color: #591e00;}
.draw-num{ width: 60%; float: left; text-align: right; font-size: 0.346667rem; color: #321204;}
.draw-info{ width: 6.666667rem; float: left; font-size: 0.306667rem; color: #865a30; line-height: 0.4rem;}
.draw-btn{ display: block; width: 2.16rem; height: 0.893333rem; float: right;background: url(../images/ing.jpg); background-size: 100% auto; }
.draw-btn.draw-end{ background: url(../images/had.jpg); background-size: 100% auto;  }
.bg4{ background: url(../images/user.jpg) no-repeat; background-size: 100% auto; min-height: 100%;}
.user{ padding:0.546667rem 0.933333rem 0 0.853333rem; width:7.733333rem; height: 4.586667rem; background: url(../images/zhang.jpg) no-repeat; background-size: 100% auto; margin: 3.4rem auto 0;}
.user-list{ height: 1.08rem; overflow: hidden; margin-bottom: 0.4rem; position: relative; }
.user-btn{ border: 0; background: none; width: 7.746667rem; height: 1.24rem; display: block; margin-top: -0.066667rem;}
.user-input{ height: 1.08rem; line-height: 1.08rem; padding-left: 0.28rem; width: 7.453333rem; border: 0; background: none; font-size: 0.373333rem; }
.user-text{ padding-top: 0.2rem; height: 0.853333rem; text-align: center; font-size: 0.346667rem; color: #943a09; }
.user-tab{ display: block; margin: 0 0.32rem; height: 0.56rem; background: url(../images/jiao.png) no-repeat; background-size: 100% auto;}
.course{ overflow: hidden; padding: 0.266667rem 1.066667rem; display: none;}
.course-info{ font-size: 0.293333rem; line-height: 0.426667rem; color: #523636; margin-bottom: 0.133333rem;}
.course img{ display: block; width: 100%; margin-bottom: 0.506667rem;}
.bg5{ background: url(../images/service.jpg) no-repeat; background-size: 100% auto; min-height: 100%;}
.service{ padding: 12.493333rem 0 0 2.96rem; }
.service-btn{ display: block; width: 3.773333rem; height: 1.24rem;}
.bg6{ background: url(../images/ying.jpg) no-repeat; background-size: 100% auto; min-height: 100%;}
.guide{ padding: 3.533333rem 0 0 0.573333rem; }
.video{ width: 8.866667rem; height: 5.746667rem; background: #000;}
.guide-text{ text-align: center; font-size: 0.346667rem; color: #5e4309; padding-top: 0.36rem; height: 2.866667rem; }
.guide-btn{ display: block; width: 3.786667rem; height: 1.24rem; background: url(../images/duihuan.jpg) no-repeat; background-size: 100% auto; margin: 0 auto;}
.fade{ position:fixed; top: 0%; left: 0%; background: black; z-index:9; -moz-opacity: 0.7; opacity:.70; filter: alpha(opacity=75); width:100%; height:100%; display:none;}
.alert{ position:fixed; z-index:10; display:none; width: 9.386667rem; height: 4.986667rem; left: 50%; top: 50%; margin: -2.493333rem 0 0 -4.693333rem;  background: url(../images/alert.jpg) no-repeat; background-size: 100% auto;}
.tips{ font-size: 0.373333rem; color: #523636; text-align: center; padding: 1.6rem 1.066667rem 0; height: 1.466667rem; }
.paid-next{ overflow: hidden;  text-align: center;}
.paid-next a{ display: inline-block; margin: 0 0.5rem; width: 2.813333rem; height: 0.826667rem; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);}
a.cancel-btn{ background: url(../images/cancel.jpg) no-repeat; background-size: 100% 100%;}
a.cash-btn{ background: url(../images/cash.jpg) no-repeat; background-size: 100% 100%;}
a.go-btn{ background: url(../images/go.jpg) no-repeat; background-size: 100% 100%;}
a.sure-btn{ background: url(../images/sure.jpg) no-repeat; background-size: 100% 100%;}
.bg7{ background: url(../images/prize.jpg) no-repeat; background-size: 100% auto; min-height: 100%;}
.prize-top{ padding: 5.84rem 0 0;}
.day{ background: url(../images/jiang.png) no-repeat; background-size: 100% 100%; padding-left: 4.72rem; width: 3.986667rem; height:1.093333rem; line-height: 1.093333rem; color: #591e00; font-size: 0.693333rem; margin: 0 auto 0.893333rem;}
.day span{ display: block; height: 1.093333rem; width: 1.093333rem; text-align: center; float: left; }
.prize{ overflow: hidden; text-align: center;}
.prize li{ width: 2.24rem; height: 1.72rem; margin: 0 0.28rem; padding-top: 0.466667rem; text-align: center; background: url(../images/pri-bg.png) no-repeat; background-size: 100% 100%; display: inline-block;}
.prize li img{ display: block; width: 1.173333rem; margin: 0 auto; height: 1.173333rem; overflow: hidden; }
.prize li p{ padding-top: 0.053333rem; font-size: 0.346667rem; color: #d24b00; }
.prize-text{ height: 1.28rem; margin-top: 1.133333rem; text-align: center; color: #9b7852;}
a.chong-btn{ display: block; width: 3.786667rem; height: 1.24rem; background: url(../images/chong.jpg) no-repeat; background-size: 100% 100%; margin: 0 auto;}
.bg8{ background: url(../images/download.jpg) no-repeat; background-size: 100% auto; min-height: 100%;}
.download{ padding: 13.826667rem 0 0 2.96rem; }
.download-btn{ display: block; width: 3.773333rem; height: 1.24rem;}
.down-version{ width: 3.773333rem; text-align: center; font-size: 0.32rem; color: #9f8248; padding-top: 0.16rem;}
.no-prize{  padding: 5.84rem 0 0; text-align: center;}
a.enable-btn{ display: block; width: 3.786667rem; height: 1.24rem; background: url(../images/enable.jpg) no-repeat; background-size: 100% 100%; margin: 0 auto;}
a.tobuy-btn{ display: block; width: 3.786667rem; height: 1.24rem; background: url(../images/addbtn.jpg) no-repeat; background-size: 100% 100%; margin: 0 auto;}
.enable{ text-align: center; font-size: 0.32rem; color: #5b4109; line-height: 0.6rem; margin-bottom: 0.666667rem;}
.enable span{ font-size: 0.613333rem; vertical-align: sub; margin-top: -0.066667rem;}
.enable-text{ background: #ccbda3; margin: 1rem 0 1rem; color: #8d6f4f; display: inline-block; padding: 0.053333rem 0.12rem;}
.enable-text span{ color: #674b42; }
.bind-title{ width: 3.84rem; height: 1.8rem; background: url(../images/bd.png) center bottom no-repeat; background-size: 100% auto; margin: 0 auto;}
.bound{ width: 9.52rem; height: 3.133333rem; background: url(../images/zhang-bg.jpg) no-repeat; background-size: 100% auto; margin: 3.4rem auto 0; padding-top: 2.0rem; text-align: center; font-size: 0.426667rem; color: #591e00; line-height: 0.666667rem;}
.events{ overflow: hidden; padding: 0.96rem 0 0.2rem; width: 9.6rem; background: url(../images/events.png?v20220211) center top no-repeat; background-size: 9.36rem auto; margin: 0.426667rem auto 0;}
.events li{ width: 2.35rem; margin: 0 0.5rem 0 1.453333rem; float: left; height: 4.2rem;}
.events li a{ display: block; height: 100%; }
.auth-code{ width: 2.533333rem; height: 1.08rem; background: url(../images/code.jpg) center bottom no-repeat; background-size: 100% auto; position: absolute; top: 0; right: 0; text-align: center; line-height: 1.08rem; color: #fff; font-size: 0.373333rem;}
.auth-info{ width: 9.36rem; height: 1.706667rem; background: url(../images/auth.jpg) center bottom no-repeat; background-size: 100% auto; margin: 1.333333rem auto;}
.gl-title{ background: url(../images/gl.png) center bottom no-repeat; background-size: 100% auto;}
.applet-nav{ text-align: right; overflow: hidden; }
.applet-close{ display: inline-block; width: 0.8rem; height: 0.813333rem; background: url(../images/x.png) no-repeat; background-size: 100% auto; }
.applet-img{ width: 2.866667rem; height: 2.866667rem; overflow: hidden; border: 0.066667rem solid #ded2b5; margin: 0 auto; }
.applet-img img{ display: block; width: 100%; }
.applet-info p{ text-align: center; font-size: 0.293333rem; color: #883003; padding-top: 0.16rem; }


/**
2019-11-29 新增解绑
 */
.mines,.mines-none{ width: 9.52rem; height: 4.133333rem; background: url(../images/zhang-bg.jpg) no-repeat; background-size: 100% auto; margin: 3.4rem auto 0; padding-top: 1.0rem; text-align: center; font-size: 0.426667rem; color: #591e00; line-height: 0.666667rem;}
.unbind p{margin: 0 0.2rem;display: inline-block;}
.unbind{ margin-top: .3rem; text-align: center;background: #961515;padding: .1rem;border-radius: .1rem;color: #f1cfbe;}
.unbind-phone{ display: block; width: 3.786667rem; height: 1.24rem; background: url(../images/ubp.png) no-repeat; background-size: 100% auto; margin: 0 auto;}
.unbind-account{ display: block; width: 3.786667rem; height: 1.24rem; background: url(../images/ubc.png) no-repeat; background-size: 100% auto; margin: 0 auto;}
.bind-account{ display: block; width: 3.786667rem; height: 1.24rem; background: url(../images/ba.png) no-repeat; background-size: 100% auto; margin: 0 auto;}
.bind-phone{ display: block; width: 3.786667rem; height: 1.24rem; background: url(../images/bp.png) no-repeat; background-size: 100% auto; margin: 0 auto;}

/**
20200311 新增历史解绑
 */
.user-history{ background: url(../images/chaxun.jpg) no-repeat;background-size:100% auto;}
.history_bg{
    width: 9.52rem;
    height: 5.033333rem;
    background: url(../images/zhang-bg.jpg) no-repeat;
    background-size: 100% auto;
    margin: 3.4rem auto 0;
    padding-top: 0.32rem;
    text-align: center;
    font-size: 0.306667rem;
    color: #591e00;
    line-height: 0.666667rem;
}
.history{ overflow: hidden; padding: 0 0 ; width: 9.6rem; margin:  auto 0;}
.history li{ width: 1.933333rem; margin: 0 0.233333rem; float: left;}
.history li a{ display: block; height: 100%; }
.sms-tips{ font-size: 0.373333rem; color: #523636; text-align: center; padding: 1.1rem 1.066667rem 0; height: 1.066667rem; }
.sms-user-input{ height: 1.08rem; line-height: 1.08rem; padding-left: 0.28rem; width: 4.453333rem; border: 0; background: #fff; font-size: 0.373333rem;margin-left: 1.3rem }
.sms-auth-code{ width: 2.533333rem; height: 1.08rem; background: url(../images/code.jpg) center bottom no-repeat; background-size: 100% auto; position: absolute;  text-align: center; line-height: 1.08rem; color: #fff; font-size: 0.373333rem;}
.sms-code-input{ margin-bottom: .3rem}
.jb-btn{ background: url(../images/jiebang.jpg) no-repeat; background-size: 100% 100%;}
.unbind-title{ width: 3.84rem; height: 1.8rem; background: url(../images/jieb.png) center bottom no-repeat; background-size: 100% auto; margin: 0 auto;}

.guide-default{font-size: .64rem;
    line-height: 4.4rem;
    text-align: center;}

.wechat-alert {
    position: fixed;
    top: 0;
    left: 50%;
    margin-left: -2.35rem;
    width:6.5rem;
    padding: 0 0 0 .2rem;
    z-index: 18;
    color: #c2c2c2;
    font-size: .44rem;
    display: none;
}
.wechat-alert em{ display:inline-block; vertical-align:middle; width:.33rem; height:.08rem; background:url(../images/fx2.png) no-repeat; background-size:100% auto; margin:0 .07rem;}
.wechat-alert em.icon2{ width:.75rem; height:.75rem; background:url(../images/fx3.png) no-repeat; background-size:100% auto;}
.wechat-alert p{ margin-bottom:.2rem;}

.we-arrow{ width:1.1rem; height:1.28rem; background:url(../images/fx1.png) no-repeat; background-size:100% auto; margin:0.1rem 0 -.2rem 5.49rem;}