隧芒官网
Nie możesz wybrać więcej, niż 25 tematów Tematy muszą się zaczynać od litery lub cyfry, mogą zawierać myślniki ('-') i mogą mieć do 35 znaków.
 
 
 

338 wiersze
5.7 KiB

  1. body{
  2. background-color: #000A20 ;
  3. }
  4. /* 去掉全屏时显示的自带控制条 */
  5. /* video::-webkit-media-controls{
  6. display:none !important;
  7. } */
  8. .headBox{
  9. position:fixed;
  10. top: 0;
  11. left: 0;
  12. width: 100%;
  13. height: 80px;
  14. background-color: #000A20 ;
  15. overflow: hidden;
  16. z-index: 100000;
  17. }
  18. .logo{
  19. float: left;
  20. margin-left: 60px;
  21. margin-top: 20px;
  22. width: 180px;
  23. height: 60px;
  24. background-color: #fff;
  25. }
  26. .mainBox{
  27. float: right;
  28. margin-right: 58px;
  29. margin-top: 35px;
  30. height: 20px;
  31. line-height: 17px;
  32. color: #fff;
  33. font-size: 18px;
  34. overflow: hidden;
  35. text-align: center;
  36. display: flex;
  37. flex-wrap:wrap;
  38. justify-content:space-between;
  39. width: 36%;
  40. }
  41. .mainBox div{
  42. cursor: pointer;
  43. }
  44. .space{
  45. margin: 0 60px;
  46. }
  47. /* .mainBox div{
  48. float: left;
  49. width: 72px;
  50. height: 17px;
  51. } */
  52. .hieBox{
  53. top: 0;
  54. left: 0;
  55. position: absolute;
  56. width: 100%;
  57. height: 100%;
  58. background-color: rgba(0, 0, 0, 0.3)
  59. }
  60. .videoBox{
  61. overflow: hidden;
  62. position: relative;
  63. }
  64. .titleBox{
  65. position: absolute;
  66. width: 100%;
  67. font-size: 80px;
  68. font-family: OPPOSans;
  69. font-weight: 400;
  70. color: #FFFFFF;
  71. top: 30%;
  72. left: 0;
  73. text-align: center;
  74. }
  75. .consult{
  76. position: absolute;
  77. left: 50%;
  78. top: 50%;
  79. transform: translate(-50%, -50%);
  80. width: 200px;
  81. height: 60px;
  82. line-height: 60px;
  83. background: #3ADDEF;
  84. text-align: center;
  85. color: #02172D;
  86. font-size: 20px;
  87. font-family: OPPOSans;
  88. font-weight: 500;
  89. border-radius: 6px;
  90. }
  91. .consult:hover {
  92. color: #fff;
  93. }
  94. .video1{
  95. width: 100%;
  96. height: 1080px;
  97. background: #000A20;;
  98. }
  99. .video2{
  100. width: 100%;
  101. height: 1080px;
  102. background: #000A20;;
  103. }
  104. .itemBox{
  105. width: 100%;
  106. height: 800px;
  107. background: #13161D;
  108. position: relative;
  109. overflow: hidden;
  110. margin-top: 20px;
  111. }
  112. .coverF{
  113. height: 60px;;
  114. }
  115. .textBox{
  116. position: absolute;
  117. top: 20%;
  118. left: 20%;
  119. width: 27%;
  120. }
  121. .title{
  122. /* width: 357px; */
  123. /* height: 69px; */
  124. font-size: 56px;
  125. font-family: OPPOSans;
  126. font-weight: 800;
  127. color: #3ADDEF;
  128. }
  129. .cover{
  130. margin: 20px 0;
  131. font-size: 56px;
  132. font-family: OPPOSans;
  133. font-weight: 800;
  134. color: #3ADDEF;
  135. text-align: center;
  136. }
  137. .fushou{
  138. margin-top: 38px;
  139. font-size: 26px;
  140. font-family: OPPOSans;
  141. font-weight: 500;
  142. color: #FFFFFF;
  143. }
  144. .miaosu{
  145. margin-top: 65px;
  146. font-size: 18px;
  147. font-family: Microsoft YaHei;
  148. font-weight: 400;
  149. color: #FFFFFF;
  150. line-height: 38px;
  151. }
  152. .item1{
  153. position: absolute;
  154. width: 30%;
  155. height: 337px;
  156. background: #13161D;
  157. opacity: 0.8;
  158. border-radius: 10px;
  159. top: 20%;
  160. right: 15%;
  161. }
  162. .suxian1{
  163. width: 8px;
  164. height: 522px;
  165. position: absolute;
  166. top: 86px;
  167. left: 20%;
  168. }
  169. .suxian2{
  170. width: 8px;
  171. height: 522px;
  172. position: absolute;
  173. top: 86px;
  174. right: 20%;
  175. }
  176. .suxian3{
  177. position: absolute;
  178. width: 66%;
  179. height: 8px;
  180. left: 16%;
  181. top: 559px
  182. }
  183. .name{
  184. margin-top: 126px;
  185. text-align: center;
  186. font-size: 72px;
  187. font-family: OPPOSans;
  188. font-weight: 800;
  189. color: #3ADDEF;
  190. }
  191. .dazao{
  192. margin-top: 34px;
  193. text-align: center;
  194. font-size: 22px;
  195. font-family: OPPOSans;
  196. font-weight: 400;
  197. color: #3ADDEF;
  198. }
  199. .dataText{
  200. margin: 56px auto;
  201. width: 54%;
  202. height: 176px;
  203. font-size: 18px;
  204. font-family: Microsoft YaHei;
  205. font-weight: 400;
  206. color: #FFFFFF;
  207. }
  208. .jieshao{
  209. width: 200px;
  210. height: 60px;
  211. background: #3ADDEF;
  212. margin: 146px auto;
  213. font-size: 20px;
  214. font-family: OPPOSans;
  215. font-weight: 500;
  216. color: #02172D;
  217. text-align: center;
  218. line-height: 60px;
  219. }
  220. .teamworkName{
  221. margin-top: 110px;
  222. text-align: center;
  223. font-size: 72px;
  224. font-family: OPPOSans;
  225. font-weight: 800;
  226. color: #000000;
  227. }
  228. .teamworkText{
  229. margin-top: 44px;
  230. text-align: center;
  231. font-size: 30px;
  232. font-family: Microsoft YaHei;
  233. font-weight: bold;
  234. color: #FFFFFF;
  235. }
  236. .teamworkP{
  237. margin-top: 10px;
  238. text-align: center;
  239. font-size: 18px;
  240. font-family: Microsoft YaHei;
  241. font-weight: bold;
  242. color: rgba(255, 255, 255, 0.5);
  243. }
  244. .teamworkBox{
  245. /* margin-top: 70px;
  246. margin-left: 359px; */
  247. margin: 5% auto;
  248. width: 1200px;
  249. display: flex;
  250. flex-wrap:wrap;
  251. justify-content:space-between;
  252. }
  253. .itemImg{
  254. width: 18%;
  255. height: 108px;
  256. background-color: #fff;
  257. margin-bottom: 20px;
  258. }
  259. .teamworkBoxtop{
  260. width: 100%;
  261. height: 730px;
  262. background: #13161D;
  263. position: relative;
  264. overflow: hidden;
  265. }
  266. .consultBox{
  267. /* height: 376px; */
  268. background: #1C1F26;
  269. overflow: hidden;
  270. }
  271. .wayBox{
  272. float: left;
  273. /* margin-left: 18%; */
  274. margin-top: 77px;
  275. }
  276. .zhixuantext{
  277. font-size: 16px;
  278. color: rgba(255, 255, 255, 0.5);
  279. margin-bottom: 10px;
  280. }
  281. .ph{
  282. font-size: 26px;
  283. font-family: OPPOSans;
  284. font-weight: 500;
  285. color: #FFFFFF;
  286. margin-bottom: 64px
  287. }
  288. .stieText{
  289. font-size: 16px;
  290. color: rgba(255, 255, 255, 0.5);
  291. margin-bottom: 10px;
  292. }
  293. .stie{
  294. font-size: 18px;
  295. font-family: OPPOSans;
  296. font-weight: 500;
  297. color: #FFFFFF;
  298. }
  299. .rqCodeBox{
  300. margin-top: 84px;
  301. width: 62%;
  302. float: left;
  303. margin-left:7%;
  304. display: flex;
  305. flex-wrap:wrap;
  306. justify-content:space-between;
  307. }
  308. .rq{
  309. width: 10rem;
  310. height: 10rem;
  311. background-color: #FFFFFF;
  312. }
  313. .rqBox p{
  314. text-align: center;
  315. margin-top: 20px;
  316. font-size: 16px;
  317. font-family: Microsoft YaHei;
  318. font-weight: 400;
  319. color: #FFFFFF;
  320. }
  321. .tail{
  322. height: 60px;
  323. line-height: 60px;
  324. text-align: center;
  325. background: #040405;
  326. font-size: 14px;
  327. font-family: Microsoft YaHei;
  328. font-weight: 400;
  329. color: #FFFFFF;
  330. }