global.css 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712
  1. @charset "utf-8";
  2. /*样式初始化*/
  3. @font-face {
  4. font-family: 'pingfang SC';
  5. src:url('font/pingfang.ttf') format('truetype');
  6. }
  7. body{
  8. font-family:-apple-system, BlinkMacSystemFont, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft Yahei', '微软雅黑', sans-serif;
  9. font-size:12px !important;
  10. }
  11. /*滑块*/
  12. ::-webkit-scrollbar-thumb:horizontal { /*水平滚动条的样式*/
  13. background-color: #999;
  14. }
  15. ::-webkit-scrollbar-thumb:vertical { /*垂直滚动条的样式*/
  16. background-color: #999;
  17. }
  18. .nav-link,.btn-link{
  19. color:#ff6501;
  20. }
  21. .nav-link:hover,.btn-link:hover{
  22. color:#d45300;
  23. text-decoration: none;
  24. }
  25. .container-width{
  26. /*position:relative;*/
  27. padding:20px;
  28. /*width:900px;
  29. height:564px;*/
  30. /*overflow: hidden;*/
  31. background: -prefix-linear-gradient(left top,#6d5855,#3b2d2a);
  32. background: linear-gradient(to bottom right,#6d5855,#3b2d2a);
  33. }
  34. ::-webkit-scrollbar-track
  35. {
  36. background-color: #fff;
  37. }
  38. ::-webkit-scrollbar
  39. {
  40. width: 5px;
  41. height:5px;
  42. }
  43. ::-webkit-scrollbar:hover{
  44. background:#ddd5cf;
  45. }
  46. ::-webkit-scrollbar-thumb
  47. {
  48. background-color: #ddd5cf;
  49. }
  50. .header{
  51. margin-top: -20px;
  52. padding-top: 5px;
  53. height:60px;
  54. color:#fff;
  55. }
  56. .header i{
  57. color:#fff;
  58. }
  59. .header-return{
  60. display:inline-block;
  61. font-size: 20px;
  62. font-weight: bold;
  63. padding:9px 5px 0 0;
  64. }
  65. .header i{
  66. cursor:pointer;
  67. }
  68. .version-name{
  69. margin-left: 15px;
  70. color:#ddd;
  71. font-size: 12px;
  72. }
  73. .top-nav .nav-link{
  74. color:#ccc;
  75. font-size:18px;
  76. }
  77. .top-nav .nav-link.active{
  78. color:#fff;
  79. text-shadow:0px 0px 6px #fff, 0px 0px 20px #f72, 0px 0px 30px #f84,0px 0px 70px #fa5;
  80. position: relative;
  81. }
  82. .top-nav .nav-link.active:before{
  83. position:absolute;
  84. content: "";
  85. top:39px;
  86. left:50%;
  87. margin-left:-8px;
  88. height: 0px;
  89. width: 0px;
  90. border-left: 7px solid transparent;
  91. border-bottom: 8px solid #fbf6f3;
  92. border-right: 8px solid transparent;
  93. }
  94. .top-nav .nav-link:hover{
  95. color:#fff;
  96. text-shadow: 0px 0px 20px #f72;
  97. }
  98. .top-nav .nav-link.active:hover{
  99. color:#fff;
  100. text-shadow:0px 0px 6px #fff, 0px 0px 20px #f72, 0px 0px 30px #f84,0px 0px 70px #fa5;
  101. cursor: default;
  102. }
  103. .software-wrap{
  104. position:relative;
  105. background:#fbf6f3;
  106. overflow:hidden;
  107. }
  108. .software-down{
  109. padding: 50px 0;
  110. }
  111. .images-usb{
  112. width:100%;
  113. text-align: center;
  114. }
  115. .lock-detail{
  116. width:100%;
  117. }
  118. .text-orange{
  119. color:#ff6501;
  120. padding:0 10px;
  121. }
  122. .info-title{
  123. width:100%;
  124. height:60px;
  125. line-height: 60px;
  126. text-align: center;
  127. font-size: 16px;
  128. z-index: 10;
  129. }
  130. .info-list{
  131. width:100%;
  132. overflow-y:auto;
  133. }
  134. .software-info{
  135. padding-top: 5px;
  136. font-size: 14px;
  137. }
  138. .software-wrapscroll{
  139. width:100%;
  140. overflow-y:auto;
  141. }
  142. .software-list{
  143. background:#fff;
  144. border:2px solid #fff;
  145. border-radius: 3px;
  146. padding:12px;
  147. margin:0 15px 15px;
  148. }
  149. .software-list .software-body{
  150. width:85% !important;
  151. }
  152. .software-list:hover,.details:hover{
  153. border:2px solid rgba(255,101,5,0.2);
  154. }
  155. .software-list:hover .btn-white,.details:hover .btn-white{
  156. background:#ff6501;
  157. color:#fff;
  158. border:1px solid #ff6501;
  159. }
  160. .software-list a{
  161. color:#333;
  162. }
  163. .software-list a:hover{
  164. text-decoration: none;
  165. }
  166. .freewrap{
  167. background:#eee5df;
  168. margin:0 15px 15px 15px;
  169. padding:0 0 5px 0;
  170. border-radius: 3px;
  171. }
  172. .free-title{
  173. padding:10px 15px;
  174. font-size: 18px;
  175. border-radius: 3px 3px 0 0;
  176. }
  177. .free-content{
  178. position:relative;
  179. background:#fff;
  180. padding:15px;
  181. height:90px;
  182. border:2px solid #fff;
  183. border-radius: 3px;
  184. }
  185. .free-content:hover{
  186. border:2px solid rgba(255,101,5,0.2);
  187. }
  188. .free-content:hover .btn-white{
  189. background:#ff6501;
  190. color:#fff;
  191. border:1px solid #ff6501;
  192. display:block;
  193. }
  194. .free-content .btn-white{
  195. display:none;
  196. }
  197. .free-right{
  198. position:absolute;
  199. right:15px;
  200. bottom:10px;
  201. }
  202. .obtian-list{
  203. width:100%;
  204. overflow-y:auto;
  205. }
  206. .obtian-top{
  207. background:rgba(107,91,89,0.4);
  208. color:#333;
  209. border:1px solid #ddd;
  210. border-radius: 7px;
  211. padding:15px;
  212. margin:15px 15px 16px 15px;
  213. font-size: 16px;
  214. }
  215. .software-title{
  216. font-size: 16px;
  217. font-weight: bold;
  218. }
  219. .software-version{
  220. font-size: 14px;
  221. color:#888;
  222. }
  223. .software-stitle{
  224. font-size: 14px;
  225. color:#888;
  226. }
  227. .details-title a{
  228. color:#333;
  229. }
  230. .details-title a:hover{
  231. background:#fff;
  232. text-decoration: none;
  233. }
  234. .detail-download{
  235. width:530px;
  236. padding: 10px 15px;
  237. font-size: 14px;
  238. overflow-y:auto;
  239. }
  240. .detail-content ul{
  241. margin:10px 0 0 0;
  242. padding:0;
  243. }
  244. .detail-content ul li{
  245. list-style-type: none;
  246. width:100%;
  247. padding:10px 0;
  248. }
  249. .detail-content ul li .float-right{
  250. margin-top: -4px;
  251. }
  252. .color-gray{
  253. color:#888;
  254. }
  255. .software-left{
  256. position: absolute;
  257. width:27%;
  258. top:0;
  259. bottom:0;
  260. left:0;
  261. background:#fff;
  262. }
  263. .local-software{
  264. position:absolute;
  265. width:100%;
  266. top:0;
  267. left:0;
  268. bottom:47px;
  269. overflow-y:auto;
  270. }
  271. .software{
  272. position:relative;
  273. padding:12px 0;
  274. margin:0 15px;
  275. border-bottom: 1px solid #f5ede7;
  276. cursor:pointer;
  277. }
  278. .software a{
  279. color:#333;
  280. text-decoration: none;
  281. }
  282. .software:hover a{
  283. color:#ff6501;
  284. }
  285. .software.active{
  286. font-weight: bold;
  287. color:#ff6501;
  288. }
  289. .software.active:before{
  290. position:absolute;
  291. content: "";
  292. top:20px;
  293. right:-15px;
  294. height: 0px;
  295. width: 0px;
  296. border-top: 7px solid transparent;
  297. border-right: 8px solid #fbf6f3;
  298. border-bottom: 8px solid transparent;
  299. }
  300. .software.active a{
  301. color:#ff6501;
  302. }
  303. .software.active .software-num,.software:hover .software-num{
  304. background:#ff6501;
  305. color:#fff;
  306. }
  307. .open-left{
  308. position:absolute;
  309. top:0;
  310. right:0;
  311. z-index: 999;
  312. }
  313. .open-left span{
  314. display:inline-block;
  315. font-size: 12px;
  316. width:12px;
  317. text-align: center;
  318. padding:5px 0;
  319. background:#5A4A47;
  320. color:#fff;
  321. border-radius: 0 0 0 4px;
  322. cursor:pointer;
  323. }
  324. .software-num{
  325. position:absolute;
  326. top:15px;
  327. right:0;
  328. background:#e9e9e9;
  329. color:#555;
  330. display:inline-block;
  331. padding:3px 8px;
  332. }
  333. .software-left-bottomV1,.software-left-bottomV2{
  334. z-index: 999;
  335. position:absolute;
  336. width:100%;
  337. bottom:0;
  338. left:0;
  339. background:#fff;
  340. height:55px;
  341. }
  342. .local-install{
  343. position:absolute;
  344. top: 0;
  345. left:27%;
  346. bottom:0;
  347. width:73%;
  348. overflow-y:hidden;
  349. }
  350. .software-content{
  351. width:100%;
  352. }
  353. .software-tab-pane{
  354. background:#fff;
  355. overflow-y:auto;
  356. }
  357. .software-content .tab-pane{
  358. padding:0 15px;
  359. }
  360. .software-nav{
  361. position:absolute;
  362. right:15px;
  363. top:0;
  364. border-color: #fff;
  365. }
  366. .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
  367. border-color: #fff;
  368. }
  369. .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  370. border-color: #fff;
  371. background:#fff;
  372. }
  373. .nav-link{
  374. padding:13px 25px;
  375. }
  376. .iconbg{
  377. display:block;
  378. width:30px;
  379. padding:7px 0;
  380. margin:0 0 5px 9px;
  381. text-align: center;
  382. }
  383. .iconbg-purple{
  384. background:#8a7bfd;
  385. color:#fff;
  386. }
  387. .iconbg-green{
  388. background:#0fb890;
  389. color:#fff;
  390. }
  391. .iconbg-yellow{
  392. background:#bfad6a;
  393. color:#fff;
  394. }
  395. .details{
  396. background:#fbf6f3;
  397. padding:15px;
  398. border: 2px solid #fff;
  399. border-radius: 3px;
  400. margin:15px;
  401. color:#888;
  402. font-size: 14px;
  403. }
  404. .details-title{
  405. width:85%;
  406. font-size: 16px;
  407. color:#333;
  408. }
  409. .details .w-25{
  410. font-size: 16px;
  411. font-weight: bold;
  412. color:#333;
  413. }
  414. .details .details-title .w-25{
  415. width:62%!important;
  416. font-weight: 500;
  417. }
  418. .local-software-content{
  419. height:364px;
  420. overflow-y:auto;
  421. padding-right: 15px;
  422. }
  423. #dropdownMenuButton{
  424. cursor:pointer;
  425. }
  426. .no-drop::after{
  427. border:none;
  428. content:none;
  429. }
  430. .vide-title{
  431. margin:0 0 20px 0;
  432. font-size: 16px;
  433. }
  434. .bolangbanner {
  435. top: 98px;
  436. height: 100px;
  437. position: absolute;
  438. width: 100%;
  439. z-index:1;
  440. overflow:hidden;
  441. }
  442. #banner_bolang_bg_1{
  443. position: absolute;
  444. height:85px;
  445. background: url(wave01.png) repeat-x;
  446. width:300%;
  447. bottom:0;
  448. }
  449. #banner_bolang_bg_2{
  450. position: absolute;
  451. height:100px;
  452. background: url(wave02.png) repeat-x;
  453. width:300%;
  454. top:0;
  455. }
  456. .colorblack{
  457. color:#212529;
  458. }
  459. .colorblack:hover{
  460. color:#333;
  461. }
  462. .downloaded{
  463. background:#fbf6f3;
  464. border-radius: 3px;
  465. padding:10px;
  466. font-size: 14px;
  467. border:2px solid #fbf6f3;
  468. margin:10px 0 10px 0;
  469. }
  470. .downloaded:hover{
  471. border:2px solid rgba(255,101,5,0.2);
  472. }
  473. .progress-content .float-right{
  474. font-size: 16px;
  475. }
  476. .progress-width{
  477. width:85%;
  478. }
  479. .dropdown-wrap{
  480. min-width: 0;
  481. }
  482. .btn-white {
  483. color: #333;
  484. background-color: #fff;
  485. border-color: #ddd;
  486. }
  487. .btn-white:hover{
  488. background:#d45300 !important;
  489. color:#fff !important;
  490. border:1px solid #d45300 !important;
  491. }
  492. .btn-orange {
  493. color: #fff;
  494. background-color: #ff6501;
  495. border-color: #ff6501;
  496. }
  497. .btn-orange:hover {
  498. color: #fff;
  499. background-color: #e55a00;
  500. border-color: #e55a00;
  501. }
  502. .btn-orange:focus, .btn-orange.focus {
  503. box-shadow: 0 0 0 0.2rem rgba(45, 174, 191, 0.5);
  504. }
  505. .btn-orange.disabled, .btn-orange:disabled {
  506. color: #fff;
  507. background-color: #e55a00;
  508. border-color: #e55a00;
  509. }
  510. .btn-orange:not(:disabled):not(.disabled):active, .btn-orange:not(:disabled):not(.disabled).active,
  511. .show > .btn-orange.dropdown-toggle {
  512. color: #fff;
  513. background-color: #e55a00;
  514. border-color: #e55a00;
  515. }
  516. .btn-orange:not(:disabled):not(.disabled):active:focus, .btn-orange:not(:disabled):not(.disabled).active:focus,
  517. .show > .btn-orange.dropdown-toggle:focus {
  518. box-shadow: 0 0 0 0.2rem rgba(45, 174, 191, 0.5);
  519. }
  520. .btn-blue {
  521. color: #fff;
  522. background-color: #14a5e8;
  523. border-color: #14a5e8;
  524. }
  525. .btn-blue:hover {
  526. color: #fff;
  527. background-color: #0e90cc;
  528. border-color: #0e90cc;
  529. }
  530. .btn-blue:focus, .btn-blue.focus {
  531. box-shadow: 0 0 0 0.2rem rgba(45, 174, 191, 0.5);
  532. }
  533. .btn-blue.disabled, .btn-blue:disabled {
  534. color: #fff;
  535. background-color: #0e90cc;
  536. border-color: #0e90cc;
  537. }
  538. .btn-blue:not(:disabled):not(.disabled):active, .btn-blue:not(:disabled):not(.disabled).active,
  539. .show > .btn-blue.dropdown-toggle {
  540. color: #fff;
  541. background-color: #0e90cc;
  542. border-color: #0e90cc;
  543. }
  544. .btn-blue:not(:disabled):not(.disabled):active:focus, .btn-blue:not(:disabled):not(.disabled).active:focus,
  545. .show > .btn-blue.dropdown-toggle:focus {
  546. box-shadow: 0 0 0 0.2rem rgba(45, 174, 191, 0.5);
  547. }
  548. .badge-orange{
  549. background:#ff9900;
  550. }
  551. .badge-red{
  552. background:#f00;
  553. }
  554. .modal-dialog{
  555. margin: 3.7rem auto 0 auto !important;
  556. }
  557. .modal-body{
  558. max-height:385px;
  559. overflow-y:auto;
  560. }
  561. .head-img{
  562. margin-top: -5px;
  563. width:26px;
  564. height:26px;
  565. border-radius: 13px;
  566. }
  567. .downloading .dropdown-item{
  568. color:#007bff;
  569. }
  570. .modal-online .media{
  571. background:#fbf6f3;
  572. margin:0 0 15px 0;
  573. padding:15px;
  574. border: 2px solid #fbf6f3;
  575. border-radius: 3px;
  576. }
  577. .modal-online .media:hover{
  578. border:2px solid rgba(255,101,5,0.2);
  579. }
  580. .alert-sm{
  581. padding: .25rem .5rem;
  582. }
  583. .card-width{
  584. width:189px;
  585. }
  586. /*新闻页面*/
  587. .news-content .software-left{
  588. width:15%;
  589. }
  590. .news-content .local-install{
  591. width:85%;
  592. left:15%;
  593. }
  594. .news-item a{
  595. color:#212529;
  596. }
  597. .news-list a:hover{
  598. text-decoration: none;
  599. }
  600. .news-list .news-item{
  601. border:1px solid #fff;
  602. overflow: hidden;
  603. padding:20px;
  604. background:#fff;
  605. }
  606. .news-list .news-item:hover{
  607. border:1px solid rgba(255,101,5,0.3);
  608. box-shadow: 0 0 10px #ccc
  609. }
  610. /*培训*/
  611. .train-nav .nav-link{
  612. padding:5px 15px 0px;
  613. position: relative;
  614. color:#333;
  615. font-size: 14px
  616. }
  617. .train-nav .nav-link.active{
  618. color:#ff6501;
  619. font-weight: 600
  620. }
  621. .train-nav .nav-link:hover{
  622. color:#ff6501;
  623. }
  624. .train-nav .nav-link.active:before{
  625. position:absolute;
  626. content: "";
  627. top:34px;
  628. left:20px;
  629. height: 0px;
  630. width: 0px;
  631. border-left: 7px solid transparent;
  632. border-bottom: 8px solid #fbf6f3;
  633. border-right: 8px solid transparent
  634. }
  635. .train-content{
  636. position:relative;
  637. background:#fff;
  638. }
  639. .train-detail {
  640. font-size:14px;
  641. }
  642. .train-detail h1 {
  643. text-align: center;
  644. color:#f90000;
  645. font-size: 2rem;
  646. border-bottom:1px solid #f90000;
  647. padding-bottom:10px;
  648. }
  649. .train-detail h2 {
  650. text-align: center;
  651. font-size: 1.5rem;
  652. margin-bottom:20px;
  653. }
  654. .train-table ul{
  655. margin:0;
  656. padding:0;
  657. }
  658. .train-table ul li{
  659. margin:25px 0 0 0;
  660. list-style-type: none;
  661. font-size:14px;
  662. }
  663. .train-table .form-th{
  664. width: 80px;
  665. height: 34px;
  666. line-height: 34px;
  667. text-align: center;
  668. background: linear-gradient(to bottom right,#6d5855,#3b2d2a);
  669. color: #fff;
  670. margin:0 0 10px 0;
  671. }
  672. .form-group{
  673. position:relative;
  674. }
  675. .erroT{
  676. border:1px solid #f00;
  677. }
  678. .form-group span.text-danger{
  679. position:absolute;
  680. top:8px;
  681. }
  682. .text-big{
  683. margin-top: -10px;
  684. font-size: 26px;
  685. }
  686. .new-function{
  687. padding:15px 0;
  688. display:none;
  689. }
  690. .white-bg{
  691. background:#fff;
  692. }
  693. .lead-sm{
  694. font-size: 12px;
  695. }