|
@@ -3,10 +3,7 @@
|
|
<nav class="headerNav">
|
|
<nav class="headerNav">
|
|
<div class="inner">
|
|
<div class="inner">
|
|
<div class="left">
|
|
<div class="left">
|
|
- <span>
|
|
|
|
- <a href="http://znxyw.org.cn/" target="_blank">中农兴业网团</a>
|
|
|
|
- </span>
|
|
|
|
- <span>旗下网站:<span>农业百强网站(政府类30强)</span></span>
|
|
|
|
|
|
+ <span>中农兴业网团旗下网站 · 农业百强网站(科教文化类十强)</span>
|
|
</div>
|
|
</div>
|
|
<div class="right">
|
|
<div class="right">
|
|
<div class="menu">
|
|
<div class="menu">
|
|
@@ -341,271 +338,5 @@ onMounted(async () => {
|
|
</script>
|
|
</script>
|
|
|
|
|
|
<style lang="less" scoped>
|
|
<style lang="less" scoped>
|
|
-.userInfo11 {
|
|
|
|
- width: 100px;
|
|
|
|
- height: 80px;
|
|
|
|
- background-color: #fff;
|
|
|
|
- box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
|
|
|
|
- border-radius: 3px;
|
|
|
|
- position: absolute;
|
|
|
|
- top: 40px;
|
|
|
|
- right: 35px;
|
|
|
|
- font-size: 14px;
|
|
|
|
- z-index: 999;
|
|
|
|
-
|
|
|
|
- li {
|
|
|
|
- height: 40px;
|
|
|
|
- line-height: 40px;
|
|
|
|
- color: #333333;
|
|
|
|
- padding-left: 10px;
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- >li:hover {
|
|
|
|
- color: #028E21;
|
|
|
|
- }
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.tips {
|
|
|
|
- padding: 20px 0;
|
|
|
|
- text-align: center;
|
|
|
|
- font-size: 20px;
|
|
|
|
- color: #40663B;
|
|
|
|
- font-weight: bold;
|
|
|
|
-
|
|
|
|
- img {
|
|
|
|
- width: 78px;
|
|
|
|
- height: 78px;
|
|
|
|
- vertical-align: middle;
|
|
|
|
- margin-right: 20px;
|
|
|
|
-
|
|
|
|
- p {
|
|
|
|
- line-height: 30px;
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- p {
|
|
|
|
- line-height: 40px;
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- >p:first-child {
|
|
|
|
- margin-bottom: 30px;
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-/* 页面头部 */
|
|
|
|
-header {
|
|
|
|
- width: 100%;
|
|
|
|
- // height: 201px;
|
|
|
|
- font-size: 12px;
|
|
|
|
- font-family: PingFang SC-Regular;
|
|
|
|
- color: #666666;
|
|
|
|
- background: url("http://img.bjzxtw.org.cn/master/bjzxtw/public/head/headtopbg.png") repeat-x;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.headerNav {
|
|
|
|
- width: 100%;
|
|
|
|
- height: 33px;
|
|
|
|
- line-height: 33px;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.headerNav .left>span {
|
|
|
|
- margin-right: 20px;
|
|
|
|
- a{
|
|
|
|
- color: #666666;
|
|
|
|
- }
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.headerNav .right {
|
|
|
|
- display: flex;
|
|
|
|
- margin-right: 10px;
|
|
|
|
- position: relative;
|
|
|
|
-
|
|
|
|
- button {
|
|
|
|
- font-size: 12px;
|
|
|
|
- color: #666666;
|
|
|
|
- border: none;
|
|
|
|
- background: none;
|
|
|
|
- cursor: pointer;
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- .login {
|
|
|
|
- width: 36px;
|
|
|
|
- height: 19px;
|
|
|
|
- color: #fff;
|
|
|
|
- border-radius: 4px;
|
|
|
|
- background-color: #028E21;
|
|
|
|
- margin-right: 15px;
|
|
|
|
- cursor: pointer;
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- .menu,
|
|
|
|
- .right-top-menu {
|
|
|
|
- display: flex;
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- .reg {
|
|
|
|
- margin-right: 20px;
|
|
|
|
- display: flex;
|
|
|
|
- align-items: center;
|
|
|
|
- justify-content: center;
|
|
|
|
- height: 33px;
|
|
|
|
-
|
|
|
|
- img {
|
|
|
|
- margin-right: 5px;
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.headerNav .right {
|
|
|
|
- float: right;
|
|
|
|
- font-size: 12px;
|
|
|
|
-
|
|
|
|
- span {
|
|
|
|
- margin-right: 20px;
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- .home,
|
|
|
|
- .collection {
|
|
|
|
- display: inline-block;
|
|
|
|
- width: 16px;
|
|
|
|
- height: 16px;
|
|
|
|
- vertical-align: -3px;
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- .home {
|
|
|
|
- background-image: url("http://img.bjzxtw.org.cn/master/bjzxtw/public/image/search.png");
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- .collection {
|
|
|
|
- background-image: url("http://img.bjzxtw.org.cn/master/bjzxtw/public/image/search.png");
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- .exit {
|
|
|
|
- line-height: 30px;
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- // .exit:hover{
|
|
|
|
- // color: #028E21;
|
|
|
|
- // }
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-/* // 头部logo */
|
|
|
|
-.headerLogo {
|
|
|
|
- height: 145px;
|
|
|
|
- position: relative;
|
|
|
|
-
|
|
|
|
- //background: url("../../public/head/topBg.png") no-repeat center;
|
|
|
|
- .titlead {
|
|
|
|
- position: absolute;
|
|
|
|
- bottom: 5px;
|
|
|
|
- right: 0;
|
|
|
|
- width: 830px;
|
|
|
|
- height: 120px;
|
|
|
|
- overflow: hidden;
|
|
|
|
-
|
|
|
|
- a {
|
|
|
|
- display: block;
|
|
|
|
- height: 110px;
|
|
|
|
- overflow: hidden;
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- img {
|
|
|
|
- width: 100%;
|
|
|
|
- height: 110px;
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- .inner {
|
|
|
|
- position: relative;
|
|
|
|
- height: 145px;
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- .inner>img {
|
|
|
|
- // width: 342px;
|
|
|
|
- //height: 120px;
|
|
|
|
- margin-top: 22px;
|
|
|
|
- cursor: pointer;
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- /* // 搜索框部分 */
|
|
|
|
- .search {
|
|
|
|
- float: left;
|
|
|
|
- width: 440px;
|
|
|
|
- height: 40px;
|
|
|
|
- background-color: #fff;
|
|
|
|
- line-height: 40px;
|
|
|
|
- margin-left: 39px;
|
|
|
|
- margin: 71px 39px 48px;
|
|
|
|
- position: relative;
|
|
|
|
-
|
|
|
|
- em {
|
|
|
|
- display: inline-block;
|
|
|
|
- width: 30px;
|
|
|
|
- height: 30px;
|
|
|
|
- background: url("http://img.bjzxtw.org.cn/master/bjzxtw/public/image/search.png") no-repeat;
|
|
|
|
- position: absolute;
|
|
|
|
- top: 5px;
|
|
|
|
- left: 15px;
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- input {
|
|
|
|
- float: left;
|
|
|
|
- width: 351px;
|
|
|
|
- height: 40px;
|
|
|
|
- border: none;
|
|
|
|
- outline: none;
|
|
|
|
- padding-left: 65px;
|
|
|
|
- box-sizing: border-box;
|
|
|
|
- border: 1px solid #028E21;
|
|
|
|
- border-right: none;
|
|
|
|
- border-radius: 4px 0px 0px 4px;
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- button {
|
|
|
|
- float: right;
|
|
|
|
- width: 89px;
|
|
|
|
- height: 40px;
|
|
|
|
- background-color: #028E21;
|
|
|
|
- border-radius: 0px 4px 4px 0px;
|
|
|
|
- border: none;
|
|
|
|
- font-size: 14px;
|
|
|
|
- color: #fff;
|
|
|
|
- font-family: PingFang SC, PingFang SC;
|
|
|
|
- font-weight: 500;
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- /* // 右侧小图标 */
|
|
|
|
- .serve {
|
|
|
|
- float: right;
|
|
|
|
- height: 60px;
|
|
|
|
- margin-top: 60px;
|
|
|
|
- margin-right: 60px;
|
|
|
|
-
|
|
|
|
- >li {
|
|
|
|
- float: left;
|
|
|
|
- height: 64px;
|
|
|
|
- margin-left: 48px;
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- >li>a {
|
|
|
|
- display: inline-block;
|
|
|
|
- height: 64px;
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- >li img {
|
|
|
|
- width: 29px;
|
|
|
|
- height: 29px;
|
|
|
|
- padding: 8px 14px;
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- >li p {
|
|
|
|
- height: 28px;
|
|
|
|
- text-align: center;
|
|
|
|
- color: #666666;
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
-}
|
|
|
|
|
|
+ @import url('@/assets/css/public/head.less');
|
|
</style>
|
|
</style>
|