search-nav.scss 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. @import "../style/main";
  2. .nav{
  3. background:rgba(255,255,255,1);
  4. box-shadow:0px 4px 30px 0px rgba(8,5,6,0.08);
  5. //padding: 0 10%;
  6. }
  7. .search-nav,.square-tab {
  8. margin: 0 auto !important;
  9. /deep/ .el-col {
  10. padding: 0 !important;
  11. }
  12. }
  13. .logo-img{
  14. width: 45px;
  15. height: 45px;
  16. margin: 2px 30px;
  17. display: inline-block;
  18. vertical-align: middle;
  19. }
  20. .logo-title{
  21. width: 100px;
  22. display: inline-block;
  23. text-align: center;
  24. height: 50px;
  25. line-height: 50px;
  26. color: $__color-primary;
  27. font-width: 500;
  28. font-size: 18px;
  29. cursor: pointer;
  30. }
  31. .nav .el-tabs__header{
  32. margin: 0 !important;
  33. }
  34. .nav .el-tabs--card>.el-tabs__header{
  35. border-bottom: none !important;
  36. }
  37. .nav .el-tabs__nav-wrap::after{
  38. width: 0;
  39. height: 0;
  40. }
  41. .search-button{
  42. background-color: $--color-primary !important;
  43. border: none;
  44. border-radius: initial;
  45. padding: -1px;
  46. color: white !important;
  47. height: 39px;
  48. margin-right: -100px;
  49. }
  50. .search-block{
  51. width: 500px;
  52. }
  53. .releaseBtn{
  54. margin-top: 35px !important;
  55. }
  56. .tab-menu1 {
  57. border: 1px solid #ccc;
  58. width: 1px;
  59. }
  60. .to-mooctest-ranking {
  61. //background-image: url("~@/assets/image/ranking-bcg.png");
  62. background-size: 100% 100%;
  63. width: 160px;
  64. height: 50px;
  65. padding-top: 14px;
  66. box-sizing: border-box;
  67. margin-top: 20px;
  68. cursor: pointer;
  69. }
  70. .search-nav-input {
  71. width: 600px;
  72. margin: 0 auto;
  73. }