.mybackground{z-index:-1;margin:0;padding:0;position:absolute;left:0;top:0;height:100%;width:100%;background-color:#000}.mybackground div{position:absolute;display:block;width:100%;height:100%;opacity:0;transition:opacity 1s;transition-timing-function:ease-in-out;background-size:cover;background-repeat:no-repeat;background-position:center center}.mybackground div.active{opacity:1}@font-face{font-family:Mand-Mobile-Icon;font-style:normal;font-weight:400;src:url(~mand-mobile/components/icon/iconfont.woff) format("woff"),url(~mand-mobile/components/icon/iconfont.woff) format("truetype")}.mybottom{width:100%;text-align:center;display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;height:.6rem}.mybottom .moremenugroup{width:100%;display:flex;flex-direction:row;justify-content:flex-end;align-items:center}.mybottom .moremenugroup span{width:2rem;text-align:right;position:absolute;right:1.7rem;cursor:normal;color:#fff;font-size:.26rem;opacity:0;transition:opacity .7s ease-in-out}.mybottom .moremenugroup:hover span{opacity:1}.mybottom .mymoremenu{width:1.5rem;height:7.3rem;position:fixed;right:.05rem;bottom:.05rem;display:flex;flex-direction:column;align-items:center;background-color:#0006;border-radius:.2rem;border:.05rem solid white;transition:all .7s ease-in-out}.mybottom .mymoremenu i{font-size:.8rem;color:#fff;cursor:pointer;padding:.1rem .2rem;margin:.05rem .1rem 0 .2rem;border-radius:.1rem;transition:all .7s ease-in-out}.mybottom .mymoremenu i:hover{background-color:#00bcd4}.mybottom .mybuttomleft{width:2rem;display:flex;flex-direction:flex-start}@media (max-width: 500px){.mybottom .mybuttomleft{width:.1rem}}.mybottom .mybuttomfooter{display:flex;flex-direction:row;align-items:center;justify-content:center;line-height:1}.mybottom .mybuttomfooter i{cursor:pointer}.mybottom .mybuttomfooter .myfooterexpand{opacity:1;color:#fff;font-size:.4rem}.mybottom .mybuttomfooter .myfootercollapse{margin:0;padding:0;margin-right:.36rem}.mybottom .mybuttomfooter .myfootercollapse .icomoon{font-size:.4rem;color:#fff;line-height:1;cursor:pointer}.mybottom .mybuttomfooter .myfootericon{margin:0 .16rem;color:#fff;font-size:.32rem}.mybottom .mybuttomfooter .myappver{font-family:Helvetica Neue,Helvetica,Arial;margin-left:.15rem;color:#fff;font-size:.15rem;border-radius:1rem;line-height:.2rem;cursor:pointer;padding:0 .15rem;border:.005rem solid white;transition:all .7s}.mybottom .mybuttomfooter .myappver a{font-size:.15rem;color:#fff;transition:all .7s}.mybottom .mybuttomright{width:2rem;text-align:right}.mybottom .mybuttomright .rightclicklink{color:#fff;margin-right:.2rem;transition:all ease-in-out .5s}.mybottom .mybuttomright .rightclicklink:hover{color:#ff0}.mybottom .mybuttomright .rightclicklink .icomoon{font-size:.45rem}@media (max-width: 500px){.mybottom .mybuttomright{width:.5rem}}.mybottom .mybuttomright .icon-more-h{float:right;margin-right:.35rem;margin-bottom:.2rem;color:#fff;font-size:.35rem;cursor:pointer;opacity:.8;transition:all .7s ease-in-out}.mybottom .mybuttomright .icon-cross{float:right;margin-right:.6rem;margin-bottom:.2rem;color:#fff;font-size:.35rem;cursor:pointer;opacity:.8;transition:all .7s ease-in-out}.mybottom .mybuttomright .icon-cross:hover{color:red}.myqrcodecontainer{display:flex;flex-direction:column;align-items:center}.myqrcodecontainer .myqrcode{color:#fff;font-size:.42rem;margin-bottom:.24rem}