*{ padding:0; margin: 0px; } body{font-family:"微软雅黑";} ul,li{list-style: none;} a{text-decoration: none; color: inherit;} a:link{text-decoration:none; /* 指正常的未被访问过的链接*/} a:visited{text-decoration:none; /*指已经访问过的链接*/} a:hover{text-decoration:none;/*指鼠标在链接*/} a:active{text-decoration:none;/* 指正在点的链接*/ } li:hover{cursor:pointer;/* 触碰时变成小手*/} .clr::after{content: "";display: block;clear: both;} .my_width{width: 1250px; margin: 0 auto;} .mt50 { margin-top: 50px; } /***************************************************/ .linkbtn-list li{ float: left; width: calc(100% / 7); } .linkbtn-list li .pic{ display: block; width: 87px; height: 87px; margin: 0 auto; background-repeat: no-repeat; background-position: center; background-color: #e6f1ff; border-radius: 50%; } .linkbtn-list li span{ display: block; text-align: center; font-size: 16px; margin-top: 15px; } .linkbtn-list li:hover .pic{ background-color: #0c4da2; } .linkbtn-list li:nth-child(1) .pic{ background-image: ;} .linkbtn-list li:nth-child(2) .pic{ background-image: ;} .linkbtn-list li:nth-child(3) .pic{ background-image: ;} .linkbtn-list li:nth-child(4) .pic{ background-image: ;} .linkbtn-list li:nth-child(5) .pic{ background-image: ;} .linkbtn-list li:nth-child(6) .pic{ background-image: ;} .linkbtn-list li:nth-child(7) .pic{ background-image: ;} .linkbtn-list li:nth-child(1):hover .pic{ background-image: ;} .linkbtn-list li:nth-child(2):hover .pic{ background-image: ;} .linkbtn-list li:nth-child(3):hover .pic{ background-image: ;} .linkbtn-list li:nth-child(4):hover .pic{ background-image: ;} .linkbtn-list li:nth-child(5):hover .pic{ background-image: ;} .linkbtn-list li:nth-child(6):hover .pic{ background-image: ;} .linkbtn-list li:nth-child(7):hover .pic{ background-image: ;}