global.css 14 KB

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