zhangzl
/
nsgk_web
1
0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
网站
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
74 Commits
5 Branches
28 MiB
 
 
 
Tree: 44f502185a
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from '44f502185a'
${ noResults }
nsgk_web/agriculturalLawEnforcement/static/css/index.css

215 lines
3.6 KiB
Raw Blame History 

  1. /*公共主题参数*/

  2. :root{

  3.   --color:'';

  4.   --icon:'';

  5.   --logo:'';

  6.   /*--color:#e8041f;*/

  7. }

  8. .topBox{

  9.   background: url("../images/head_bg.jpg");

  10.   height: 200px;

  11. }

  12. .logoBox{

  13.   color: #d60303;

  14. }

  15. .logoBox img{

  16.   vertical-align: middle;

  17.   margin-right: 10px;

  18. }

  19. .logoBox i{

  20.   display: inline-block;

  21.   margin-right: 10px;

  22. }

  23. .logoBox p{

  24.   line-height: 1;

  25. }

  26. .logoBox p:nth-child(1){

  27.   font-size: 60px;

  28.   font-weight: bold;

  29.   margin-bottom: 10px;

  30. }

  31. .logoBox p:nth-child(2){

  32.   font-size: 14px;

  33.   font-weight: bold;

  34. }

  35. .boxMain{

  36.   position: relative;

  37.   top: 50%;

  38.   transform: translateY(-50%);

  39. }

  40. .loginBox{

  41.   position: absolute;

  42.   top: 50%;

  43.   right: 0;

  44.   transform: translateY(-50%);

  45. }

  46. .loginBox div{

  47.   text-align: center;

  48. }

  49. .topTab{

  50.   background: #1269d3;

  51. }

  52. .topTab ul li{

  53.   float: left;

  54.   padding: 10px 0px;

  55.   font-size: 22px;

  56.   width: 145px;

  57.   text-align: center;

  58. }

  59. .topTab ul li a{

  60.   color: #FFFFFF;

  61. }

  62. .topTab ul .active{

  63.   background: #d60303;

  64. }

  65. .topTab ul li:hover{

  66.   background: #d60303;

  67.   cursor: pointer;

  68. }

  69. .topTab ul li i{

  70.   width: 21px;

  71.   height: 21px;

  72.   display: inline-block;

  73.   background: url("../images/icon_tapIndex.png");

  74.   position: relative;

  75.   top: 3px;

  76.   margin-right: 5px;

  77. }

  78. .banner{

  79.   width: 500px;

  80.   height: 328px;

  81. }

  82. .bannerRight{

  83.   width: 670px;

  84. }

  85. .bannerRight_title{

  86.   border-bottom: 1px solid #c3d6ff;

  87. }

  88. .bannerRight_title input{

  89.   border: 1px solid #a0c3ed;

  90.   line-height: 35px;

  91.   padding-left: 10px;

  92.   border-top-left-radius: 5px;

  93.   border-bottom-left-radius: 5px;

  94.   float: left;

  95.   border-right: none;

  96. }

  97. .bannerRight_title .release{

  98.   background: #3976ff;

  99.   line-height: 35px;

  100.   display: block;

  101.   border: 1px solid #3976ff;

  102.   color: #FFFFFF;

  103.   padding: 0 20px;

  104.   border-radius: 5px;

  105.   margin-left: 10%;

  106. }

  107. .bannerRight_title div a{

  108.   background: #3976ff;

  109.   line-height: 35px;

  110.   display: block;

  111.   float: left;

  112.   border: 1px solid #3976ff;

  113.   color: #FFFFFF;

  114.   border-left: none;

  115.   padding: 0 10px;

  116.   border-top-right-radius: 5px;

  117.   border-bottom-right-radius: 5px;

  118. }

  119. .red .bannerRight_title{

  120.   border-bottom: 1px solid #f3b3b3;

  121. }

  122. .red .bannerRight_title p{

  123.   color: #d60303!important;

  124. }

  125. .red .bannerRight_title p:nth-child(1){

  126.   border-bottom: 4px solid #d60303!important;

  127. }

  128. .bannerRight_title p{

  129.   font-size: 18px;

  130.   color: #3976ff;

  131.   padding: 10px 0;

  132.   line-height: 1;

  133. }

  134. .bannerRight_title p:nth-child(1){

  135.   font-size: 18px;

  136.   font-weight: bold;

  137.   border-bottom: 4px solid #3976ff;

  138.   padding: 10px 5px;

  139.   position: relative;

  140.   top: 2px;

  141. }

  142. .bannerRight_title p:nth-child(2){

  143.   cursor: pointer;

  144. }

  145. .bannerRight ul li{

  146.   margin-top: 15px;

  147. }

  148. .bannerRight ul li i{

  149.   width: 8px;

  150.   height: 8px;

  151.   background: #3976ff;

  152.   border-radius: 50%;

  153.   display: inline-block;

  154.   margin-right: 8px;

  155.   float: left;

  156.   margin-top: 8px;

  157. }

  158. .bannerRight ul li p{

  159.   width: 80%;

  160.   display: -webkit-box;

  161.   -webkit-box-orient: vertical;

  162.   -webkit-line-clamp: 1;

  163.   word-break: break-all;

  164.   overflow: hidden;

  165.   color: #3f3f3f;

  166.   font-size: 16px;

  167.   float: left;

  168. }

  169. .bannerRight ul li a{

  170.   color: #3976ff;

  171.   float: right;

  172.   margin-left: 5%;

  173. }

  174. .bannerRight ul li span{

  175.   float: right;

  176.   font-size: 16px;

  177.   color: #666666;

  178. }

  179. .bannerRight ul li:hover p{

  180.   color: #3976ff;

  181.   cursor: pointer;

  182. }

  183. .bannerRight ul li:hover span{

  184.   color: #3976ff;

  185.   cursor: pointer;

  186. }

  187. .red ul li i{

  188.   background: #d60303;

  189. }

  190. .red ul li:hover p{

  191.   color: #d60303;

  192.   cursor: pointer;

  193. }

  194. .red ul li:hover span{

  195.   color: #d60303;

  196.   cursor: pointer;

  197. }

  198. .bottomInformation{

  199.   background: #1269d3;

  200.   padding: 10px 0;

  201.   font-size: 14px;

  202.   color: #ffffff;

  203.   text-align: center;

  204.   width: 100%;

  205. }

  206. .bottomInformation i{

  207.   display: inline-block;

  208.   margin-right: 20px;

  209. }

  210. .breadcrumb{

  211.   font-size: 17px;

  212.   color: #3f3f3f;

  213.   margin-bottom: 25px;

  214.   margin-top: 35px;

  215. }