@import url(iconfont.css);@keyframes refresh{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}#yii-debug-toolbar{display:none !important}.iconbtn,.container .layui-carousel .audio_area,.container .layui-carousel .muted,.container .layui-carousel .share,.container .layui-carousel .qrcode{position:absolute;background-color:rgba(0,0,0,0.5);z-index:3;border-radius:50%;color:#fff;transition:background-color 0.2s;width:40px;height:40px}.iconbtn i,.container .layui-carousel .audio_area i,.container .layui-carousel .muted i,.container .layui-carousel .share i,.container .layui-carousel .qrcode i{display:block;font-size:26px;line-height:40px;width:100%;height:100%;text-align:center}.iconbtn i.playing,.container .layui-carousel .audio_area i.playing,.container .layui-carousel .muted i.playing,.container .layui-carousel .share i.playing,.container .layui-carousel .qrcode i.playing{animation:refresh 3s linear infinite}.iconbtn:hover,.container .layui-carousel .audio_area:hover,.container .layui-carousel .muted:hover,.container .layui-carousel .share:hover,.container .layui-carousel .qrcode:hover{cursor:pointer;background-color:rgba(0,0,0,0.8)}@media screen and (max-width: 550px){.iconbtn,.container .layui-carousel .audio_area,.container .layui-carousel .muted,.container .layui-carousel .share,.container .layui-carousel .qrcode{left:20px}.iconbtn i,.container .layui-carousel .audio_area i,.container .layui-carousel .muted i,.container .layui-carousel .share i,.container .layui-carousel .qrcode i{transform:rotate(90deg)}}@media screen and (min-width: 551px){.iconbtn,.container .layui-carousel .audio_area,.container .layui-carousel .muted,.container .layui-carousel .share,.container .layui-carousel .qrcode{bottom:20px}}*{margin:0;padding:0;text-decoration:none;list-style:none;box-sizing:border-box}.container{width:100vw;height:100vh;overflow:hidden}@media screen and (max-width: 550px){.container .layui-carousel[lay-anim=fade]>[carousel-item]>*{left:100vw !important}.container .layui-carousel .img{transform:rotate(90deg);width:100vh !important;height:100vw !important}.container .layui-carousel:hover button{left:50%}.container .layui-carousel button{transform:rotate(90deg);margin:0 0 0 -18px;left:50% !important;z-index:3}.container .layui-carousel button[lay-type='sub']{top:5%}.container .layui-carousel button[lay-type='add']{bottom:5%;top:unset !important;left:50% !important;right:unset !important}.container .layui-carousel .progress{height:100vh;left:0px;top:0px}.container .layui-carousel .audio_area{top:15px}.container .layui-carousel .muted{bottom:50px;left:unset !important;right:20px}.container .layui-carousel .info{transform:rotate(90deg);bottom:160px;left:50px;height:30px;line-height:30px;transform-origin:0 0}.container .layui-carousel .playBtn{position:fixed;top:50%;left:50%;width:80px;height:80px;background-color:rgba(0,0,0,0.8);border-radius:50%;margin-top:-40px;margin-left:-40px;z-index:3}.container .layui-carousel .playBtn i{line-height:80px;color:#fff;text-align:center;font-size:65px;display:block;transform:rotate(90deg)}.container .layui-carousel .share{bottom:100px;left:unset !important;right:20px}.container .layui-carousel .tips{position:fixed;top:20px;color:#fff;font-size:20px;padding:5px;background-color:rgba(0,0,0,0.5);border-radius:5px;transform-origin:top right;transform:rotate(90deg) translateX(100%);right:-50px;transition:right .5s}.container .layui-carousel .qrcode{bottom:150px;left:unset !important;right:20px}.container .layui-carousel .qr_area{width:200px;height:200px;background-color:#fff;position:fixed;top:50%;left:150%;z-index:10;transform:translate(-50%, -50%) rotate(90deg);transition:left 0.5s}.container .layui-carousel .qr_area .close{position:absolute;top:-20px;right:-20px;width:30px;height:30px;border-radius:50%;background-color:rgba(0,0,0,0.5);text-align:center;line-height:30px}.container .layui-carousel .qr_area .close i{color:#fff;font-size:18px}.container .layui-carousel .qr_area .text{position:absolute;bottom:-60px;width:190px;background-color:rgba(0,0,0,0.8);color:#fff;padding:5px;border-radius:10px}.container .layui-carousel .qr_area img,.container .layui-carousel .qr_area canvas{display:block;max-width:100%;max-height:100%;width:100%;height:100%;border:5px solid #fff !important;box-sizing:border-box}}@media screen and (min-width: 551px){.container .layui-carousel .progress{transform:rotate(-90deg);transform-origin:0 0;height:100vw;top:calc(100vh - 10px);left:0}.container .layui-carousel .audio_area{left:15px}.container .layui-carousel .muted{left:60px;transition:left .5s}.container .layui-carousel .muted.playing{left:15px}.container .layui-carousel .info{bottom:20px;left:120px;height:40px;line-height:40px}.container .layui-carousel .playBtn,.container .layui-carousel .share,.container .layui-carousel .tips,.container .layui-carousel .qrcode{display:none !important}.container .layui-carousel .qr_area{width:310px;height:274px;position:absolute;bottom:1px;right:1px;background-image:url("/devScheme/img/qrbg.png");background-position:center;background-repeat:no-repeat;background-size:contain;z-index:99;transition:right 0.6s}.container .layui-carousel .qr_area.pull{right:-240px}.container .layui-carousel .qr_area .close{width:50px;height:88px;top:50%;position:absolute;transform:translateY(-50%) rotate(180deg);left:24px;background-image:url(/devScheme/img/arrow.png);background-position:center;background-repeat:no-repeat;background-size:initial;transition:all 0.6s}.container .layui-carousel .qr_area .close.pull{transform:translateY(-50%)}.container .layui-carousel .qr_area .close i{display:none !important}.container .layui-carousel .qr_area .text{width:172px;position:absolute;right:42px;bottom:30px;font-size:18px;color:#2f2f2f;text-align:center}.container .layui-carousel .qr_area img{width:172px;height:172px;border:2px solid #fff;position:absolute;top:40px;right:44px}}.container .layui-carousel button{z-index:3}.container .layui-carousel .masker{width:100%;height:100%;content:'';display:block;position:absolute;top:0;left:0;background-color:transparent;z-index:2}.container .layui-carousel .img{transform-origin:0% 0%;width:100vw;height:100vh}.container .layui-carousel .img img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}.container .layui-carousel .progress{width:5px;position:fixed;background-color:rgba(255,255,255,0.8)}.container .layui-carousel .progress .bar{width:100%;height:0%;background-color:#03bfed}.container .layui-carousel .info{position:fixed;padding:0 10px;color:#fff;background-color:rgba(0,0,0,0.5);border-radius:5px}

/*# sourceMappingURL=audioH5.css.map */