*{margin:0;padding:0;list-style:none;text-decoration:none;font-size:.14rem;font-family:"微软雅黑","Myriad Set Pro","Lucida Grande","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif";-webkit-tap-highlight-color:transparent;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;text-size-adjust:none;-webkit-text-size-adjust:none}
html,
body{position:relative;width:100%;height:100%;overflow-x:hidden}
a{outline:none}
.clearfix:after{display:block;clear:both;content:'';height:0;overflow:hidden}
html{font-size:100px}
[v-cloak]{display:none}
.container{padding:.1rem;width:100%;height:100%;margin:0 auto;overflow-y:auto;-webkit-overflow-scrolling:touch}
.webInfo{width:100%;padding:0 0.08rem;display:none;position:absolute;bottom:0.08rem;left:0;font-size:0.08rem;line-height:0.13333rem;color:#d1d1d1;text-align:center}
.container_login{padding-top:.31rem;background:#000 url("../img/bg_login.jpg") no-repeat center top;background-size:cover;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}
.login_box{width:3rem;height:2.78rem;margin:-1.39rem 0 0 -1.5rem;position:absolute;top:50%;left:50%}
.hide{display:none}
.tag_box{width:100%;height:.2rem;margin:0 auto}
.tag_box a{width:50%;height:.2rem;float:left;text-align:center;color:#838383;white-space:nowrap;font-size:.12rem}
.tag_box a.active{color:#d1d1d1}
.tag_box .to_code{border-right:1px solid #d1d1d1}
.logo_login{width:2.2rem;height:.7rem;margin:0 auto;background:url("../img/logo.png") no-repeat center center;background-size:auto 100%}
.slogan{width:100%;margin-bottom:.11rem;color:#fff;font-size:.16rem;text-align:center;font-weight:bold}
.langBtn{color:#00bcd4;position:absolute;top:.5rem;right:.5rem}
.login_form{width:3rem;margin:0 auto;margin-bottom:.1rem}
.login_form li{width:100%;height:.4rem;padding:.05rem 0;padding-left:.23rem;border-bottom:1px solid #d1d1d1;overflow:hidden;line-height:.3rem;position:relative}
.login_form li span{width:.6rem;margin-right:.1rem;display:block;float:left;text-align:center;border-right:1px solid #ccc}
.login_form .input{width:2.2rem;float:left}
.login_form .input input{width:100%;border:0;background:none;outline:none;color:#fff}
.login_form .input input::-moz-placeholder,
.login_form .input input::-webkit-input-placeholder,
.login_form .input input:-ms-input-placeholder{color:#d1d1d1}
.login_form .getCode{width:1rem;height:.3rem;position:absolute;top:.05rem;right:0;color:#00bcd4;text-align:center;text-decoration:underline}
.login_form .getImgCode{width:1rem;height:.3rem;position:absolute;top:.05rem;right:0;color:#00bcd4;text-align:center;text-decoration:underline}
.login_form .getImgCode img{width:100%;height:100%;display:block}
.btn{width:1.22rem;height:.33rem;margin:0 auto;display:block;border-radius:.2rem;text-align:center;font-size:.15rem;line-height:.33rem;color:#fff;background:#00bcd4}
.btn.disable{background:#d1d1d1}
.agreement_box{padding-left:.23rem;margin-bottom:.1rem;color:#d1d1d1;line-height:.15rem}
.agreement_box .checkbox{width:.17rem;height:.15rem;margin-right:.08rem;display:block;float:left;background:url("../img/checkbox.png") no-repeat left center;background-size:200% 100%}
.agreement_box .checkbox.checked{background-position:right center}
.agreement_box .agreement{color:#00bcd4}
.option{padding:.2rem .2rem 0}
.option a{width:100%;margin-bottom:.2rem}
.set_pwd_cont{padding:.1rem .15rem}
.set_pwd_cont p{margin-bottom:.12rem;font-size:.12rem}
.set_pwd_cont p a{font-size:.12rem}
.set_pwd_cont .agreement_box{color:#000}
.set_pwd_cont .error_notice{height:.25rem;padding-left:.23rem;font-size:.12rem;line-height:.25rem;color:red}
.set_pwd_cont .error_notice.red{color:red;margin-bottom:.1rem}
.set_pwd_cont .setPwd li{width:100%;height:.4rem;padding:.05rem .23rem;border-bottom:1px solid #d1d1d1;overflow:hidden;line-height:.3rem;position:relative}
.set_pwd_cont .setPwd li span{width:.2rem;height:100%;position:absolute;right:0;top:0;background:url("../img/green_tick.png") no-repeat center center;background-size:100% auto}
.set_pwd_cont .setPwd .input{width:100%;float:left}
.set_pwd_cont .setPwd .input input{width:100%;border:0;background:none;outline:none;font-size:.12rem}
.set_pwd_cont .setPwd .input input::-moz-placeholder,
.set_pwd_cont .setPwd .input input::-webkit-input-placeholder,
.set_pwd_cont .setPwd .input input:-ms-input-placeholder{color:#d1d1d1}
.title{height:.25rem;margin-bottom:.1rem;line-height:.25rem;font-weight:400;border-bottom:1px solid #ccc;color:#444}
.amountList{overflow:hidden;display:-webkit-flex;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}
.amountList li{width:.9rem;height:.33rem;margin-bottom:.12rem;font-size:.12rem;line-height:.33rem;white-space:nowrap;text-align:center;background:#fffdf8;border:1px solid #ff9c00;position:relative}
.amountList li em{display:none;font-size:.08rem;color:#fff;position:absolute;bottom:0;right:0;font-style:normal;line-height:.1rem}
.amountList li.active{background:#00bcd4;border:1px solid #00bcd4;color:#fff}
.amountList li.active em{display:block}
.amountList li.input_num{width:auto;padding:.02rem .22rem 0 .08rem}
.amountList li.input_num span{width:.8rem;height:.22rem;line-height:.22rem;display:inline-block;vertical-align:top;text-align:center;border:1px solid #d1d1d1;background:#fff}
.amountList li.input_num input{width:100%;margin-right:.05rem;padding:0 5px;display:inline-block;border:0;background:none;text-align:center;outline:none}
.amountList li.active span{background:#fff;color:#fff}
.payList{margin-bottom:.1rem}
.payList li{height:.25rem;line-height:.25rem;padding:0 .05rem}
.payList li span.check_btn{height:100%;margin-right:.08rem;padding-top:.05rem;float:left;display:inline-block}
.payList li span.check_btn em{width:.15rem;height:.15rem;border:1px solid #ccc;display:block}
.payList li span.check_btn.active em{background:url(../img/icon_yes.png) no-repeat center center;background-size:.11rem auto}
.payList li span.icon{width:.2rem}
.payList li span{height:100%;display:inline-block;float:left}
.payList li span.icon{margin-right:.02rem;background-repeat:no-repeat;background-size:.15rem auto;background-position:center center}
.payList li span.icon_ali{background-image:url(../img/icon_ali.png)}
.payList li span.icon_wx{background-image:url(../img/icon_wx.png)}
.payText{font-size:.1rem;text-align:center}
.payText a{font-size:.1rem;color:#d1d1d1}
.recharge_btn{width:100%;height:.7rem;text-align:center;padding-top:.2rem}
.recharge_btn .btn{width:1.05rem;margin:0 .15rem;margin-bottom:.1rem;display:inline-block}
.user_box{padding-top:.3rem;margin-bottom:.3rem}
.user_box p{text-align:center;height:.3rem;line-height:.3rem}
.user_box p span{font-size:.18rem}
.urer_headImg{width:.8rem;height:.8rem;margin:0 auto;margin-bottom:.3rem;border-radius:50%;border:2px solid #ccc;overflow:hidden}
.urer_headImg img{width:100%;display:block}
.shop{height:100%;margin:0 auto;padding:0;background:#ededed;position:relative;overflow:hidden}
.shop.detail{background:#fff}
.shop_box{height:100%;padding:.5rem .08rem 0;position:relative;padding-bottom:.5rem;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}
.shop_box.hasGift{padding-bottom:.9rem}
.shop_nav{width:100%;height:.45rem;overflow:hidden;padding:.11rem 0 0 .8rem;position:fixed;top:0;left:50%;z-index:5;border-right:1px solid #d1d1d1;box-shadow:0 0 4px #d1d1d1;background:#fff;transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);-o-transform:translateX(-50%)}
.user_info{width:.64rem;height:.22rem;display:inline-block;text-align:center;border-left:1px solid #d1d1d1;position:absolute;top:.11rem;left:.16rem}
.user_info p{height:.15rem;text-align:center;font-size:.1rem;line-height:.15rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.user_info a{position:relative;top:-.08rem;font-size:.06rem;text-decoration:underline;color:#00bcd4}
.nav_scrollBox{width:100%;height:.5rem;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}
.listTab{width:auto;min-width:3rem;height:.34rem;padding-right:.11rem;border-left:0;overflow-y:auto;-webkit-overflow-scrolling:touch;white-space:nowrap}
.listTab li{width:.65rem;height:.34rem;color:#d1d1d1;position:relative;cursor:pointer;display:inline-block;text-align:center}
.listTab li:nth-child(1) span{border-left:1px solid #d1d1d1}
.listTab li.active{color:#ff9c00;font-weight:bold;border-bottom:2px solid #ff9c00}
.listTab li span{width:100%;height:.22rem;font-size:.12rem;line-height:.22rem;display:block;border-right:1px solid #d1d1d1}
.giftList{height:100%}
.giftList .gift_scrollbox{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s}
.giftList .gift_scrollbox.active{padding-bottom:0rem}
.giftList ul{height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;display:-webkit-flex;justify-content:space-around;align-items:flex-start;flex-wrap:wrap;align-content:flex-start}
.giftList li{width:1.40rem;height:.87rem;margin:0 .05rem .1rem;padding:.05rem;float:left;position:relative;background:#fff;border-radius:.04rem}
.giftList li:last-child{align-self:baseline}
li.empty{background:none;border:0;opacity:0;height:0;visibility:hidden}
.gift_info{height:.57rem;margin-bottom:.05rem;padding-left:.55rem;position:relative;border-bottom:1px solid #d1d1d1}
.gift_info .gift_img{width:.5rem;height:.5rem;float:left;position:absolute;top:0;left:0;cursor:pointer}
.gift_info .gift_img:before{content:'';width:.1rem;height:.1rem;background:url(../img/img_sign.png) no-repeat center center;background-size:100% 100%;position:absolute;bottom:.02rem;right:.02rem}
.gift_info .gift_img img{width:100%;height:100%;display:block}
.gift_info h5{font-size:.12rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gift_info h4{padding-left:.08rem;font-size:.1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:url(../img/icon_time.png) no-repeat left center;background-size:.07rem auto}
.gift_info p{font-size:.07rem;line-height:.1rem}
.gift_info span{margin-right:.05rem;font-size:.07rem}
.gift_info span.red{color:red}
.gift_info .money_after{font-size:.15rem;color:red}
.gift_info .money_before{font-size:.09rem;color:#d1d1d1;text-decoration:line-through}
.select_box a{min-width:.2rem;height:.14rem;padding:0 .05rem;margin-right:.03rem;display:inline-block;text-align:center;line-height:.14rem;font-size:.1rem;float:left;background:#ff9c00;color:#fff}
.select_box a.btn_max{margin-right:0;float:right;vertical-align:bottom}
.select_box div{width:.33rem;height:.14rem;margin-right:.03rem;line-height:.14rem;font-size:.1rem;float:left;border:1px solid #ccc;overflow:hidden;vertical-align:bottom;text-align:center}
.select_box div input{width:100%;height:.14rem;line-height:.14rem;text-align:center}
.input input{border:0;background:none;outline:none}
.shop_bottom{width:100%;height:.41rem;padding:.05rem 0;z-index:4;position:absolute;left:0;bottom:0;z-index:4;background:#fff;box-shadow:0 0 4px #bcbabb;transition:height .5s;-moz-transition:height .5s;-webkit-transition:height .5s;-o-transition:height .5s}
.shop_bottom .bot_before{display:flex;justify-content:space-around;align-items:center;transition:opacity .5s;-moz-transition:opacity .5s;-webkit-transition:opacity .5s;-o-transition:opacity .5s}
.shop_bottom .bot_btn{width:.58rem;height:.15rem;border-radius:.07rem;display:inline-block;font-size:.1rem;color:#fff;line-height:.15rem;text-align:center;background:#00bcd4;vertical-align:middle}
.shop_bottom .btn_buy{background:#ff9c00}
.shop_bottom.after{height:.86rem}
.shop_bottom.after .bot_before{opacity:0}
.shop_bottom.after .bot_after{opacity:1;top:0}
.bot_after{width:100%;height:100%;padding:0 .15rem;display:inline-block;opacity:0;position:absolute;top:101%;left:0;transition:opacity .5s;-moz-transition:opacity .5s;-webkit-transition:opacity .5s;-o-transition:opacity .5s}
.bot_after:before{content:'';width:1px;height:.34rem;margin-top:-.17rem;background:#dedede;position:absolute;top:50%;left:50%}
.bot_after_l{width:1.35rem;padding-right:.15rem;position:absolute;top:.07rem;right:50%}
.bot_after_l .bot_block{width:100%;padding-top:0}
.bot_after_l .bot_block a{float:right}
.bot_after_l .bot_btn{margin:0 auto;display:block}
.bot_after_r{width:1.46rem;position:absolute;top:.07rem;left:50%}
.bot_after_r .bot_block{width:100%;text-align:center}
.bot_after_r .bot_block p{line-height:.15rem}
.bot_after_r .bot_block em{margin-bottom:.05rem}
.bot_after_r .bot_btn{margin:0 auto;display:block}
span#total{font-size:.15rem;font-weight:bold;line-height:.18rem;color:#ff9c00;display:block}
.bot_block{min-width:.55rem;padding-top:.05rem;display:inline-block;vertical-align:middle}
.bot_block p{line-height:.1rem;font-size:.08rem}
.bot_block span{line-height:.12rem;font-size:.12rem}
.bot_block a{font-size:.08rem;color:#00bcd4;text-decoration:underline}
.bot_block em{font-size:.08rem;color:#d1d1d1;text-decoration:line-through}
.shoppingList_bg{width:100%;height:100%;position:fixed;top:0;left:0;background:rgba(255,255,255,0.8)}
.shoppingList{width:100%;max-width:4.8rem;height:100%;margin:0 auto;padding:.1rem}
.p_close{width:.4rem;height:.4rem;position:absolute;top:.1rem;right:.1rem}
.p_close:before,
.p_close:after{content:'';width:2px;height:.4rem;margin:-.2rem 0 0 1px;position:absolute;top:50%;left:50%;transform-origin:50% 50%;-webkit-transform-origin:50% 50%;background:#000}
.p_close:before{transform:rotate(45deg);-webkit-transform:rotate(45deg)}
.p_close:after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
.popup_bg{width:100%;height:100%;padding-top:.5rem;position:fixed;top:0;left:101%;opacity:0;z-index:100;background:rgba(0,0,0,0.7);transition:width .3s;-moz-transition:width .3s;-webkit-transition:width .3s;-o-transition:width .3s}
.popup_bg.on{left:0;opacity:1}
.popup{width:2.8rem;margin:0 auto;padding-bottom:.7rem;border-radius:.05rem;overflow:hidden;background:#fff;position:relative}
.popup_tit{width:100%;height:.7rem;padding-left:.1rem;line-height: .2rem;color:#2f2f2f;font-size:.12rem;background:#eaeaea}
.popup_tit .contact_txt{font-size:.10rem;display:inline-block;-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transform:scale(.83333);transform:scale(.83333)}
.popup_tit .contact_txt a{font-size:.12rem}
.popup_btn{width:100%;height:.33rem;position:absolute;bottom:.25rem;left:0;text-align:center}
.popup_btn .btn{width:1.1rem;margin:0 .05rem;display:inline-block}
.notice_icon{width:100%;height:.95rem;padding-top:.25rem}
.notice_icon span{width:.72rem;height:.43rem;margin:0 auto;display:block;background:url(../img/notice_icon.png) no-repeat;background-size:100% 100%;transform-origin:50% 50%;-ms-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-webkit-transform-origin:50% 50%;-o-transform-origin:50% 50%;animation:notice_turn 1.5s ease infinite;-webkit-animation:notice_turn 1.5s ease infinite}
@keyframes notice_turn{
    0%{transform:rotate(0)}
    10%{transform:rotate(0)}
    50%{transform:rotate(-90deg)}
    60%{transform:rotate(-90deg)}
    90%{transform:rotate(0)}
    100%{transform:rotate(0)}
}
@-moz-keyframes notice_turn

/* Firefox */{
    0%{-moz-transform:rotate(0)}
    10%{-moz-transform:rotate(0)}
    50%{-moz-transform:rotate(-90deg)}
    60%{-moz-transform:rotate(-90deg)}
    90%{-moz-transform:rotate(0)}
    100%{-moz-transform:rotate(0)}
}
@-webkit-keyframes notice_turn

/* Safari 和 Chrome */{
    0%{-webkit-transform:rotate(0)}
    10%{-webkit-transform:rotate(0)}
    50%{-webkit-transform:rotate(-90deg)}
    60%{-webkit-transform:rotate(-90deg)}
    90%{-webkit-transform:rotate(0)}
    100%{-webkit-transform:rotate(0)}
}
@-o-keyframes notice_turn

/* Opera */{
    0%{-o-transform:rotate(0)}
    10%{-o-transform:rotate(0)}
    50%{-o-transform:rotate(-90deg)}
    60%{-o-transform:rotate(-90deg)}
    90%{-o-transform:rotate(0)}
    100%{-o-transform:rotate(0)}
}
.notice_text{width:100%;text-align:center;font-size:.12rem;line-height:.15rem}
.popup_word{padding-top:.24rem;padding-bottom:.1rem;line-height:.15rem;text-align:center}
.popup_rule .rule_tit{padding-top:.1rem;margin-bottom:.05rem;text-align:center;font-size:.14rem;line-height:.2rem}
.popup_rule .rule_list{padding:.05rem 0;margin-bottom:.05rem}
.popup_rule .rule_list li{height:.15rem;font-size:.12rem;color:red;line-height:.15rem;text-align:center;position:relative}
.popup_rule .rule_list li span{width:.8rem;height:.15rem;position:absolute;top:0;right:50%;font-style:normal;text-align:left;white-space:nowrap}
.popup_rule .rule_list li em{width:.5rem;height:.15rem;position:absolute;top:0;left:55%;font-style:normal;text-align:right}
.popup_rule .rule_word{height:.2rem;text-align:center;font-size:.1rem;line-height:.2rem}
.popup_rule .rule_word em{font-size:.1rem;line-height:.12rem;font-style:normal}
.popup_rule .rule_word span{color:red}
.popup_record .record_tit{padding-top:.15rem;font-size:.12rem;text-align:center}
.popup_record .record_money{line-height:.3rem;font-size:.18rem;color:red;text-align:center}
.popup_record .record_notice{font-size:.1rem;text-align:center}
.choose_user{width:2.19rem;height:1.1rem;padding:.1rem .15rem 0;margin:0 auto;overflow-y:auto;-webkit-overflow-scrolling:touch}
.choose_user li{width:1.89rem;height:.3rem;margin-bottom:.1rem;border:1px solid #00bcd4;border-radius:.15rem;line-height:.3rem;text-align:center;font-size:.13rem}
.choose_user li.active{color:#fff;background:#00bcd4}
.cont_box{width:100%;height:100%;padding:.14rem 0;border-radius:.04rem;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;position:relative}
.cont_box.active{background:#fff;padding:1rem 0 .6rem}
.gift_cont{margin-bottom:.1rem}
.gc_info{width:100%;height:.88rem;margin-bottom:.1rem;padding-left:.8rem;padding-bottom:.15rem;border-bottom:1px solid #d1d1d1;position:absolute;top:.14rem;left:0}
.gc_info h3{font-size:.12rem}
.gc_info h4{padding-left:.08rem;font-size:.1rem;background:url(../img/icon_time.png) no-repeat left center;background-size:.07rem auto}
.gc_info p{font-size:.08rem}
.gc_info .gc_view{width:.53rem;height:.53rem;position:absolute;top:.2rem;left:.13rem}
.gc_info .gc_view img{width:100%;height:100%;display:block}
.gc_info .gift_gold{width:.8rem;height:.2rem;font-size:.1rem;line-height:.2rem;position:absolute;top:0;left:0;color:red;font-weight:bold;text-align:center}
.gc_info .gift_gold span{font-size:.1rem;line-height:.2rem}
.gc_info span{margin-right:.02rem;font-size:.07rem}
.gc_info span.red{color:red}
.gc_info .money_after{font-size:.15rem;color:red}
.gc_info .money_before{font-size:.09rem;color:#d1d1d1;text-decoration:line-through}
.gc_list{width:100%;height:100%;padding-top:.05rem;float:left;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}
.gc_list ul{width:100%;padding-right:.1rem}
.gc_list li{width:100%;height:.23rem;padding:0 .14rem;margin-bottom:.08rem;line-height:.23rem;float:left;font-size:.1rem}
.gc_list li:nth-child(2n+2){margin-right:0}
.gc_list span{display:inline-block;vertical-align:top;white-space:nowrap}
.gc_list .gc_item_name{width:1.7rem;line-height:.23rem;font-size:.1rem;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gc_list .gc_item_count{width:.42rem;line-height:.23rem;font-size:.12rem;color:#ff9c00;text-align:right;display:inline-block;float:right}
.gc_list .gc_item_view{width:.23rem;height:.23rem;margin-right:.05rem;overflow:hidden;display:inline-block;position:relative}
.gc_list .gc_item_view img{width:100%;height:100%;position:absolute;top:0;left:0}
.gc_select{width:100%;height:.25rem;padding-top:.13rem;border-top:1px solid #d1d1d1;display:-webkit-flex;display:flex;justify-content:space-around;align-items:center;position:absolute;bottom:.14rem;left:0}
.gc_select a{width:.41rem;height:.25rem;display:inline-block;text-align:center;line-height:.25rem;color:#fff;background:#ff9c00}
.gc_select .btn_max{width:.78rem}
.gc_select .toList{width:.78rem;background:#00bcd4}
.gc_select .input{width:.66rem;height:.25rem;line-height:.25rem;text-align:center;border:1px solid #d1d1d1}
.money_count{height:.28rem;margin-bottom:.15rem;overflow:hidden}
.money_count div{margin-right:.3rem;float:left}
.money_count em{border-bottom:1px solid #969696}
.money_count input{width:.5rem;text-align:center;font-size:.12rem;line-height:.25rem;color:#ff9c00;border:0;background:none}
.money_count span{margin:0 .1rem;text-align:center;font-size:.12rem;line-height:.25rem;color:#ff9c00;background:none}
.mask_wx{width:100%;height:100%;position:fixed;top:0;left:0;z-index:1000;background:rgba(0,0,0,0.8)}
.mask_wx_word{width:1.5rem;height:1.75rem;position:absolute;top:.2rem;right:.2rem;color:#fff;font-size:.2rem;text-align:center;background:url(../img/prompt_wx.png) no-repeat center center;background-size:100% auto}
.loading{width:100%;height:100%;position:fixed;top:0;left:101%;z-index:1000;opacity:0;background:rgba(0,0,0,0.8);transition:opacity .3s;-moz-transition:opacity .3s;-webkit-transition:opacity .3s;-o-transition:opacity .3s}
.loading span{width:100px;height:100px;margin:-50px 0 0 -50px;position:absolute;top:50%;left:50%;animation:turn .8s linear infinite;-webkit-animation:turn .8s linear infinite;background-repeat:no-repeat;background-position:center center;background-size:.31rem auto}
.loading.active{opacity:1;left:0}
.logout{position:absolute;top:0;right:.1rem;font-size:.1rem;line-height:.33rem;text-decoration:underline;color:#00bcd4}
@keyframes turn{
    0%{background-image:url(../img/1.png)}
    11%{background-image:url(../img/2.png)}
    22%{background-image:url(../img/3.png)}
    33%{background-image:url(../img/4.png)}
    44%{background-image:url(../img/5.png)}
    55%{background-image:url(../img/6.png)}
    66%{background-image:url(../img/7.png)}
    77%{background-image:url(../img/8.png)}
    88%{background-image:url(../img/9.png)}
    100%{background-image:url(../img/9.png)}
}
@-webkit-keyframes turn{
    0%{background-image:url(../img/1.png)}
    11%{background-image:url(../img/2.png)}
    22%{background-image:url(../img/3.png)}
    33%{background-image:url(../img/4.png)}
    44%{background-image:url(../img/5.png)}
    55%{background-image:url(../img/6.png)}
    66%{background-image:url(../img/7.png)}
    77%{background-image:url(../img/8.png)}
    88%{background-image:url(../img/9.png)}
    100%{background-image:url(../img/9.png)}
}
.userOrder{width:90%;margin:0 auto;padding-top:.1rem;margin-bottom:-.1rem}
.userOrder ul{width:100%;max-height:1rem;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}
.userOrder li{width:100%;min-height:.18rem;line-height:.18rem;font-size:.12rem}
.userOrder .order_pack{text-align:right}
.userOrder .order_count{text-align:left}
.detail_nav{width:100%;height:.45rem;background:#ededed;position:absolute;top:0;left:0;display:none}
.detail_nav p{width:100%;height:.45rem;line-height:.45rem;text-align:center;font-size:.12rem}
.detail_nav a{width:.4rem;height:.45rem;position:absolute;top:0;background-repeat:no-repeat;background-position:center center;background-size:auto .14rem}
.detail_nav .btn_back{left:0;background-image:url(../img/btn_back.png)}
.detail_nav .btn_close{right:0;background-image:url(../img/btn_close.png)}
.detail_nav.active,
.shop_bottom.active{display:block}
.shop_nav.active,
.shop_bottom.hide{display:none}
.transbox{display:none}
@media all and (orientation:landscape){
    .amountList li.empty{display:none}
    .shop_nav{width:.92rem;height:100%;overflow:hidden;padding:.4rem 0 0 0;position:absolute;left:0;z-index:5;transform:translateX(0);-ms-transform:translateX(0);-moz-transform:translateX(0);-webkit-transform:translateX(0);-o-transform:translateX(0)}
    .shop_nav.active{display:block}
    .shop_box{padding-top:.17rem;padding-left:.95rem}
    .shop_box.hasGift{padding-bottom:.5rem}
    .shop_box.active{padding-top:.5rem;padding-bottom:.17rem}
    .transbox{display:block}
    span#total{display:inline-block}
    .shop_bottom{padding-left:.95rem;background:#4b4b4b;color:#fff}
    .nav_scrollBox{height:auto;overflow-x:hidden;overflow-y:auto;border-top:1px solid #d1d1d1}
    .listTab{width:.92rem;min-width:.92rem;height:auto;padding-right:0}
    .listTab li{width:100%;display:block;border-bottom:1px solid #d1d1d1}
    .listTab li span{line-height:.34rem}
    .listTab li span{line-height:.34rem}
    .listTab li:nth-child(1) span{border-left:0}
    .listTab li.active{border-bottom:1px solid #d1d1d1;border-left:2px solid #ff9c00}
    .shop_bottom.after{height:.41rem}
    .shop_bottom.after .bot_before{opacity:1}
    .shop_bottom.after .bot_after{opacity:0;top:101%}
    .user_info{width:100%;left:0;border:0}
    .detail_nav{padding-left:.95rem}
    .detail_nav .btn_back{left:.95rem}
    .shop_bottom.active{display:none}
}
@media all and (orientation:portrait){
    .shop_bottom{padding-left:0;z-index:6}
}
@media screen and (orientation:landscape){
    .login_box{position:static;margin:0 auto;top:0;left:0}
    .webInfo{padding-top:.5rem;padding-bottom:.2rem;position:static}
}