html{
/*        transform: scale(0.5);*/

      }
      html, body {
        height: 100%;
        margin: 0;
      }
        body{
            margin: 0;  
        }
        #controls{
          width: 360px;height: auth;
          margin:5px auto 5px 0px;
        }
        #live_box{
          width: 360px;height: 640px;
          background: black;
          position: relative;
          overflow: hidden;
/*          width: 540px;height: 960px;*/
/*          width: 1080px;height: 1920px;
          width: 1440px;height: 2560px;
          width: 2160px;height: 3840px;*/
        }
        #live_box video{
          width: 100%;
          height: 100%;
          object-fit: cover;

        }
        #live_box .ft-box{
          z-index: 9999;
          position: absolute;
        }



        .tip-pics .text{
          color: yellow;
          text-shadow: 0px 0px 1px black, 0px 0px 5px red;
          font-size: 1.2em;

        }
        .tip-pics .ico{
          width: 50px;
          height: 50px;.
          background-repeat: no-repeat;
          background-size: contain;

        }
        /*
      https://p6-webcast.douyinpic.com/img/webcast/cadd229a47b7fad58ba021c7d4638516~tplv-obj.png
https://p6-webcast.douyinpic.com/img/webcast/3d69142c45cc6be4e502e911c5767b23.png~tplv-obj.png
        */
        .ico-hr{
          background-image: url('https://p3-webcast.douyinpic.com/img/webcast/42d4cd329e5c01be43c3432567847507.png~tplv-obj.png');
        }
        .ico-fst{
          background-image: url('https://p3-webcast.douyinpic.com/img/webcast/722e56b42551d6490e5ebd9521287c67~tplv-obj.png');
        }
        .ico-hs{
          background-image: url('https://p3-webcast.douyinpic.com/img/webcast/cadd229a47b7fad58ba021c7d4638516~tplv-obj.png');
        }
        .ico-tw{
          background-image: url('https://p3-webcast.douyinpic.com/img/webcast/eee04e798ad7f08c9faf577f52e258f9~tplv-obj.png');
        }