.rightCodebox{position:fixed;right:0;top:50%;transform:translateY(-40%);z-index:99}.rightCodebox.hidebox .sidebox{display:none}.rightCodebox.hidebox .sidebtn{background:url(https://xyq.res.netease.com/pc/zt/20220406145527/img/codebox/zk_9fab73b.png) no-repeat;background-size:100% 100%}.rightCodebox .sidebtn{position:absolute;top:50%;margin-top:-50px;left:-42px;display:block;width:42px;height:99px;background:url(https://xyq.res.netease.com/pc/zt/20220406145527/img/codebox/sq_db4e158.png) no-repeat;background-size:100% 100%}.rightCodebox .sidebtn:hover{opacity:.8}.rightCodebox .sidebox{width:236px;height:371px;background:url(https://xyq.res.netease.com/pc/zt/20220406145527/img/codebox/codebox_2e3bc17.png) no-repeat;background-size:100% 100%}@keyframes breath5{0%{top:0}50%{top:140px}100%{top:0}}.rightCodebox .sidebox .codeimg{position:absolute;width:163px;height:163px;top:94px;left:50%;margin-left:-81.5px;border-radius:50%;overflow:hidden}.rightCodebox .sidebox .codeimg::after{content:'';position:absolute;left:50%;top:0;margin-left:-120px;width:240px;height:29px;background:url(https://xyq.res.netease.com/pc/zt/20220406145527/img/codebox/bg_qcode_g_0437d50.png) no-repeat center;background-size:100% 100%;animation:breath5 3s linear infinite}.rightCodebox .sidebox .codeimg img{padding:3px;width:100%;height:100%;border-radius:50%;background:#f3f5f9;border:1px solid #f3cc6f;box-sizing:border-box;object-fit:cover;transition:all .5s}.rightCodebox .sidebox .seeMoreBtn{position:absolute;display:block;bottom:40px;left:51%;transform:translateX(-50%);width:113.4px;height:39.69px;background:url(https://xyq.res.netease.com/pc/zt/20220406145527/img/codebox/view_btn_ee97e0b.png) no-repeat;background-size:100% 100%;cursor:pointer}.rightCodebox .sidebox .seeMoreBtn:hover{filter:brightness(1.2)}.jewelpop{position:fixed;left:50%;top:50%;z-index:-1;display:none;width:884px;height:551px;transform:translate(-50%,-50%);box-sizing:border-box;background:url(https://xyq.res.netease.com/pc/zt/20220406145527/img/codebox/jewelpop_bg_5587212.png) no-repeat;background-size:100% 100%}.jewelpop.on{z-index:10001;display:block}.jewelpop .close{width:45px;height:46px;background:url(https://xyq.res.netease.com/pc/zt/20220406145527/img/codebox/close_e999215.png) no-repeat center center;background-size:100%;position:absolute;top:45%;left:55%;margin-left:410px;margin-top:-245px;transition:all .5s}.jewelpop .close:hover{transform:rotate(180deg)}.jewelpop .popcont{display:flex;width:100%;height:100%;position:relative}.jewelpop .popcont .leftSide{position:absolute;top:55%;left:35%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;width:486px;height:320px;gap:8px;padding:60px 0}.jewelpop .popcont .leftSide .jewel-item{display:block;width:486px;height:106px;text-indent:-9999px;overflow:hidden;cursor:default}.jewelpop .popcont .leftSide .item1{background:url(https://xyq.res.netease.com/pc/zt/20220406145527/img/codebox/content1_48ccbef.png) no-repeat;background-size:100% 100%}.jewelpop .popcont .leftSide .item2{background:url(https://xyq.res.netease.com/pc/zt/20220406145527/img/codebox/content2_590777e.png) no-repeat;background-size:100% 100%}.jewelpop .popcont .leftSide .item3{background:url(https://xyq.res.netease.com/pc/zt/20220406145527/img/codebox/content3_d01c6aa.png) no-repeat;background-size:100% 100%}.jewelpop .popcont .rightSide{position:absolute;top:55%;right:1%;transform:translate(-50%,-50%);width:192px;height:192px;border-radius:50%}.jewelpop .popcont .rightSide .qrcode{width:100%;height:100%}.jewelpop .popcont .rightSide .qrcode .codeimg{position:absolute;width:192px;height:192px;top:0;left:62%;margin-left:-96.5px;border-radius:50%;overflow:hidden}.jewelpop .popcont .rightSide .qrcode .codeimg::after{content:'';position:absolute;left:50%;top:0;margin-left:-120px;width:240px;height:29px;background:url(https://xyq.res.netease.com/pc/zt/20220406145527/img/codebox/bg_qcode_g_0437d50.png) no-repeat center;background-size:100% 100%;animation:breath5 3s linear infinite}.jewelpop .popcont .rightSide .qrcode .codeimg p{padding:3px;width:100%;height:100%;background:url(https://xyq.res.netease.com/pc/zt/20220406145527/img/codebox/code_df43fae.png) no-repeat center;border-radius:50%;background-size:100% 100%;box-sizing:border-box;object-fit:cover;transition:all .5s}.Layer{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0);z-index:-1;transition:opacity .3s}.Layer.on{opacity:.6;z-index:10000}