public.css 6.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125
  1. /*公共样式*/
  2. *{padding: 0;margin: 0;box-sizing:border-box;font-family: "微软雅黑";}
  3. html{font-size:62.5%;}
  4. body{font:14px "simsun",Arial,Helvetica,sans-serif;width:100%;
  5. background-color:#fff;
  6. font-size:1.4rem;
  7. -webkit-user-select:none;
  8. -moz-user-select:none;
  9. -ms-user-select:none;
  10. user-select:none;
  11. }
  12. body,h1,h2,h3,h4,h6,p,ul,ol,dl,dd{margin:0;padding:0;list-style:none;}
  13. a{color:#000;text-decoration:none;}
  14. a:hover{color:#000;text-decoration:none;}
  15. .lf{float:left;}
  16. .rf{float:right;}
  17. .clear{clear:both;}
  18. ::-webkit-input-placeholder {color: #CCCCCC;}
  19. ::-webkit-input-placeholder {color: #CCCCCC;}
  20. input:-webkit-autofill {
  21. -webkit-box-shadow: 0 0 0px 1000px white inset !important;
  22. }
  23. input:focus{outline: none;}
  24. ul,ol{padding: 0;margin: 0;list-style: none;}
  25. /*顶部区域*/
  26. header{width: 100%;background: #ffffff;line-height: 74px;height: 74px;}
  27. header .logo{float: left;padding-left: 20px;}
  28. .h_fix{position: fixed;top: 0px;left: 0;z-index: 99;box-shadow: 2px 4px 10px #CCCCCC;display:none;}
  29. header .nav{float: left;padding-left: 90px;}
  30. header .nav ul li{float: left;width: 120px;text-align: center;line-height: 76px;}
  31. header .nav ul li a{color: #333333;width: 120px;line-height: 76px;display: inline-block;font-size: 16px;}
  32. header .nav ul li:hover a{color: #074F88;}
  33. .active a{color:#074F88!important;}
  34. /*hot*/
  35. .nav ul li:hover img{animation: hot 1s infinite linear;transition: all 1s;}
  36. @keyframes hot{
  37. 0% {width: 30px;height: 30px;}
  38. 25% {width: 25px;height: 25px; top: 9px;}
  39. 50% {width: 30px;height: 30px;}
  40. 100% {width: 25px;height: 25px;top: 9px;}
  41. }
  42. header .nav_right{float: right;padding-right: 40px;}
  43. header .nav_right a{color: #333333;margin: 2px;}
  44. header .nav_right a:hover{color: #2a6597;}
  45. .nav ul li {position: relative;}
  46. .nav ul li img{width: 30px;height: 30px;position: absolute;right: 0px;top: 9px;}
  47. /*bottom的css*/
  48. #bottom{width:100%;height:386px;margin:20px auto 0;position: relative;background: url(../../img/bottom_bg.png) no-repeat center center;
  49. background-size:120% 100%;;}
  50. .bottom{width:1200px;height:386px;margin:20px auto 0;position: relative;}
  51. .bottom_text{width:1200px;height:386px;position: absolute;left:0;top:0;}
  52. .text_top{width:100%;height:55px;position: absolute;top:140px;left:0;text-align: center;color:#fff;}
  53. .text_top>a{color:#fff;line-height:25px;}
  54. .text_center{width:100%;height:90px;position: absolute;top:195px;left:0;color:#fff;}
  55. .cont_left{width:455px;height:90px;display:inline-block;margin-left:45px;}
  56. .cont_left>img{margin-left:85px;}
  57. .cont_center{width:200px;height:90px;display:inline-block;text-align: center;}
  58. .cont_right{width:455px;height:90px;display:inline-block;text-align: right;vertical-align:bottom;}
  59. .text_center p{color:#F5F6F9;line-height:50px;font-weight: bold;}
  60. .cont_center p{line-height:20px;}
  61. .cont_right p{display:inline-block;vertical-align:bottom;line-height: 20px;}
  62. .text_bottom{width:100%;height:75px;position: absolute;top:285px;left:0;color:#fff;
  63. padding-left:45px;margin-top:15px;}
  64. .text_bottom p{font-weight: bold;line-height: 25px;}
  65. .text_bottom a{color:#fff;font-size: 1.2rem;line-height: 18px;}
  66. .pol_act{margin-left: 5px;}
  67. /*右侧挂件*/
  68. .pub_fix{width: 70px;position: fixed;right: 20px;bottom: 100px;border-radius: 10px;border: 1px solid #e0e0e0;overflow: hidden;text-align: center;height: 382px;background: #ffffff;}
  69. .pub_fix .index_blur{width: 100%;height: 30px;line-height: 30px;background: #4c7fa9;display: inline-block;}
  70. .pub_fix .index_orange{width: 100%;height: 30px;line-height: 30px;background: #ffd68f;display: inline-block;}
  71. .pub_fix ul li:first-child{border: none;}
  72. .pub_fix ul li{padding-top: 6px;padding-bottom: 6px;border-top: 1px dotted #e0e0e0;background: #FFFFFF;}
  73. .pub_fix ul li img{margin-bottom: 4px;}
  74. .pub_fix ul li:hover{cursor: pointer;}
  75. .pub_fix ul li p {color: #074d88;font-size: 14px;}
  76. .pub_fix ul li a{text-decoration: none;}
  77. /*登陆页面*/
  78. .login{width: 100%;background: rgba(6,6,6,.4);position: fixed;top: 0;left: 0;z-index: 999;}
  79. .login_mian{width: 600px;background: #ffffff;position: absolute;top: 50%;margin-top: -200px;left: 50%;margin-left: -300px;padding-left: 60px;padding-top: 60px;padding-bottom: 96px;}
  80. .login_left{float: left;padding-bottom: 10px;;}
  81. .login_left .login_ewm{width: 166px;padding-top: 34px;border-right: 1px solid #cccccc;padding-right: 30px;margin-bottom: 10px;}
  82. .login_left p{line-height: 26px;font-size: 14px;width: 138px;text-align: center;}
  83. .login_right{float: left;padding-left: 32px;}
  84. .login_right h5{font-size: 18px;color: #373739;font-weight: normal;}
  85. .login_right h5 a{font-size: 14px;color: #f81009;margin-left: 62px;}
  86. .login_right form .login_uesr,.login_pass{width: 256px;height: 40px;position: relative;border: 1px solid #cccccc;}
  87. .login_uesr label img,.login_pass label img{width: 20px;height: 22px;position: absolute;top: 8px;left:10px;border: none;}
  88. #Lo_user,#Lo_pass{width: 170px;height: 24px;line-height: 24px;border: none;border-left: 1px solid #CCCCCC;padding-left: 12px;left:40px;top: 8px;font-size: 16px;position: absolute;color:#cdcdcd;}
  89. .login_uesr .log_del{width: 16px ;height: 16px;position: absolute; top: 10px;right: 10px;}
  90. .log_del:hover{cursor: pointer;}
  91. .login_uesr{margin-bottom: 20px;}
  92. .login_check u{float: right;line-height: 38px;}
  93. .login_check u a{color: #f18101;}
  94. .login_check label{height: 38px;line-height: 38px ;color: #f18101;font-weight: normal;}
  95. .lab_check{background: url(../../img/check_lo.png) no-repeat center left;background-size:34% 40%;}
  96. .lab_checkno{background: url(../../img/check_lono.png) no-repeat center left;background-size:34% 40%;}
  97. .login_check label input{margin-right: 4px; visibility: hidden;}
  98. .login_check label:hover{cursor: pointer;}
  99. .login_submit{width: 100%;height: 38px;font-size: 20px;background: #f18101;color: #FFFFFF;text-align: center;border: none;}
  100. .login_hua {position: absolute;top: 0;right: 0;}
  101. .login_close{position: absolute;top: 0;right: 0;width: 50px;height: 50px;z-index: 2000;}
  102. .login_close:hover{cursor: pointer;}
  103. .login_shadow{position: absolute;bottom:-25px;width: 600px;height: 25px;right: 0;z-index: 2000;}
  104. .login_check label:first-child{margin-right: 15px;}
  105. .head_login:focus{text-decoration: none;}
  106. /*弹出消息提示*/
  107. .smg{width: 200px;height: 30px;color: #0C79FF;background: rgba(255,255,255,.7);border-radius: 10px;position: fixed;top:10%;left: 50%;margin-left: -75px;color: blue;z-index: 999999;}
  108. .smg input{width: 200px;height: 30px;border: none;background: none;text-align: center;font-size: 16px;}