global.css 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792
  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. .building-bg {
  419. background:url(building3bg.png) top right no-repeat;
  420. }
  421. .software-detail-top{
  422. border-bottom:1px solid #eaeaea;
  423. }
  424. .software-content{
  425. width:100%;
  426. }
  427. .software-tab-pane{
  428. overflow-y:auto;
  429. }
  430. .software-content .tab-pane{
  431. padding:0 ;
  432. }
  433. .software-nav{
  434. position:absolute;
  435. right:15px;
  436. top:0;
  437. border-color: #eaeaea;
  438. }
  439. .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
  440. border-color: #eaeaea;
  441. background: #eaeaea
  442. }
  443. .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  444. border-color: #fff;
  445. background:#fff;
  446. }
  447. .nav-link{
  448. padding:13px 25px;
  449. }
  450. .iconbg{
  451. display:block;
  452. width:30px;
  453. padding:5px 0 5px 0;
  454. margin:0 0 0 9px;
  455. text-align: center;
  456. }
  457. .iconbg i{
  458. font-size: 24px
  459. }
  460. .iconbg-purple{
  461. background:#8a7bfd;
  462. color:#fff;
  463. }
  464. .iconbg-green{
  465. background:#0fb890;
  466. color:#fff;
  467. }
  468. .iconbg-yellow{
  469. background:#bfad6a;
  470. color:#fff;
  471. }
  472. .details{
  473. background:#f5f6f7;
  474. padding:20px 30px;
  475. border-radius: 3px;
  476. color:#888;
  477. font-size: 14px;
  478. border-bottom:1px solid #eaeaea;
  479. }
  480. .details-title{
  481. width:85%;
  482. color:#333;
  483. }
  484. .details .w-25{
  485. font-size: 16px;
  486. font-weight: bold;
  487. color:#333;
  488. }
  489. .details .details-title .w-25{
  490. width:70%!important;
  491. font-weight: 600;
  492. }
  493. .local-software-content{
  494. height:364px;
  495. overflow-y:auto;
  496. padding-right: 15px;
  497. }
  498. #dropdownMenuButton{
  499. cursor:pointer;
  500. }
  501. .no-drop::after{
  502. border:none;
  503. content:none;
  504. }
  505. .vide-title{
  506. margin:0 0 20px 0;
  507. font-size: 16px;
  508. }
  509. .bolangbanner {
  510. top: 98px;
  511. height: 100px;
  512. position: absolute;
  513. width: 100%;
  514. z-index:1;
  515. overflow:hidden;
  516. }
  517. #banner_bolang_bg_1{
  518. position: absolute;
  519. height:85px;
  520. background: url(wave01.png) repeat-x;
  521. width:300%;
  522. bottom:0;
  523. }
  524. #banner_bolang_bg_2{
  525. position: absolute;
  526. height:100px;
  527. background: url(wave02.png) repeat-x;
  528. width:300%;
  529. top:0;
  530. }
  531. .colorblack{
  532. color:#212529;
  533. }
  534. .colorblack:hover{
  535. color:#333;
  536. }
  537. .downloaded{
  538. background:#f5f6f7;
  539. border-radius: 3px;
  540. padding:10px;
  541. font-size: 14px;
  542. border:2px solid #f5f6f7;
  543. margin:10px 0 10px 0;
  544. }
  545. .downloaded:hover{
  546. border:2px solid rgba(30,110,255,0.2);
  547. }
  548. .progress-content .float-right{
  549. font-size: 16px;
  550. }
  551. .progress-width{
  552. width:85%;
  553. }
  554. .dropdown-wrap{
  555. min-width: 0;
  556. }
  557. .btn-group>.btn:nth-child(2){
  558. border-left: 1px solid #73a5ff
  559. }
  560. .btn-white {
  561. color: #333;
  562. background-color: #fff;
  563. border-color: #ddd;
  564. }
  565. .btn-white:hover{
  566. background:#eaecf1 !important;
  567. color:#333 !important;
  568. border:1px solid #eef0f7 !important;
  569. }
  570. .btn-orange {
  571. color: #fff;
  572. background-color: #ff6501;
  573. border-color: #ff6501;
  574. }
  575. .btn-orange:hover {
  576. color: #fff;
  577. background-color: #e55a00;
  578. border-color: #e55a00;
  579. }
  580. .btn-orange:focus, .btn-orange.focus {
  581. box-shadow: 0 0 0 0.2rem rgba(45, 174, 191, 0.5);
  582. }
  583. .btn-orange.disabled, .btn-orange:disabled {
  584. color: #fff;
  585. background-color: #e55a00;
  586. border-color: #e55a00;
  587. }
  588. .btn-orange:not(:disabled):not(.disabled):active, .btn-orange:not(:disabled):not(.disabled).active,
  589. .show > .btn-orange.dropdown-toggle {
  590. color: #fff;
  591. background-color: #e55a00;
  592. border-color: #e55a00;
  593. }
  594. .btn-orange:not(:disabled):not(.disabled):active:focus, .btn-orange:not(:disabled):not(.disabled).active:focus,
  595. .show > .btn-orange.dropdown-toggle:focus {
  596. box-shadow: 0 0 0 0.2rem rgba(45, 174, 191, 0.5);
  597. }
  598. .btn-blue {
  599. color: #fff;
  600. background-color: #1e6eff;
  601. border-color: #1e6eff;
  602. }
  603. .btn-blue:hover {
  604. color: #fff;
  605. background-color: #0e90cc;
  606. border-color: #0e90cc;
  607. }
  608. .btn-blue:focus, .btn-blue.focus {
  609. box-shadow: 0 0 0 0.2rem rgba(45, 174, 191, 0.5);
  610. }
  611. .btn-blue.disabled, .btn-blue:disabled {
  612. color: #fff;
  613. background-color: #0e90cc;
  614. border-color: #0e90cc;
  615. }
  616. .btn-blue:not(:disabled):not(.disabled):active, .btn-blue:not(:disabled):not(.disabled).active,
  617. .show > .btn-blue.dropdown-toggle {
  618. color: #fff;
  619. background-color: #0e90cc;
  620. border-color: #0e90cc;
  621. }
  622. .btn-blue:not(:disabled):not(.disabled):active:focus, .btn-blue:not(:disabled):not(.disabled).active:focus,
  623. .show > .btn-blue.dropdown-toggle:focus {
  624. box-shadow: 0 0 0 0.2rem rgba(45, 174, 191, 0.5);
  625. }
  626. .badge-orange{
  627. background:#ff9900;
  628. }
  629. .badge-red{
  630. background:#f00;
  631. }
  632. .modal-dialog{
  633. margin: 3.7rem auto 0 auto !important;
  634. }
  635. .modal-body{
  636. max-height:385px;
  637. overflow-y:auto;
  638. }
  639. .head-img{
  640. margin-top: -5px;
  641. width:26px;
  642. height:26px;
  643. border-radius: 13px;
  644. }
  645. .downloading .dropdown-item{
  646. color:#1e6eff;
  647. }
  648. .modal-online .media{
  649. background:#fbf6f3;
  650. margin:0 0 15px 0;
  651. padding:15px;
  652. border: 2px solid #fbf6f3;
  653. border-radius: 3px;
  654. }
  655. .modal-online .media:hover{
  656. border:2px solid rgba(255,101,5,0.2);
  657. }
  658. .alert-sm{
  659. padding: .25rem .5rem;
  660. }
  661. .card-width{
  662. width:189px;
  663. }
  664. /*新闻页面*/
  665. .news-content .software-left{
  666. width:15%;
  667. }
  668. .news-content .local-install{
  669. width:85%;
  670. left:15%;
  671. }
  672. .news-item a{
  673. color:#212529;
  674. }
  675. .news-list a:hover{
  676. text-decoration: none;
  677. }
  678. .news-list .news-item{
  679. border:1px solid #fff;
  680. overflow: hidden;
  681. padding:20px;
  682. background:#fff;
  683. }
  684. .news-list .news-item:hover{
  685. border:1px solid #ddd;
  686. box-shadow: 0 0 10px #eaeaea
  687. }
  688. /*培训*/
  689. .train-nav .nav-link{
  690. padding:5px 15px 0px;
  691. position: relative;
  692. color:#333;
  693. font-size: 14px
  694. }
  695. .train-nav .nav-link.active{
  696. color:#1e6eff;
  697. font-weight: 600
  698. }
  699. .train-nav .nav-link:hover{
  700. color:#1e6eff;
  701. }
  702. .train-nav .nav-link.active:before{
  703. position:absolute;
  704. content: "";
  705. top:34px;
  706. left:20px;
  707. height: 0px;
  708. width: 0px;
  709. border-left: 7px solid transparent;
  710. border-bottom: 8px solid #fbf6f3;
  711. border-right: 8px solid transparent
  712. }
  713. .train-content{
  714. position:relative;
  715. background:#fff;
  716. }
  717. .train-detail {
  718. font-size:14px;
  719. }
  720. .train-detail h1 {
  721. text-align: center;
  722. color:#f90000;
  723. font-size: 2rem;
  724. border-bottom:1px solid #f90000;
  725. padding-bottom:10px;
  726. }
  727. .train-detail h2 {
  728. text-align: center;
  729. font-size: 1.5rem;
  730. margin-bottom:20px;
  731. }
  732. .train-table ul{
  733. margin:0;
  734. padding:0;
  735. }
  736. .train-table ul li{
  737. margin:25px 0 0 0;
  738. list-style-type: none;
  739. font-size:14px;
  740. }
  741. .train-table .form-th{
  742. width: 80px;
  743. height: 34px;
  744. line-height: 34px;
  745. text-align: center;
  746. background: linear-gradient(to bottom right,#6d5855,#3b2d2a);
  747. color: #fff;
  748. margin:0 0 10px 0;
  749. }
  750. .form-group{
  751. position:relative;
  752. }
  753. .erroT{
  754. border:1px solid #f00;
  755. }
  756. .form-group span.text-danger{
  757. position:absolute;
  758. top:8px;
  759. }
  760. .text-big{
  761. margin-top: -10px;
  762. font-size: 26px;
  763. }
  764. .new-function{
  765. padding:15px 0;
  766. display:none;
  767. }
  768. .white-bg{
  769. background:#fff;
  770. }
  771. .lead-sm{
  772. font-size: 1rem;
  773. }