entry.scss 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. @import 'reset.scss';
  2. @import './base/mixin.scss';
  3. html,body{
  4. height: 100%;
  5. overflow: hidden;
  6. cursor: url('//hdzt.duowan.com/201806-hunter/one.ico'), auto;
  7. }
  8. .entry-video{
  9. width: 100%;
  10. height: 100%;
  11. object-fit: fill;
  12. }
  13. .aim-glass{
  14. position: absolute;
  15. top: 50%;
  16. left: 50%;
  17. height: px2rem(1200);
  18. width: px2rem(1200);
  19. margin-left: -px2rem(500);
  20. margin-top: -px2rem(500);
  21. background: url('../img/index-aim.png') center center no-repeat;
  22. background-size: 100%;
  23. }
  24. .hunter-logo{
  25. position: absolute;
  26. top: px2rem(20);
  27. left: px2rem(20);
  28. width: px2rem(421);
  29. height: auto;
  30. }
  31. .vr-logo{
  32. position: absolute;
  33. bottom: px2rem(20);
  34. right: px2rem(180);
  35. width: px2rem(171);
  36. }
  37. .xinshijie-logo{
  38. position: absolute;
  39. bottom: px2rem(20);
  40. right: px2rem(20);
  41. width: px2rem(124);
  42. }
  43. .entry-text{
  44. position: absolute;
  45. z-index: 1;
  46. bottom: px2rem(82);
  47. width: px2rem(423);
  48. margin-left: -px2rem(225);
  49. left: 50%;
  50. }
  51. .bgm-logo{
  52. position: absolute;
  53. top: px2rem(36);
  54. right: px2rem(36);
  55. width: px2rem(57);
  56. height: px2rem(57);
  57. background: url('../img/bgm-icon.png') bottom center no-repeat;
  58. background-size: 100%;
  59. }