body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App,main-wrap{width:100%;height:100%;overflow:hidden;background-color:#ededed}canvas{outline:0}*{margin:0;padding:0}#logoLoading,#root,body,html{height:100%;width:100%}#logoLoading{background-color:#ededed;position:absolute;z-index:999}html{width:100%;min-height:100%;background-color:#acacac}.vrLoading-box1{width:11rem;height:11rem;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.vrLoading-box{width:11rem;height:11rem;margin:0;border-radius:50%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;position:relative;z-index:999}.circle-wraper{width:5.5rem;height:11rem;position:absolute;top:0;overflow:hidden}.left{left:0}.right{right:0}.circleProgress{width:11rem;height:11rem;border:6px solid #648ffc;border-radius:50%;position:absolute;top:0;-webkit-transform:rotate(45deg);box-sizing:border-box}.leftcircle{border:6px solid #ccc;left:0}.rightcircle{border:6px solid #ccc;right:0}.loading-tips{font-size:18px;color:#2c2c2c;margin-top:-20px}.bottom-tips,.loading-tips{font-family:PingFangSC-Medium;letter-spacing:0;text-align:center;font-weight:500;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.bottom-tips{font-size:12px;color:#666;margin:20px auto 0}.td-top{margin:7.04rem auto 0;overflow:hidden}.hw-iframe,.td-top{width:17.195733rem;height:16.213333rem}.vrshow-icon{margin:0 auto}.vrshow-icon,.vrshow-iconImg{width:1.706667rem;height:1.706667rem}.vrshow-tips{font-family:PingFangSC-Medium;font-size:12px;color:#999;letter-spacing:0;text-align:center;font-weight:500;margin-top:.373333rem}.switch-tabBox{width:11.733333rem;height:2.133333rem;background:#e3e3e3;border-radius:20px}.a_buy,.switch-tabBox{margin:1rem auto 0;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;overflow:hidden}.a_buy{width:18rem;height:44px;border-radius:3rem}.img_buy{display:block;width:100%;height:auto;min-height:44px}.a_buy span{color:#fff;position:absolute;display:block;width:18rem;height:2.133333rem;text-align:center;line-height:2.133333rem}.a_buy span,.switch-item{font-size:14px;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;letter-spacing:0;font-weight:500}.switch-item{width:5.76rem;height:100%;display:-webkit-flex;display:flex;font-family:PingFangSC-Medium;color:#666;border-radius:20px}.switch-itemActive{background:#fff;color:#648ffc}.swtch-icon{width:.96rem;height:.96rem}.td-bottom{width:100%;height:auto;position:absolute;bottom:40px;left:0;z-index:9;-webkit-transform:rotateX(-50%);transform:rotateX(-50%)}.td-box{opacity:0}.loading-box,.td-box{width:100%;height:100%}.loading-box{position:relative;z-index:9999}.fill-box{position:fixed;left:0;bottom:0;z-index:999999;width:100%;height:400px}.back_container{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:10;display:none}.back_container .center_container{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:calc(100vw - 30px);max-width:500px}.back_container .close_container{position:absolute;right:0;top:-60px;height:60px;width:auto;cursor:pointer}.context_container{width:100%;height:100%;position:relative;border-radius:16px;background-color:#fff;max-height:60vh;overflow:auto}.context_container .height_line{height:5px}.context_container .images{width:calc(100% - 40px);display:block;margin:0 20px;border-radius:10px}.context_container .video{width:100%;position:relative;border-top-left-radius:16px;border-top-right-radius:16px}.context_container .video .control{width:100%;position:absolute;bottom:5px;height:40px;text-align:center;transition:all .3s ease-in}#mp4{position:relative;width:100%;height:auto;border-top-left-radius:16px;border-top-right-radius:16px}#btntime{width:calc(100% - 210px);position:absolute;left:85px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);height:20px;-webkit-appearance:none;overflow:hidden;outline:none;background:none;z-index:3}#btntime::-webkit-slider-thumb{-webkit-appearance:none;position:relative;width:16px;height:16px;background:#fff;border-radius:50%;-webkit-transition:.2s;transition:.2s}#btntime1{background:#ff8f42;z-index:2}#btntime1,#btntime2{position:absolute;left:85px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);height:5px;border-radius:5px}#btntime2{width:calc(100% - 210px);background:#fff}#btntime:active::-webkit-slider-thumb:after,#btntime:active::-webkit-slider-thumb:before{top:6px}#btntime:active::-webkit-slider-thumb{width:20px;height:20px}#btntime:active::-webkit-slider-thumb:after{left:16px}#btnstart{left:5px}#btnmute,#btnstart{width:30px;height:30px;cursor:pointer;position:absolute;top:5px}#btnmute{right:45px}#btnbig{width:30px;height:30px;cursor:pointer;position:absolute;right:5px;top:5px}#current_time{left:45px}#current_time,#totaltime{height:16px;width:35px;line-height:16px;font-size:12px;position:absolute;top:12px}#totaltime{right:85px}.context_container .div_h1{width:calc(100% - 40px);text-align:left;margin:0 20px;font-size:20px;color:#2c2c2c;font-weight:700}.context_container .div_h3{width:calc(100% - 40px);text-align:left;margin:0 20px;font-size:14px;color:#666;line-height:24px}.lefttopTip{position:absolute;left:20px;top:20px;-webkit-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.lefttopTip img{position:absolute;left:0;top:0;width:24px;height:24px}.lefttopTip span{height:24px;display:block;font-size:14px;color:#999;line-height:24px;margin-left:28px}.bottomTip{position:absolute;left:0;bottom:53px;font-style:normal;font-weight:400;font-size:12px;line-height:9px;pointer-events:none;z-index:9;color:#999;text-align:center;width:100%;height:9px;-webkit-transform:scale(.75);transform:scale(.75)}.leftSprite{height:30px;cursor:pointer;pointer-events:auto}.leftSprite div{height:30px;float:left;padding:0 15px;font-size:14px;line-height:30px;background:#648ffc;border-radius:15px;color:#fff}.leftSprite img{height:30px;width:30px;float:right}.leftSprite .img_more{height:14px;float:right;font-size:14px;border-radius:15px;color:#fff;width:14px;margin:8px -10px 8px 3px}.rightSprite{height:30px;cursor:pointer;pointer-events:auto}.rightSprite div{height:30px;float:right;padding:0 15px;font-size:14px;line-height:30px;background:#648ffc;border-radius:15px;color:#fff}.rightSprite img{height:30px;width:30px;float:left}.rightSprite .img_more{height:14px;float:right;font-size:14px;border-radius:15px;color:#fff;width:14px;margin:8px -10px 8px 3px}