body{background-color: #f7f7f7;} @font-face { font-family: 'duanning'; src: url(../fonts/duanning-font.eot); src: url(../fonts/duanning-font.eot?#iefix) format('embedded-opentype'), url(../fonts/duanning-font.woff2) format('woff2'), url(../fonts/duanning-font.woff) format('woff'), url(../fonts/duanning-font.ttf) format('truetype'), url(../fonts/duanning-font.svg#duanning-font) format('svg') } @font-face { font-family: 'ALIHYAIHEI'; src: url(../fonts/ALIHYAIHEI.TTF) } .duanning{font-family: 'duanning';font-size:99px;color:#fff;text-shadow: 6px 4px 2px rgba(14, 84, 43, 0.81)} /******************************* -------[页面公用样式]-------- ********************************/ img{max-width: 100%;} ul{margin:0;} .slick-slide{outline:none;} .row12{margin-left:-12px;margin-right:-12px;} .col12{padding-left:12px;padding-right:12px;} .shadow{box-shadow: 0 0 20px 0.5px rgba(57,57,57,0.27);} .open{position:static;} #searchgoogle{width:80px;line-height:40px;font-size:16px;color:#333;background: #fff; border-radius: 10px; overflow: hidden; box-shadow: 0 0 20px 1px rgba(0,0,0,0.3);} #searchgoogle #d_clip_button{padding: 0 15px;border: 0;width: 100%;color:#787878;background: #fff; font-size:16px;cursor:pointer;} #searchgoogle #error_correction_button, #searchgoogle #shoucang_webpresertation_button{padding: 0 15px;text-align:left;background:None;border: 0;width: 100%;color:#787878;background: #fff; font-size:16px;} #searchgoogle #error_correction_button:hover, #searchgoogle #shoucang_webpresertation_button:hover, #searchgoogle #d_clip_button:hover{background-color:#f7fbfa;color:#44967a;box-shadow: 0 0 10px 0px rgba(78,78,78,0.15);position: relative;} /* 首页标题 */ .index-title{line-height:40px;} .index-title .title{background-color:#2ea77a;color:#fff;padding-left:20px;margin-right:10px;width:300px;max-width:81%;font-size:18px;position: relative;} .index-title .title::after{content:'';position: absolute;height:100%;width:10px;left:100%;top:0;background:url(../../images/title-bg.png) no-repeat;} .index-title .title span{padding-left:8px;margin-right:5px;position: relative;;} .index-title .title span::before{content:'';width:2px;height:70%;background: #fff;position: absolute;left:0;top:15%;} .index-title .title .bold::before{display: none;} .indexNew-special a{position: absolute;right: 20px;top: 40px;color:#989898} .index-title .more{margin-right:20px;font-size:14px;color:#989898;} .QA-title {background-color:#2ea77a;} .QA-title .title{width:auto;max-width: inherit;white-space:nowrap;} .QA-title .title::after{display:none;} .QA-title .more,.QA-title .more:hover{color:#fff;} .veterinary-main .index-title .title::after{background:url(../../images/veterinary-title-bg.png) no-repeat;} .veterinary-main .index-title .title{background-color:#F9A40B;} .veterinary-main .QA-title {background-color:#F9A40B ;} .economics-main .index-title .title::after{background:url(../../images/economics-title-bg.png) no-repeat;} .veterinary-main .QA-title .title::after{display:none;} .economics-main .index-title .title{background-color:#42519d ;} .economics-main .QA-title {background-color:#42519d ;} /******************************* -------[登录框]-------- ********************************/ #screen{position: fixed;width:100%;height: 100%; z-index: 10901;background-color: rgba(0,0,0,.5);top: 0;left: 0;} #logindiv{height:auto;z-index: 10999;position: fixed;max-width:100%;} .m-login{background-color: #fff;padding: 0;border-radius: 5px;max-width:100%;} .m-login .tit{height: 58px;font-size: 18px;border-bottom: 1px solid #ff6f18;margin: 0; line-height: 58px;text-align: center; } .m-login .con{padding: 35px 30px 0;} .m-login p{position: relative;margin-bottom: 20px;} .m-login p span{display: block;position: absolute;left: 0;top: 10px;height: 20px;line-height: 20px; font-size: 16px;color: #ccc;border-right: 1px solid #ccc;padding: 0 15px; } .m-login .inp1{width: 100%;padding-left: 70px;padding-right: 10px;height: 41px;border: 1px solid #ccc;border-radius: 5px;outline: 0;} .m-login .pass{overflow: hidden;margin-top: -5px;margin-bottom: 12px;} .m-login .pass span{float: right;color: #666;margin-right: -8px;line-height: 25px;} .m-login .pass span a{color: #666;margin: 0 8px;} .m-login .pass label{cursor: pointer;color: #666;font-weight: normal;} .m-login .pass label input{position: relative;top: 2px;margin-right: 10px;} .btn-a1{width: 100%;border: 0;height: 41px;border-radius: 4px;color: #fff;font-size: 18px; background: url(../../images/btn-a1.png) repeat-x left center;margin-bottom: 19px; } .m-login h4{text-align: center;overflow: hidden;} .m-login h4 span{color: #444;font-size: 12px;position: relative;display: inline-block;padding: 0 20px;} .m-login h4 span:before, .m-login h4 span:after{content: "";position: absolute;width: 999px; border-bottom: 1px solid #e9e9e9;height: 0;top: 50%; } .m-login h4 span:before{right: 100%;} .m-login h4 span:after{left: 100%;} .m-login .other{text-align: center;padding-bottom: 20px;} .m-login .other a{width: 25%;display: inline-block;} /******************************* -------[头部]-------- ********************************/ .header{background:url(../../images/header-bg.png) no-repeat;background-size: 100% 100%;padding:0;} .picture-eader{background:#005331} .header .logo{width:auto;} .logo_HD{max-height:76px;} .header .logo a{width:auto;background:none} .header .logo img{width:auto; border-radius:0;} .header-top{padding:15px 0;color:#fff;} .header-top img{width:30px;height:30px;border-radius:50%;} .header-top a{float:left;vertical-align: middle;display:inline-block;width:110px;height:30px;line-height:30px;text-align:center;color:#fff;background-color: #399b64;font-size:14px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;} .header-top a.login-btn{background-color: #fff;color:#289b6f;border-radius:5px;box-shadow: 0 0 10px 1px rgba(57,57,57,0.27);} /* 子库头部 */ .sublibrary-header{background: #0f492c;padding:10px 0;line-height:40px;} .sublibrary-header .nav li.nav-item,.sublibrary-header .nav li.nav-item:hover{background:none;} .sublibrary-header .nav li.nav-item a,.sublibrary-header .nav li.nav-item:hover a{background:none;} .sublibrary-header .nav ul li.nav-item.cur::before,.sublibrary-header .nav ul li.nav-item:hover::before{background:none;} .sublibrary-header .header-top{padding:5px 0;} /* 检索头部 */ .retrieval-header {background:url(../../images/retrieval-header-bg.png) no-repeat;height:160px;} .retrieval-header .logo{margin-top:-30px;width:auto;} .retrieval-header .search{margin:auto;} .header-top a.login-link{float:none;background:None;margin:0 5px;font-size:16px;width:auto;} .header-top a.member-name{width:auto;max-width:110px;vertical-align: middle;display:inline-block;white-space: nowrap;overflow:hidden;text-overflow: ellipsis;} /* 搜索 */ .search{margin:20px auto 0;} .search .words a{color: #FFF;font-size:18px;padding:0 17px; padding-bottom: 3px;margin-bottom:3px;} .search .words a.cur,.search .words a:focus{background: #aace18;border-radius: 12px;} .search .input-group{background-color:#fff;width:calc(100% - 38px);} .search .teaculturehref{font-size: 14px; color: #fff; width: 38px; line-height: 20px; margin-top: 7px; padding-left: 10px;} .search .teaculturehref a{color: #fff; text-decoration: underline;} .search input{height:54px;/*line-height:54px;*/} .search .input-group-addon,.search input{border:none;background:none;} .search .search-select{border:none;background:none;padding:0;margin:0;outline:none;} .search .search-select.fuzzy{color:#828282;} .search .search-btn{padding:0;cursor: pointer;} .search .search-submit{display:inline-block;width:120px;height:100%;line-height:54px;text-align:center;font-size:16px;color:#fff;background-color:#aace18;} .search .advanceLink{float:left;margin-top:46px;margin-left:20px;color:#fff;font-size:16px;line-height:54px;} /******************************* -------[导航]-------- ********************************/ .nav {background-color: #fff;box-shadow: 0 0 10px 1px rgba(57,57,57,0.27);height:60px;line-height:60px;text-align:center;margin-top:30px;} .nav ul{display:inline-block;} .nav ul li.nav-item{float:left;font-size:18px;} .nav ul li.nav-item > a{display:block;padding:0 40px;color:#303030;} .nav ul li.nav-item > a i{margin-left:10px;color:#9e9e9e;} .nav ul li.nav-item > a i.fa-angle-up{display:none;} .nav ul li.nav-item.child > a{padding-right:25px;} .nav ul li.nav-item.cur > a,.nav ul li.nav-item:hover > a{color:#fff;font-weight:bold;background-color:#3eaf5e;} .nav ul li.nav-item.cur > a i.fa-angle-down,.nav ul li.nav-item:hover > a i.fa-angle-down{display:none;} .nav ul li.nav-item.cur > a i.fa-angle-up,.nav ul li.nav-item:hover > a i.fa-angle-up{display:inline;color:#fff;} .nav ul li.nav-item.cur,.nav ul li.nav-item:hover{position: relative;} .nav ul li.nav-item.cur::before,.nav ul li.nav-item:hover::before{width:100%;height:3px;background-color:#3eaf5e;position: absolute;left:0;bottom:100%;content:'';} .nav ul li.nav-item .nav-child{display: none;z-index: 9;left:0;width:100%;background-color: #33a052;padding:0;-moz-box-shadow: 0px 0px 3px #269464;box-shadow: 0px 0px 3px #269464;position: absolute;} .nav ul li.nav-item:hover .nav-child{display: block;animation: slideup 0.6s; -moz-animation:slideup 0.6s;} .fixed .nav-item:hover .nav-child,.fixed .nav-item:hover .threeNav{display: block;position: fixed;animation: slideup-fixed 0.6s; -moz-animation:slideup-fixed 0.6s;} .nav ul li.nav-item .nav-child li{float:none;position: relative; width: 100%; line-height: 44px; font-size: 18px;} .nav ul li.nav-item .nav-child li a{font-size:18px;color:#fff;font-weight:normal;} .nav ul li.nav-item .nav-child li:hover{background-color:#3eaf5e;} .nav ul li.nav-item .nav-child li.child-y{background: url(../../images/arrowright_2.png) no-repeat 90% center;} .nav ul li.nav-item .nav-child li:last-child{border-bottom:none;} .nav ul li.nav-item .nav-child li.child-y:hover{background:#27a16c url(../../images/arrowright_1.png) no-repeat 90% center;} /* 子库头部 */ .sublibrary-header .nav{background:None;height:50px;line-height:50px;margin-top:0;} .sublibrary-header .nav ul li a{display:block;padding:0 15px;color:#fff;} .sublibrary-header .nav ul li.cur a{background:none;} .sublibrary-header .nav ul li.cur{position: static;} .sublibrary-header .nav ul li.cur::before{background:none;width:0;height:0;} /* 子库头部 */ .sub-treasury-header{background: #25b570;padding:10px 0;line-height:40px;} .sub-treasury-header .logo img{height:40px;} .sub-treasury-header .nav li.nav-item,.sub-treasury-header .nav li.nav-item:hover{background:none;} .sub-treasury-header .nav li.nav-item a,.sub-treasury-header .nav li.nav-item:hover a{background:none;} .sub-treasury-header .nav ul li.nav-item.cur::before,.sub-treasury-header .nav ul li.nav-item:hover::before{background:none;} .sub-treasury-header .nav{background:None;height:40px;line-height:40px;margin-top:0;text-align: left;box-shadow:none;} .sub-treasury-header .header-top{padding:0px 0;} .sub-treasury-header .nav ul li a{display:block;padding:0 15px;color:#fff;} .sub-treasury-header .nav ul li.cur a{background:none;} .sub-treasury-header .nav ul li.cur{position: static;} .sub-treasury-header .nav ul li.cur::before{background:none;width:0;height:0;} .sub-treasury-search{background-color: #21a063; border-radius:5px;padding:0 5px;} .sub-treasury-search input{background:none; border:none;color:#fff;width:calc(100% - 48px);padding-left:5px;} .sub-treasury-search .search-btn{border-left:1px solid #3bbd7f;color:#30dd86;padding:0 15px;} .sub-treasury-search input::placeholder { color: #7ac6a1; /* 灰色 */ } /******************************* --------[植物病虫害-头部]------- ********************************/ .plant-pest-header{background: #fff;height:100px;line-height:100px;} .plant-pest-header .nav{box-shadow: none;margin-top:20px;} .plant-pest-header .nav ul li.nav-item > a{padding:0 24px;} .plant-pest-header .nav ul li.nav-item.cur > a, .plant-pest-header .nav ul li.nav-item:hover > a{background:none;color:#007d3b;} .plant-pest-header .nav ul li.nav-item.cur::before, .plant-pest-header .nav ul li.nav-item:hover::before{bottom:0;top:auto;border-radius:2px;height:4px;background: #007d3b;} .plant-pest-header .header-top{padding:0;color:#2e2e2e;} .plant-pest-header .header-top a, .plant-pest-header .header-top span{color:#2e2e2e;} /******************************* --------[当前位置]------- ********************************/ .posistion{font-size:14px; margin:13px 0;color:#999999;} .posistion a{color:#999;} .posistion span{color:#289b6f;} .posistion span.cur{color:#666666;} /******************************* --------[底部]------- ********************************/ .goto_Top{z-index:99;background-color: #289b6f;width:45px;height:45px;border-radius:50%;position: fixed;bottom:170px;right:3%;cursor: pointer;} .goto_Top::before{content:'';width: 12px;height: 12px;border-top: 2px solid #fff;border-left: 2px solid #fff;transform: rotate(45deg);position: absolute;top:50%;margin-top:-3px;left:50%;margin-left:-6px;} .footer{background-color: #37393e;padding:15px 0 0;} .footer .footer-logo{margin-top:27px;} .footer .link-box{padding: 0;} .footer .link{margin-top:20px;} .footer .link h5{font-size:16px;color:#fff;line-height:36px;} .footer .link a{font-size:14px;line-height:24px;color:#b0b0b0;margin-right:20px;white-space: nowrap;} .footer .link a:nth-child(4){margin-right:0;} .footer .link a:nth-child(7){margin-right:0;} .footer dl{margin-bottom:0;color:#fff;font-size:12px;text-align: center;} .footer .foot-copy{background-color: #282a2f;margin-top:15px;line-height:50px;color:#afaeae;} /******************************* --------[分页条]------- ********************************/ .pagebar,div.g-pages{color:#808080;text-align:right;margin:30px auto;} .pagebar a,.pagebar .pageBtnWrap span,div.g-pages li a, div.g-pages .page_prev a, div.g-pages .page_next a{display:inline-block;background-color:#fff;min-width:35px;height:35px;padding:0 3px;margin:5px;line-height:35px;text-align:center;color:#808080;border:1px solid #e5e5e5;} .pagebar a:hover,.pagebar .pageBtnWrap span.curr,div.g-pages li.on a, div.g-pages li a:hover{background-color: #36a58f;border-color:#36a58f;color:#fff;} .pagebar .pageBtnWrap span.disabled{display:none;} .pagebar .pageBtnWrap,.pagebar .goPageBox{margin-right:20px;} .pagebar input,div.g-pages .bot input {width: 53px;height: 35px;border: 1px solid #e5e5e5;margin: 0 5px;text-align: center;color: #808080;padding: 0 10px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; } div.g-pages{margin-bottom:30px;text-align:center;} div.g-pages li{margin:auto;height:auto;} /******************************* --------[首页]------- ********************************/ /* banner */ .banner{margin-top:20px;position: relative;max-height:295px;overflow:Hidden;} .banner .slick-dots{padding:0;margin:0;clear: both;right:20px; bottom:20px;position: absolute;} .banner .slick-dots li{float:left;background:rgba(255,255,255,0.4);width:8px;height: 8px;border-radius:50%;margin-right:8px;cursor: pointer;} .banner .slick-dots li.slick-active{background-color: #fff;} .banner .slick-dots li::marker { content: '';} .banner .slick-dots li button{font-size:0;border:none;background:none;padding:0;margin:0;width:0;height:0;} /* 三农信息 */ .new-info{background-color:#fff;margin-top:20px;padding:14px 0;} .new-list li{padding:0px 27px;} .new-list li p{display:none} .new-list li a{line-height:27px;font-size:16px;color:#333333;} .new-list li:hover a{color:#289b6f;} .new-list li.cur{background-color:#f7f7f7;padding-bottom:15px;margin-bottom:10px;} .new-list li.cur h4 a{font-size:18px;color:#289b6f;font-weight:bold;line-height:40px;} .new-list li.cur p{margin:0;font-size:14px;color:#999999;line-height:22px;height:44px; display:block; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; display:-moz-box; -moz-box-orient:vertical; display:-o-box; -o-box-orient:vertical; -webkit-line-clamp:2; -moz-line-clamp:2; -o-line-clamp:2;} /* 书城 */ .bookStore {margin-top:20px;position: relative;} .bookStore .index-title{background-color:#e6ecea;} .bookStore .bookStore-nav{width:calc(100% - 390px);position: absolute;top:0;right:0;line-height:40px;color:#7b8f87;font-size:16px;} .bookStore .bookStore-nav .slick-slide{display:inline-block;max-width:96px;text-align:center;cursor: pointer;} .bookStore .bookStore-nav .slick-current{color:#289b6f;} .bookStore .bookStore-more{border:none;z-index:99;outline: none;text-align: center;position: relative;background-color:#2ea77a;color:#fff;font-size:14px;width:90px; outline: none;} .bookStore .bookStore-more:focus{outline:none;} .bookStore .bookStore-more::before{border:none;content:'';position: absolute;width:9px;height:100%;right:100%;top:0;background:url(../../images/title-left-bg.png) no-repeat center right;} .bookStore .bookStore-nav .slick-current .bookStore-more{display:block;} .bookStore .bookStore-for{background-color: #fff;padding:12px 18px;} .bookStore .bookStore-item{ margin: auto;} .bookStore .bookStore-item .book-item{float:left;padding:13.5px;width:14.28%;} .bookStore .bookStore-item .book-item .pic{text-align:center;height:182px;background-color: #fff;box-shadow:0 0 10px 1px rgba(57,57,57,0.27);margin-bottom:15px;} .bookStore .bookStore-item .book-item .pic img{display:inline-block;max-height:182px;} .bookStore .bookStore-item .book-item h5 a{color:#333;font-size:16px;} /* 子库 */ .sublibrary{margin-top:20px;position: relative;} .sublibrary .title{height:70px;padding:24px 15px 24px 24px;line-height:22px;background:url(../../images/sublibrary-title-bg1.png) no-repeat;} .sublibrary2 .title{background:url(../../images/sublibrary-title-bg2.png) no-repeat;} .sublibrary3 .title{background:url(../../images/sublibrary-title-bg3.png) no-repeat;} .sublibrary4 .title{background:url(../../images/sublibrary-title-bg4.png) no-repeat;} .sublibrary6 .title{background:url(../../images/sublibrary-title-bg6.png) no-repeat;} .sublibrary .title h4{font-size:18px;color:#fff;font-weight:bold;} .sublibrary .title a{color:#fff;font-size:14px;} .sublibrary-nav{background-color:#f5f5f5;height:35px;line-height:35px;text-align:center;color:#808080;} .sublibrary-nav .slick-current{color:#4bab87;} .sublibrary-nav .slick-slide{max-width:92px;max-width:16.66%;cursor: pointer;font-size:14px;} .sublibrary-nav .slick-slide > div{display:inline;} .sublibrary-nav .slick-slide::after{content:''; float: right; height: 16px; width: 2px; margin-top: 10px; background: #e0e0e0;} .sublibrary-nav .slick-slide:last-child::after{width:0;} .sublibrary-nav.TAB_CLICK{text-align: left;} .sublibrary-nav{overflow:Hidden;} .sublibrary-nav .TAB_CLICK{height:50px;text-align: left;white-space: nowrap; overflow-x: auto; overflow-y: hidden;} .sublibrary-nav .TAB_CLICK span{cursor: pointer;font-size:14px;padding:0 15px;position:relative;} .sublibrary-nav .TAB_CLICK span.cur{color:#4bab87;font-weight:bold;} .sublibrary-nav .TAB_CLICK span::after{content:'';position:absolute; height: 16px; width: 2px; right: 0; top: 3px; background: #e0e0e0;} .sublibrary-nav .TAB_CLICK span:last-child::after{width:0;} .sublibrary-nav .slick-list{overflow:visible;} .sublibrary-nav .slick-track{max-width:100%;min-width:100%;} .sublibrary-nav a.sublibrary-more{display:none;font-size:14px;color:#fff;position: absolute;right:18px;top:-52px;} .sublibrary-nav .slick-current a.sublibrary-more{display:block;} .sublibrary-for{background-color: #fff;padding:15px 24px;} .sublibrary-for .cur h4{font-size:16px;line-height:22px;font-weight:bold;margin-bottom:5px;} .sublibrary-for .cur h4 a{color:#333;} .sublibrary-for .cur p{color:#666;font-size:14px;line-height:22px;height:44px;display:block; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; display:-moz-box; -moz-box-orient:vertical; display:-o-box; -o-box-orient:vertical; -webkit-line-clamp:2; -moz-line-clamp:2; -o-line-clamp:2;} .sublibrary-for ul {margin-right:-15px;} .sublibrary-for ul li{float:left;width:50%;line-height:34px;height:34px;padding:0 15px;background:url(../../images/sublibrary-list-icon.png) no-repeat left center;} .sublibrary-for ul li a{color:#333;font-size:14px;} .sublibrary-for ul li:hover {background:url(../../images/sublibrary-list-icon1.png) no-repeat left center;} .sublibrary-for ul li:hover a{color:#289b6f;} .full_library {padding:34px 10px 15px;background-color: #fff;} .full_library .full_library_item {padding:7px 15px;float:left;width:50%;} .full_library .full_library_item:hover{background-color: #f7f7f7;} .full_library .full_library_item h4{font-size:16px;line-height:22px;font-weight:bold;margin-bottom:5px; display: block; white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis; } .full_library .full_library_item h4 a{color:#333;} .full_library .full_library_item:hover h4 a{color:#289b6f;} .full_library .full_library_item div.summary{display:inline-block;color:#666;font-size:14px;line-height:22px;height:66px;display:block; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; display:-moz-box; -moz-box-orient:vertical; display:-o-box; -o-box-orient:vertical; -webkit-line-clamp:3; -moz-line-clamp:3; -o-line-clamp:3;margin-bottom:10px;} .sublibrary5{position: relative;} .sublibrary5 .title{background:rgba(0,0,0,0.3);position: absolute;width:100%;left:0;top:0;z-index:9;} .img-library-for .slick-slide{height:332px;text-align:center;line-height:332px;} .img-library-for .slick-slide img{display:inline-block;width:100%;} .img-library-nav{position: absolute!important;width:100%;left:0;bottom:0;} .img-library-nav .slick-slide{position: relative;} .img-library-nav .slick-slide > div{overflow:hidden;} .img-library-nav .slick-slide > div > div{float:left;} .img-library-nav .slick-slide h4{cursor:pointer;width:100%;height:100%;position:absolute;left:0;top:0;text-align:center;background:rgba(40,155,111,0.8);font-size:16px;color:#fff;font-weight:bold;display: flex;justify-content: center;align-items: center;} .img-library-nav .slick-slide.slick-current h4{background:rgba(0,0,0,0.4);} .video-library{padding:22px 20px 27px;background-color: #fff;align-items: center;height: 262px;display: flex;} .video-library .left{width:50.5%;} .video-library .right{width:49.5%;} .video-library .video-item{padding:5px;} .video-library .left .video-item a{display:block;position: relative;} .video-library .left .video-item .play-btn{position: absolute;width:54px;height:54px;left:50%;top:50%;margin-top:-27px;margin-left:-27px;background:url(../../images/video-play-btn.png) no-repeat;background-size:100%;} .video-library .left .video-item a h5{position: absolute;left:0;bottom:16px;padding:0 27px;width:100%;font-size:16px;font-weight:bold;color:#fff;} .video-library .right .video-item{float:left;width:50%;} .tool-for{padding:15px 24px;overflow:hidden;} .tool-for dl{float:left;width:50%;text-align:center;padding:25px 0;margin:0;font-size:18px;} .tool-for dl a{padding-top:5px;color:#393939;} .tool-for dl:hover{background-color: #f7f7f7;} .indexNew-specialText dl{width:100%; padding: 10px 0;} .indexNew-specialText dl dd{margin-top:10px;text-align: left;} .indexNew-specialText dl img{border-radius: 5px;} .indexNew-specialText dl .indexNew-specialText-cover{height:72px;line-height:72px;width:100%;} .indexNew-specialText dl:hover{background-color: #fff;} .reading-book{padding:0px 24px 0px;text-align:center;margin-bottom:30px;} .reading-book .slick-slide .pic{height:176px;margin:10px 0;} .reading-book .slick-slide img{display: inline;max-height:176px; box-shadow: 0 0 10px 0.5px rgba(57,57,57,0.27);} .reading-book .slick-dots {list-style: none;text-align:center;padding:0;margin:17px 0 0; width: 100%;} .reading-book .slick-dots li button{font-size:0;border:none;background:none;} .reading-book .slick-dots li{display:inline-block;width:6px;height:6px;margin:0 5px;background-color:#dedede;border-radius:50%;cursor: pointer;} .reading-book .slick-dots li.slick-active{background-color:#3ca27a;} /******************************* --------[农业标准全库]------- ********************************/ .sublirary-banner {background:url(../../images/sublibrary-banner.png) center bottom no-repeat;padding:35px 0 0;} .sublirary-banner h5{font-size:40px;color:#fff;margin-bottom:15px;} .sublirary-banner p{font-size:14px;line-height:22px;color:#fff;margin-bottom:30px; /*text-overflow: ellipsis;height:66px;overflow : hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;*/} .sublirary-banner .search{margin-top:30px;} .sublibrary-main{position:relative;top:-40px;} .sublibrary-class{background:#fff;padding:10px 20px;} .sublibrary-class .class-item{overflow:Hidden;line-height: 33px;} .sublibrary-class .class-label{width:90px;float:left;color:#36a58f;font-weight:bold;font-size:16px;} .sublibrary-class .class-list{width:calc(100% - 90px);float:left;font-size:16px;word-wrap:break-word;} .sublibrary-class .class-list-more{width:calc(100% - 119px);height:33px;} .sublibrary-class .class-list-more.open{height:auto;} .sublibrary-class .class-more{float:left;font-size:14px;color:#999;cursor: pointer;} .sublibrary-class .class-list div{float:left;color:#0f492c;font-size:14px;margin-right:22px;white-space: nowrap;cursor: pointer;} .sublibrary-class .class-list div span{color:#333;} .sublibrary-class .class-list div.cur{color:#36a58f;} .sublibrary-class .class-list div.cur span{color:#36a58f;font-weight:bold;} .list-search-words{line-height:26px;} .search-words{color:#bebebe;font-size:16px;} .search-words span{color:#666666;margin-right:3px;} .search-words span.search-tag{position:relative;margin-left:16px;background-color: #ebf4f2;color:#278270;font-size:14px;display:inline-block;height:26px;line-height:26px;padding:0 10px 0 15px;border-radius:13px;} .search-words span.search-tag::before{content: ">"; position:absolute; left: -15px; color:#666;} .search-words span.search-tag i{margin-left:5px; cursor: pointer;} .search-words span.search-tag i::before{content:"×";font-size:20px;} .tab-btn-list{font-size:20px;color:#bebebe;} .tab-btn-list span{cursor:pointer;min-width:95px;padding:0 20px;display:inline-block;text-align:center;} .tab-btn-list .cur{color:#36a58f;} .sublirary-list{background:#fff;padding:10px 20px;} .sublirary-list .list-ul li{padding:10px 0;border-bottom:1px dashed #e8e8e8;line-height:20px;} .sublirary-list .list-ul li h4{font-size:16px;line-height:24px;font-weight: bold;margin-bottom:5px;} .sublirary-list .list-ul li h4 a{color:#333;} .sublirary-list .list-ul li span{font-size:12px;color:#666666;margin-right:30px;} .sublirary-list .list-ul li span.tag{display: inline-block; padding:0 20px;background-color: #36a58f;color:#fff;margin-right:12px;} .sublirary-list .list-th{margin-left:-15px;margin-right:-15px;} .sublirary-list .list-th li{float:left;width:20%;padding:15px;height: 260px;} .sublirary-list .list-th li .pig{position: relative;} .sublirary-list .list-th li .pig span{position: absolute;left:0;top:0; padding:0 20px;background-color: #36a58f;color:#fff;margin-right:12px;} .sublirary-list .list-th li h4{font-size:14px;line-height:2.0;font-weight:bold;margin-top:10px;} .sublirary-list .list-th li h4 a{color:#333;} .sublirary-list .list-th li p{font-size:12px;line-height:2.0;color:#666;margin-bottom:0;} .notice-list{padding:10px 20px 15px;} .notice-list li{font-size:16px;line-height:30px;} .notice-list li a{color:#333;} .QA-list {padding:0px 20px 20px;} .QA-list .QA-item{padding-left:34px;padding-bottom:5px;background:url(../../images/QA-icon.png) no-repeat left 6px;} .QA-list .QA-item h4{font-size:16px;line-height:36px;} .QA-list .QA-item h4 a{color:#393939;} .QA-list .QA-item p{display:none;font-size:14px;line-height:22px;color:#666666;background-color:#f7f7f7 ;padding:5px 10px;margin:0;} .QA-list .QA-item p a{color:#289b6f;} .QA-list .QA-item.cur{background:url(../../images/QA-icon-hover.png) no-repeat left 6px;} .QA-list .QA-item.cur p{display:block;} /******************************* --------[农业社图片库]------- ********************************/ .gallery-banner {background:url(../../images/gallery-banner.png) center bottom no-repeat;padding:80px 0 0;height: 350px;} .picture-ever{padding: 20px 0 40px;} .picture-ever:nth-child(2n){background-color: #ffffff;} .pictureStore{margin-top:20px;position: relative;} .pictureStore .pic-title{line-height: 40px;font-size: 32px;color: #3a3a3a;margin-bottom:30px;} .pictureStore .pic-title1{line-height: 60px;font-size: 32px;color: #3a3a3a;background-color: #ffffff;margin-bottom:0;} .pictureStore .pic-title2{line-height: 60px;font-size: 24px;color: #3a3a3a; margin-bottom: 20px;border-bottom: 1px solid #E5E5E5;} .pictureStore .pic-title2 .more{display: inline-block;border-bottom: 3px solid #289B6F;} .pictureStore .pic-title a {padding-left:10px;line-height: 40px;font-size: 18px;color: #bdbdbd;} .pictureStore .pictureStore-nav{line-height: 22px;padding: 9px 0;color:#3a3a3a;font-size:18px;margin-right:10px;} .pictureStore .pic-title1 .pictureStore-nav{margin-top:10px;} .pictureStore .pictureStore-nav1{padding: 16px 0;right: 0;} .pictureStore .pictureStore-nav .cur{color:#37a66e;font-weight:600;border-left:2px solid #37a66e;border-right:2px solid #37a66e ;} .pictureStore .pictureStore-nav .slick-slide{display:inline-block;max-width:96px;text-align:center;cursor: pointer;} .pictureStore .title{margin-right:10px;position: relative;} .pictureStore .title span:first-child{ display: inline-block;color: #ffffff; padding: 0 5px;font-style:italic; background-color:#37a66e ; } .pictureStore .title span:first-child::after{content:'';position: absolute;height:100%;width:10px;left:99%;top:0;background:url(../../images/tile-right.png) no-repeat;} .pictureStore .title span{padding-left:8px;margin-right:5px;position: relative;;} .pictureStore .pictureStore-item .picture-item {padding: 0;width: 30%; margin-right: 5%;} .pictureStore .pictureStore-item .picture-item1 {padding: 0;width: 32%; margin-right: 2%;} .pictureStore .pictureStore-item .picture-item:nth-child(3n) {margin-right:0;} .pictureStore .pictureStore-item .picture-item1:nth-child(3n) {margin-right:0;} .pictureStore .pictureStore-item .picture-item .pic a{position: relative; width: 25%; margin-top: 10px; height: 0px; padding-bottom: calc(25% - 7px); overflow: hidden; box-shadow: 0px 0px 10px #999;} .pictureStore .pictureStore-item .picture-item .pic a:first-child{width: calc(75% - 10px) ;margin-top: 0px;height: 0px; padding-bottom: 75%;margin-right: 10px;} .pictureStore .pictureStore-item .picture-item .pic a:nth-child(2){margin-top: 0px;height: 0px;} .pictureStore .pictureStore-item .picture-item .pic a img{position:absolute; width: 100%;max-width: none;} .pictureStore .pictureStore-item .picture-item .h5 {font-size: 20px; padding:10px 0 ;} .pictureStore .pictureStore-item .picture-item .h5 a{color:#3a3a3a;} .pictureStore .pictureStore-item .picture-item .p {font-size: 14px;padding: 0;font-style: italic;height: 19px;} .pictureStore .pictureStore-item .picture-item .p a{ color:#999999 ;} /* 图片详情 */ .pictrue-detail{padding: 30px; background-color: #ffffff;border: 1px solid #E5E5E5;} .pictrue-detail .sliderpic-list {max-height: 607px;overflow: hidden;} .pictrue-detail .picdetail-top {margin-bottom: 15px;} .pictrue-detail .picdetail-top h2{font-size: 25px;color: #000;line-height: 50px;margin: 0;} .pictrue-detail .picdetail-top .down-btn{text-align: center; background-color: #289B6F; font-size: 16px;color: #ffffff;line-height: 50px;margin: 0;border-radius: 3px;} .pictrue-detail .picdetail-body {padding-bottom:20px;display:flex;} .pictrue-detail .picdetail-body .left{position: relative; padding: 0;margin-right:20px ;text-align: center; min-height: 500px;background: #EFEFEF;display: flex;justify-content: center;align-items: center;max-height:650px ;} .pictrue-detail .picdetail-body .left > img{width:auto;max-height:522px; } .pictrue-detail .picdetail-body .left .expand{position: absolute;bottom:13px;right: 35px;} .pictrue-detail .picdetail-body .right{color: #999999;font-size: 16px;} .pictrue-detail .picdetail-body .right .collected {margin: 10px 0;margin-bottom: 40px;} .pictrue-detail .picdetail-body .right .collected a{display: inline-block;width: 50%; color: #999999; outline: none;cursor:default } .pictrue-detail .picdetail-body .right .collected img{margin-right: 10px;display:inline;} .pictrue-detail .picdetail-body .right .briefly {display: flex;margin: 20px 0;} .pictrue-detail .picdetail-body .right .briefly .title{ width: 80px;} .pictrue-detail .picdetail-body .right .briefly .item1{ flex: 1;color: #289b6f; line-height: 24px;} .pictrue-detail .picdetail-body .right .briefly .item{ flex: 1;color:#545454;} .pictrue-detail .picdetail-body .right .share {position:absolute;bottom:0;} .pictrue-detail .picdetail-body .right .share .item{ margin-right:20px ; float: left; font-size: 14px; text-align: center;border: 1px solid #E5E5E5;width: 66px;height: 66px;display: flex;justify-content: center;align-items: center;flex-direction: column; color: #999;outline:none;} .pictrue-detail .picdetail-body .right .share .item shouchang{ margin-right:20px ; float: left; font-size: 14px; text-align: center;border: 1px solid #E5E5E5;width: 66px;height: 66px;display: flex;justify-content: center;align-items: center;flex-direction: column; color: #999;outline:none;} .pictrue-detail .picdetail-body .right .share .item:last-child{margin-right: 0;} .pictrue-detail .picdetail-body .right .share .item img{width: 21px;margin-bottom: 4px;} .pictrue-detail .picdetail-body .right .share .item.shouchanged {background-color: #289b6f; color: #fff;} .pictrue-detail .picdetail-body .right .share .down-btn{text-align: center; background-color: #289B6F; font-size: 16px;color: #ffffff;line-height: 50px;margin: 0;border-radius: 3px;margin-top:16px;} .pictrue-detail .picdetail-body .right .share .weixin img{width: 27px;margin-bottom: 5px;} .pictrue-detail .picdetail-body .right .share .weixin {position: relative;} .pictrue-detail .picdetail-body .right .share .weixin .weixin_share{display: none; position: absolute;top: -120px;height: 100px;overflow: hidden;} .pictrue-detail .picdetail-body .right .share .weixin:hover .weixin_share {display: block;} .pictrue-detail .picdetail-body .right .share .weixin .weixin_share:hover {display: block;} .pictrue-detail .scroll-core {height: 150px; overflow: hidden;} .pictrue-detail .scroll-core .slick-arrow{ font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; z-index: 100;border:none;font-size:0;position: absolute;top: 0;width: 30px;height: 150px;background-color: #333333;opacity: 0.7;text-align: center;color: #ffffff;} .pictrue-detail .scroll-core .slick-arrow:hover{background-color: #289b6f;opacity:1;} .pictrue-detail .scroll-core .slick-prev{left:0;} .pictrue-detail .scroll-core .slick-next{right:0;} .pictrue-detail .scroll-core .slick-prev:before{content: "\e251";font-size: 14px;} .pictrue-detail .scroll-core .slick-next:before{content: "\e250";font-size: 14px;} .pictrue-detail .scroll-core .nav-item {padding:0 2.5px;} .pictrue-detail .scroll-core .nav-item img{height: 150px;cursor: pointer;} /******************************* --------[农艺库]------- ********************************/ .agronomy-banner {background:url(../../images/agronomy-banner.png) center bottom no-repeat;background-size:100% 100%;} .crops {border:1px solid #e8e8e8;background:#fff;} .crops .crop-left{float:left;width:200px;} .crops .crop-left li{cursor:pointer;background-color:#f7f7f7;border-right:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;padding:10px 0 10px 30px;} .crops .crop-left li:last-child{border-bottom:none;} .crops .crop-left li p{display:none;height:18px;margin-bottom:0;margin-top:5px;line-height:18px;font-size:12px;color:#a1a1a1;} .crops .crop-left li h4{color:#666;font-size:18px;line-height:45px;} .crops .crop-left li.cur {border-right:none;background:#fff url(../../images/crop-arrow-icon.png) no-repeat right center;} .crops .crop-left li.cur p{display: block;} .crops .crop-left li.cur h4{line-height:22px;color:#289b6f;font-weight:bold;} .crops .crop-right{float:left;width:calc(100% - 200px);padding:25px;background:#fff;} .crops .crop-right ul{margin-left:-5px;margin-right:-5px;} .crops .crop-right ul li{float:left;width:20%;padding:5px; position: relative;overflow:hidden;min-height:84px;} .crops .crop-right ul li a{position: absolute;width:calc(100% - 10px); height:calc(100% - 10px); left:5px;top:5px;background:rgba(0,0,0,0.6);font-size:18px;color:#fff;text-align:center;} .crops .crop-right ul li a::before{display: inline-block;content: "";height: 100%;vertical-align: middle;} .veterinary-sublibrary .title{padding:14px 15px 14px 24px;height:50px;line-height:22px;} .veterinary-sublibrary .sublibrary-nav{background:#fff;} .veterinary-sublibrary .sublibrary-nav .slick-slide>div{display:inline-block;max-width:calc(100% - 2px)} .veterinary-sublibrary .sublibrary-nav .slick-slide::after{content:'';float:right;height:16px;width:2px;margin-top:10px;background: #e0e0e0;} .veterinary-sublibrary .sublibrary-nav .slick-slide:last-child:after{width:0;} .veterinary-sublibrary .sublibrary-nav .slick-current a.sublibrary-more{top:-42px;} .veterinary-sublibrary .slick-track{padding:0px;} .veterinary-sublibrary .sublibrary-nav .slick-slide span{color:#666;padding:2px 7px;border-radius:2px;cursor:pointer;font-size:15px;} .veterinary-sublibrary .sublibrary-nav .slick-current span{color:#4bab87;font-weight:bold;} .veterinary-sublibrary .sublibrary-nav .TAB_CLICK{text-align: left;padding:0 15px;} .veterinary-sublibrary .sublibrary-nav .TAB_CLICK span{position:relative;color:#666;padding:2px 15px;border-radius:2px;cursor:pointer;font-size: 16px;} .veterinary-sublibrary .sublibrary-nav .TAB_CLICK span.cur{color:#4bab87;font-weight:bold;} .veterinary-sublibrary .sublibrary-nav .TAB_CLICK span::after{content:'';position:absolute;right:-2px;top:5px;height:16px;width:2px;background: #e0e0e0;} .veterinary-sublibrary .sublibrary-nav .TAB_CLICK span:last-child:after{width:0;} .veterinary-sublibrary .sublibrary-for{padding:0px 15px 15px;} .veterinary-sublibrary .sublibrary-for.p-t{padding-top:15px;} .veterinary-sublibrary .sublibrary-for ul{padding:0 15px;} .veterinary-sublibrary ul li{width:33.33%;} .veterinary-sublibrary .full_library{padding:0;} .veterinary-sublibrary .full_library .full_library_item{background:#f7f7f7;width:48%;margin:0 1%;} .veterinary-sublibrary .full_library .full_library_item div.summary{display:inline-block;height: 44px; display:block; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; display:-moz-box; -moz-box-orient:vertical; display:-o-box; -o-box-orient:vertical; -webkit-line-clamp:2; -moz-line-clamp:2; -o-line-clamp:2;margin-bottom:10px;} .agronomy-sublibrary1 .title{background:url(../../images/agronomy-title1.png) no-repeat;} .agronomy-sublibrary2 .title{background:url(../../images/agronomy-title2.png) no-repeat;} .agronomy-sublibrary3 .title{background:url(../../images/agronomy-title3.png) no-repeat;} .agronomy-sublibrary4 .title{background:url(../../images/agronomy-title4.png) no-repeat;} .agronomy-sublibrary5 .title{background:url(../../images/agronomy-title5.png) no-repeat;} .agronomy-sublibrary6 .title{background:url(../../images/agronomy-title6.png) no-repeat;} /******************************* --------[畜牧兽医库]------- ********************************/ .veterinary-banner {background:url(../../images/veterinary-banner.png) center bottom no-repeat;} .veterinary-sublibrary1 .sublibrary-nav .slick-current span, .veterinary-sublibrary2 .sublibrary-nav .slick-current span, .veterinary-sublibrary3 .sublibrary-nav .slick-current span{color:#f59923;font-weight:bold;} .veterinary-sublibrary1 .sublibrary-nav .TAB_CLICK span.cur, .veterinary-sublibrary2 .sublibrary-nav .TAB_CLICK span.cur, .veterinary-sublibrary3 .sublibrary-nav .TAB_CLICK span.cur{color:#f59923;font-weight:bold;} .veterinary-sublibrary1 .title{background:url(../../images/veterinary-title1.png) no-repeat;} .veterinary-sublibrary2 .title{background:url(../../images/veterinary-title2.png) no-repeat;} .veterinary-sublibrary3 .title{background:url(../../images/veterinary-title3.png) no-repeat;} .crops .crop-left li.veterinary-crop-item.cur{background:#fff url(../../images/crop-arrow-icon1.png) no-repeat 130px center;margin-top: 46%;} .crops .crop-left li.veterinary-crop-item.cur h4{color:#f59923;} /******************************* --------[经济全库]------- ********************************/ .economics-banner{background:url(../../images/economics-banner.png) center bottom no-repeat;} .economics-main .sublibrary-nav .slick-slide{max-width: 16.66%} .economics-sublibrary1 .sublibrary-nav .slick-current span, .economics-sublibrary4 .sublibrary-nav .slick-current span, .economics-sublibrary5 .sublibrary-nav .slick-current span{color:#42519d;font-weight:bold;} .economics-sublibrary1 .sublibrary-nav .TAB_CLICK span.cur, .economics-sublibrary4 .sublibrary-nav .TAB_CLICK span.cur, .economics-sublibrary5 .sublibrary-nav .TAB_CLICK span.cur{color:#42519d;font-weight:bold;} .economics-sublibrary1 .title{background:url(../../images/economics-title1.png) no-repeat;} .economics-sublibrary2 .title{background:url(../../images/economics-title2.png) no-repeat;} .economics-sublibrary3 .title{background:url(../../images/economics-title3.png) no-repeat;} .economics-sublibrary4 .title{background:url(../../images/economics-title4.png) no-repeat;} .economics-sublibrary5 .title{background:url(../../images/economics-title5.png) no-repeat;} /******************************* --------[图片库列表]-----outline: none;-- ********************************/ .no-offset{margin: 0 !important;padding: 0 !important;} .gallery-list {background:url(../../images/picture-back1.png) center top no-repeat;padding:50px 0 0;height: 180px;} .gallery-list .search{margin: 0;} .gallery-list .logo{text-align: center;width: 100%;} .picture-body{transform: translateY(-47px);} .tree-box{padding: 0; padding-bottom:40px;background:#fff;} .tree-box .tree-header{background-color:#289b6f;color:#ffffff;line-height:47px;height:47px; padding:0 20px;font-size: 20px;} .tree-list{border-top:none;background:#fff;} /* .tree-list.left{border:1px solid #ebebeb;} */ .tree-list .list-title{background-color:#ffffff;color:#289b6f;line-height:47px;height:47px; padding:0 20px;} .tree-list .list-title h4{margin-left: 5px;height:100%;line-height:48px;font-size:18px;font-weight: 550;color:#289b6f;cursor: pointer;} .tree-list .list-title h4 a{line-height:48px;font-size:18px;font-weight: 550;color:#289b6f;cursor: pointer;} .tree-list .list-title a{color:#289b6f;font-size:10px;} .tree-list ul{padding:10px 2px 10px 29px;;margin:0; background-color: #F4F6F5; margin: 2px;} .tree-list ul li{ width: 33.3%; float: left; } .tree-list ul li a{padding: 8px 5px;display: inline-block; width: 100%;color: #818985; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .tree-list ul li.active a{color: #37a66e; font-weight: 600;} /* 图片库的小搜索 */ .show-search{display: none;} .piclist-search{border:1px solid #ebebeb;background:#ffffff;line-height:34px;font-size:14px;color:#b0b0b0;} .piclist-search .left-title{margin-left:20px ;} .piclist-search .search-result{padding:3px 20px;border-bottom:1px solid #ebebeb;} .piclist-search .search-result .px-query input{width: 60px;text-align: center;border: none;background-color: #F4F4F4;} .piclist-search .search-result .px-query .x{font-size: 24px;margin: 0 10px;} .piclist-search .search-result .px-query .tips{margin: 0 10px;} .piclist-search .search-result .px-query .ensure-btn{color:#FFFFFF;background-color: #37A66E;margin-left: 20px;} .piclist-search .subsearch-query .input-group {float:left;width:150px;margin-right:10px;} .piclist-search .sortBox {padding: 3px 1px;} .piclist-search .sortBox .sort a{color: #a3a3a3;} .piclist-search .sortBox .sort a.active{color: #1AA679;} .piclist-search .sortBox .search-pictrue{ position: relative; background-color: #F4F4F4;} .piclist-search .sortBox .search-pictrue input{border: none;background-color: #F4F4F4;} .piclist-search .sortBox .search-pictrue a{position: absolute;right: 0px;top: 0px;} .piclist-search .search-list .px-query ul {list-style-type:none; padding: 0; max-width: calc(100% - 63px);} .piclist-search .search-list .px-query ul li.item{float:left;font-size:14px; margin-right: 10px;} .piclist-search .search-list .px-query ul li.item a{color: #717171;} .piclist-search .search-list .px-query ul li.active a{color: #37a66e;} /* 图片库下方图片展示 */ .pic-list .pic-box .pic-item{position: relative; width: 32%;float: left; margin-right: 2%; margin-bottom: 25px; } .pic-list .pic-box .pic-item:nth-child(3n){margin-right: 0;} .pic-list .pic-box .pic-item .top {width: 100%;width:100%; height:0; padding-bottom:100%; overflow: hidden; background-color: #ffffff; box-shadow: 0px 0px 10px #999; border-radius: 5px;} .pic-list .pic-box .pic-item .top img {width: 100%; } .pic-list .pic-box .pic-item .h5 a{font-size: 20px} .pic-list .pic-box .pic-item .h5 {padding: 15px 0; display: inline-block; width: 100%;height: 50px;} .pic-list .pic-box .pic-item .p a{font-size: 14px;} .pic-list .pic-box .pic-item .p,.h5 { padding: 0;margin: 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .pic-list .pic-box .pic-item a:hover{color:#37a66e ;} .pic-list .pic-box .pic-item .top:hover + .save{display: block;} .pic-list .pic-box .pic-item .save:hover{display: block;} .pic-list .pic-box .pic-item .save{display: none; position: absolute;right: 5px;top: 5px;} .pic-list .pic-box .pic-item .save .collect{padding: 10px;background-color: #333333;opacity: 0.7; margin-bottom: 5px;} .pic-list .pic-box .pic-item .save .collect img{opacity: 0.6;} .pic-list .pic-box .pic-item .save .collected img{opacity: 1;} .pic-list .pic-box .pic-item .save .collected{opacity: 1;padding: 10px;background-color: #37A66E;margin-bottom: 5px;} .pic-list .pic-box .pic-item .save .download img{transform: translateX(3px);} /* 图集列表页面 */ .crops-maps{ transform: translateY(-60px); } .gather-maps{ transform: translateY(-20px); } .crops-maps a{outline: none !important;} /******************************* --------[文摘检索]------- ********************************/ .left-list{border:1px solid #ebebeb;border-top:none;background:#fff;} .left-list.left{border:1px solid #ebebeb;} .left-list .list-title{background-color:#289b6f;color:#333333;line-height:48px;height:48px; padding:0 20px;} .left-list .list-title h4{height:100%;line-height:48px;font-weight:normal;color:#fff;} .left-list .list-title a{color:#fff;font-size:22px;} .left-list ul{padding:0;margin:0;} .left-list ul li{padding:0 20px;border-top:1px solid #ebebeb;background:#fff;white-space: nowrap;overflow:Hidden;} .left-list ul li a{color:#787878;float:left;max-width:84%;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;height:44px;line-height:44px;} .left-list ul li span{color:#289b6f;margin-left:3px;float:left;line-height:44px;} .left-list ul li:hover,.left-list ul li.on{background:#f1f5f4;} .left-list ul li:hover a,.left-list ul li:hover span, .left-list ul li.on a,.left-list ul li.on span{color:#289b6f;} .left-list ul li.selectOption {background: #fff5eb;} .left-list ul li.selectOption span{color: #289b6f !important;} .left-list ul li.selectOption a{color: #289b6f !important;} .left-list ul li.twoLevel{padding-right:15px;} .left-list ul li.twoLevel i{line-height:44px;color:#787878;} .left-list ul li.twoLevel:hover i{color:#289b6f;} .left-list ul li.twoLevel:hover > ul{display:block;} .left-list ul li.twoLevel > ul{display:none;position: absolute; left: calc(100% - 15px); z-index: 109; width: 260px;max-height:100%;overflow-y:auto;} .left-list ul li.twoLevel > ul li{background:#ffffff;} .left-list ul li.twoLevel > ul li a{max-width:100%;} .left-list ul li.twoLevel > ul li:hover{background:#289b6f} .left-list ul li.twoLevel > ul li:hover a{color:#fff} .list-search{border:1px solid #ebebeb;background:#ffffff;line-height:34px;font-size:14px;color:#b0b0b0;} .list-search .search-result{padding:9px 20px;border-bottom:1px solid #ebebeb;} .list-search .letter-search span{height:30px;line-height:30px;} .list-search .subsearch-query{width: calc(100% - 90px);} .list-search .subsearch-query .form-group{width:calc(100% - 120px);margin-bottom:0;} .list-search .subsearch-query input{width:140px;float:left;margin-right:10px;border-color:#f3f3f3;border-radius:0;} .list-search .subsearch-query input:last-child{width:calc(100% - 450px);float:left;margin-right:0px;} .list-search .subsearch-query .retrieval-btn{width:52px;text-align:center;background:#289b6f;border-radius:0;color:#fff;margin-left:8px;} .list-search .subsearch-query .empty-btn{width:52px;text-align:center;background:#d9d9d9;border-radius:0;color:#fff;margin-left:8px;} .list-search .sortBox{padding:3px 20px;} .list-search .sortBox .sort a{color:#999999;} .list-search .sortBox .sort a.cur{color:#289b6f} .list-search .sortBox .search-member{color:#999999;background-color: #f4f4f4;} .list-search .sortBox .search-member span{color:#289b6f;} .history-list{padding:10px;} .history-list a{display:inline-block;padding:6px 11px;margin:5px;background:#f1f5f4;color:#87a599;font-size:12px; white-space: normal;border-radius:3px;} .abstract-list{border:1px solid #e8e8e8;background:#fff;padding:0 30px;} .abstract-list .abstract-item{border-bottom:1px dashed #e8e8e8;padding:20px 0;color:#666666;font-size:14px;line-height:26px; } .abstract-list .abstract-item h4{margin-bottom:15px;} .abstract-list .abstract-item h4 a{color:#333333;font-size:22px;position: relative;padding-left:10px;font-weight:bold;display: block; white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis;} .abstract-list .abstract-item h4 a::before{content:'';position: absolute; left:0; top:50%;margin-top:-11px;height:22px;width:4px;background-color:#289b6f;border-radius:2px;} .abstract-list .abstract-item div.summary{color:#666666;font-size:14px;line-height:26px; max-height: 53px; display:block; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; display:-moz-box; -moz-box-orient:vertical; display:-o-box; -o-box-orient:vertical; -webkit-line-clamp:2; -moz-line-clamp:2; -o-line-clamp:2; } .abstract-list .abstract-item p{margin:0;color:#999;margin-top:10px;} /******************************* --------[条目检索]------- ********************************/ .list-search .sublibrary-class .class-tab{width:calc(100% - 70px);} .list-search .sublibrary-class .class-tab span{ color: #333;margin-right:15px;cursor: pointer;} .list-search .sublibrary-class .class-tab span.cur{ color: #289b6f;font-weight:bold;} .list-search .sublibrary-class .class-list{width:100%} .list-search .sublibrary-class{padding:9px 20px;border-bottom:1px solid #ebebeb;} .list-search .sublibrary-class .class-list div{margin-right:15px;color:#289b6f;font-size:14px;line-height:30px;cursor: pointer;} .list-search .class-list div span{color:#666;} .entry-list{border:1px solid #e8e8e8;background:#fff;} .entry-list .entry-item{border-bottom:1px solid #e8e8e8;padding:20px 30px;background:url(../../images/entry-list-icon.png) no-repeat left 20px;color:#666666;line-height: 26px;font-size:14px;} .entry-list .entry-item h4{margin-bottom:15px;} .entry-list .entry-item h4 a{color:#333333;font-size:22px;position: relative;font-weight:bold;} .entry-list .entry-item span,.abstract-list .abstract-item span{color:#999;float:left;line-height: 26px;font-size:14px;} .entry-list .entry-item .entry-info div.summary{width:calc(100% - 45px);float:left;margin-bottom:0;color:#666666;font-size:14px;line-height:26px;height: 52px; overflow: hidden; display:block; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; display:-moz-box; -moz-box-orient:vertical; display:-o-box; -o-box-orient:vertical; -webkit-line-clamp:2; -moz-line-clamp:2; -o-line-clamp:2; } .entry-list .entry-item .entry-info div.summary *{ font-size:14px!important;line-height:26px!important;margin:0;padding:0; } .entry-list .entry-item .history-list{padding:0;margin-top:10px;} .entry-list .entry-item .history-list .tag{padding:0px 7px;color:#289b6f;background-color: #f1f5f4;} .entry-list .pagebar{padding:0 30px;} /******************************* --------[图书检索]------- ********************************/ .book-list .book-item {background:none;} .book-list .book-item .book-pic{width:160px;padding-right:20px;} .book-list .book-item .book-right{width:calc(100% - 160px);} .book-list .book-item .book-attribute span{color:#999;} .book-list .book-item .book-attribute{color:#666;font-size:14px;line-height:26px;} .book-list .book-item .book-attribute > div{word-wrap: break-word; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} /******************************* --------[文章详情页]------- ********************************/ .detail-info{border:1px solid #e8e8e8;background:#fff;position: relative;top:-20px;} .detail-info .book-item .book-pic{padding-right:0;height:auto;width:220px;position: relative;padding-left:10px;} .detail-info .posistion{padding:0 40px;} .detail-info .entry-list{border:none;} .detail-info .book-item{padding-bottom:20px;padding-top:0;border:none;} .detail-info .book-item .book-pic img{max-width:170px;} .detail-info .book-item .book-pic .abolish{position:absolute;height:100%;left:0;top:0;} .detail-info .book-item .book-right{width:calc(100% - 220px);} .detail-info .detail-con-info{ min-height: 140px;} .detail-info .entry-list .entry-item .history-list{margin-top:0px;} .detail-info .entry-list .entry-item .history-list .tag{padding:0 7px;} .detail-info .entry-list .entry-item .history-list .tag:first-child{margin-left:0;} .book-btn-group {line-height:40px;} .book-btn-group .read-btn{background:url(../../images/read-btn-bg.png) no-repeat;color:#fff;font-size:16px;text-align:center;letter-spacing: 10px;line-height:40px;width:168px;height:48px;} .shareBar > a i{color:#289b6f;font-size:16px;} .book-btn-group .shareBar span{float:none;display:inline;color:inherit;} .shareBar > a.cur{color:#289b6f;} .shareBar > a{color:#666666;font-size:14px;} .bookContent{padding:20px 0;} .bookContent h4{background:url(../../images/entry-list-icon.png) no-repeat center left; font-size:22px;color:#333333;font-weight:bold;line-height:34px;padding-left:30px;} .bookContent p{padding:0 30px;color:#666666;font-size:16px;line-height:30px;} .bookContent .menu-list{padding:30px;} .bookContent .menu-list dl{padding-left:54px;background:url(../../images/menu-icon.png) no-repeat left 10px;} .bookContent .menu-list dl:hover{padding-left:54px;background:url(../../images/menu-icon1.png) no-repeat left 10px;} .bookContent .menu-list dt{font-size:18px;color:#333333;font-weight:bold;line-height:34px;} .bookContent .menu-list dl:hover dt{color:#289b6f;} .bookContent .menu-list dt span{color:#289b6f;} .bookContent .menu-list dd{color:#666666;font-size:16px;line-height:30px;} .child-menu-list {display:none;margin-top:15px;background-color:#f7f7f7;border:1px solid #e8e8e8;padding:7px 15px;position: relative;} .child-menu-list::before{content:'';position:absolute;width:20px;height:15px;left:20px;bottom:100%;background:url(../../images/child-menu-icon.png) no-repeat;} .child-menu-list li{float:left;width:50%;font-size:14px;line-height:34px;padding-left:20px;position:relative;} .child-menu-list li::before{content:'';position:absolute;width:6px;height:6px;border:1px solid #289b6f;border-radius:50%;left:5px;top:14px;} .child-menu-list li a{color:#666;} .child-menu-list li:hover a{color:#289b6f;} .bookContent .menu-list dl:hover .child-menu-list{display:block;} /******************************* --------[年鉴]------- ********************************/ .list-search .subsearch-query .input-group{float:left;width:150px;margin-right:10px;} .list-search .subsearch-query .input-group .input-group-addon, .list-search .subsearch-query .input-group .form-control{border-color:#f3f3f3; border-radius: 0;} .list-search .subsearch-query input.group-select-input{width:calc(100% - 160px);} .yearbook-list .yearbook-item{border-bottom:none;padding-top:0px;} .yearbook-list .yearbook-item:hover{background-color:#f7f7f7;} .yearbook-list .yearbook-item h4{border-top:1px solid #e8e8e8;padding-top:20px;} .yearbook-list .yearbook-item:first-child h4{border-top:none;} .yearbook-list .yearbook-item .history-list{margin-left:-5px;margin-right:-5px;margin-top:0;height:40px;overflow:hidden;} .yearbook-list .yearbook-item:hover .history-list{width:calc(100% - 40px);} .yearbook-list .yearbook-item .history-list.open, .yearbook-list .yearbook-item:hover .history-list.open{height:auto;width:auto;} .yearbook-list .yearbook-item .history-list .tag{background-color: #f1f5f4;color:#6e7f79;padding:6px;} .yearbook-list .yearbook-item .history-list .tag:hover{background-color: #f1f5f4;color:#289b6f;} .yearbook-list .yearbook-item .tag-more{display:none;line-height: 40px;font-size:14px;color:#b9c3bf;cursor:pointer;} .yearbook-list .yearbook-item .history-list.open + .tag-more{line-height: 20px;} .yearbook-list .yearbook-item .tag-more:hover{color:#289b6f;} .yearbook-list .yearbook-item:hover .tag-more{display:block;} .yearData_tags .history-list{width:calc(100% - 36px);padding:0;margin-bottom:20px;overflow:Hidden;height: 40px;} .yearData_tags .history-list > span{float:left;line-height:40px;font-size:14px;} .yearData_tags .yearData_list{float:left;width:calc(100% - 42px)} .yearData_tags .history-list.open{height:auto;} .yearData_tags .tag-more{line-height:40px;} .yearData_tags .history-list.open + .tag-more{line-height:20px;} .yearData_excel{overflow:auto;margin-bottom:30px;} .history-list a.cur{background-color: #dbeae7; color: #289b6f;} /******************************* --------[茶文化专题首页]------- ********************************/ .subject-header{background: #02a266;padding:10px 0;border-bottom:1px solid #67c7a3;} .subject-header .logo img{max-height:54px;} .header-top a.register-btn{background:#286f47;margin-left:27px; border-radius: 5px;} .subject-main{background:#fff url(../../images/tea-bg.png) repeat-x;background-size:100% 315px;} .subject-main .search{box-shadow:0 0 5px rgba(83,88,90,0.32);margin-top:36px;} .subject-main .search .input-group{width:100%;} .subject-main .banner{margin-top:47px;width:100%;max-height: inherit;padding-bottom: 20px;} .tea-module{padding-bottom:20px;} .module-title{margin-top:24px;margin-bottom: 44px;} .module-title .title-text{width:320px;display:inline-block;margin:auto;background:url(../../images/tea-title-bg.png) no-repeat; padding-top:20px;line-height:56px;padding-left:50px;text-align:center;font-size:30px;color:#ffffff;} .module-title a{padding-top:20px;line-height:56px;color:#666666;font-size:16px;} .module-label .TAB_CLICK{margin-top:44px;margin-bottom:35px;} .module-label .TAB_CLICK span{background-color: #f6f7f9;height:38px;line-height:38px;color:#939393;font-size:16px;margin:0 10px;float:left;min-width:100px;padding:0 19px;text-align:center;border-radius:19px;cursor:pointer;} .module-label .TAB_CLICK span:first-child{margin-left:0;} .module-label .TAB_CLICK span.cur{background-color: #d0f1e6;color:#217f3b;} .tea-item {padding-top:15px;position:relative;} .tea-item .overlap-bg{opacity: 0.5;width:calc(100% - 30px);position:absolute;top:0;left:15px;z-index:0;} .tea-item .cover-img{position:relative;z-index:1;} .tea-item h4{font-size:18px;color:#323232;line-height:28px;margin: 13px 0;} .book-tea-module{background-color: #f0faf6;padding-bottom:60px;} .book-tea-module .TAB_CLICK span{background:#fff;} .book-tea .tea-item{float:left;width:20%;text-align:center;} .book-tea .tea-item h4{margin:13px 0 0;} /******************************* --------[二级页面-图片]------- ********************************/ .subject-item-main{background-color: #fff;;} .tea-search{background: #02a266;padding:35px 0;} .tea-search .search{margin:0;} .tea-classfiy{margin:34px 0;} .tea-classfiy .classfiy-title{height:64px;line-height:64px;padding:0 20px;background-color:#02a266;font-size:26px;color:#ffffff} .classfiy-list{border:2px solid #f3f3f3;border-top:0;border-bottom-width: 1px;max-height:660px;overflow:auto;} .classfiy-list .classfiy-item{line-height:56px;} .classfiy-list .classfiy-item ul{display:none;} .classfiy-list .classfiy-item a{display:block;border-bottom:1px solid #f3f3f3;padding-left:45px;font-size:20px;color:#242424;cursor: pointer;} .classfiy-list .classfiy-item.cur a{background-color: #d9f4eb;color:#02a266;cursor: default;} .classfiy-list .classfiy-item.leaf > a{background:url(../../images/tea-close-icon.png) no-repeat 20px center;} .classfiy-list .classfiy-item.open > a{background:url(../../images/tea-open-icon.png) no-repeat 20px center;} .classfiy-list .classfiy-item.open > ul{display:block;} .classfiy-list-level2 .classfiy-item a{padding-left:62px;color:#242424;font-size:16px;} .classfiy-list-level2 .classfiy-item.cur a{background-color: #d9f4eb;color:#02a266;cursor: default;} .classfiy-list-level2 .classfiy-item ul{display:none;} .classfiy-list-level2 .classfiy-item.leaf > a{background:url(../../images/tea-close-icon.png) no-repeat 40px center;} .classfiy-list-level2 .classfiy-item.open > a{background:url(../../images/tea-open-icon.png) no-repeat 40px center;} .classfiy-list-level2 .classfiy-item.open > ul{display:block;} .classfiy-list-level3 .classfiy-item a{padding-left:87px;color:#242424;font-size:16px;} .classfiy-list-level3 .classfiy-item.cur a{background-color: #d9f4eb;color:#02a266;cursor: default;} .category{display:flex;margin-top:34px;padding:10px 20px;border:1px solid #dcdcdc;line-height:42px;} .category-label{font-size:18px;color:#5c5c5c;} .category-list{flex:1;} .category-list span{float:left;text-align:center;min-width:80px;font-size:18px;color:#5c5c5c;cursor: pointer;} .category-list span.cur{color:#f7bc1e;cursor: default;} .category-search .form-control{line-height:42px;height:42px;border-radius:0;background-color: #f5faf8;} .category-search .input-group-addon{border-radius:0;background-color: #76b82c;color:#fff; padding-left: 15px; padding-right: 15px;font-size: 20px;border-color: #76b82c;} .category-search .input-group-addon a{color:#fff;} .tea-img-item{margin-top:26px;margin-bottom:10px;} .tea-img-cover{position:relative;height: 134px;width: 230px;} .tea-img-cover img{height: 100%;width: 100%;} .tea-img-cover span{position:absolute;right:0;bottom:0; background:rgba(0,0,0,0.4); color:#fff;font-size:14px;min-width:78px;height:36px;line-height:36px;padding:0 10px;text-align:center;} .tea-img-item h5{margin-top:20px;font-size:20px;color:#323232;line-height:28px;} /******************************* --------[二级页面-条目]------- ********************************/ .tea-entry-list{margin-top:35px;} .tea-entry-list .tea-entry-item{margin-bottom:20px;background-color: #fff; border:1px solid #eeeeee;padding:28px;} .tea-entry-list .tea-entry-item h5{font-size:20px;font-weight: bold;color:#242424;} .tea-entry-list .tea-entry-item p{font-size:14px;color:#777777;line-height:26px;margin-top:18px;text-indent: 2em;} .tea-entry-list .tea-entry-item:hover{box-shadow: 0 10px 20px rgba(93, 154, 131, 0.27);} /******************************* --------[二级页面-百科]------- ********************************/ .tea-wikipedia-list .tea-entry-item h5{border-left:3px solid #02a266;padding-left:15px;} /******************************* --------[详情页-视频]------- ********************************/ .subject-body .search{margin-top:0;clear:both;} .video-subject-main{padding-bottom:60px;background:url(../../images/tea-video-banner.png) no-repeat;} .tea-info-item{background-color: #fff;} .tea-video{background-color: #f8f6f2;} .tea-videos{background:none;} .tea-video-title{font-size:35px;color:#222222;font-weight:bold;margin-top:26px;} .tea-video-title span{font-size:24px;color:#cbd1d6;font-weight:100;margin-left:10px;} .tea-video-title a{color:#666666;font-size:16px;line-height:50px;font-weight: normal;float:right;} .tea-video-item-cover{position:relative;} .tea-videos .tea-video-item{margin-top:26px;} .video-paly-icon{position:absolute; left:50%; top:50%;height:59px;width:47px;margin-left:-23.5px; margin-top:-29.5px;} .tea-video-item .tea-video-item-cover > span{position:absolute; background-color:rgba(247,188,30,0.8); height:35px;line-height:35px;min-width:90px;text-align: center;font-size:16px;color:#fff;border-radius: 17.5px; bottom:15px;right:13px;} .tea-video-item h5{font-size:24px;line-height:26px;margin:25px 0;} .tea-video-item h5 a{color:#242424;} .tea-video .video-info-con{margin-top:30px;margin-right:30px;} .tea-video .video-info-con h5{font-size:20px;color:#242424;line-height:30px;} .tea-video .video-info-con p{font-size:16px;color:#242424;line-height:30px;text-indent:2em;} .tea-video .video-info-con p a{margin-left:20px;color:#f1941b;} .tea-video-wikipedia .tea-entry-item{margin-top:26px;margin-bottom:0;padding-bottom:10px;} .tea-video-wikipedia .tea-entry-item p{font-size:14px;color:#777777;line-height:26px;height:78px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal !important;word-wrap: break-word;overflow:hidden;} .tea-video-wikipedia .tea-entry-item .more-btn{cursor:pointer;display:inline-block;width:50px;height:50px;border-radius:50%;line-height:50px;text-align:center;} .tea-video-wikipedia .tea-entry-item .more-btn .more-icon-hover{display: none;;} .tea-video-wikipedia .tea-entry-item:hover .more-btn{background-color: #eeb21f;} .tea-video-wikipedia .tea-entry-item:hover .more-btn .more-icon{display: none;} .tea-video-wikipedia .tea-entry-item:hover .more-btn .more-icon-hover{display: inline-block;;} .tea-info{box-shadow:6px 0 13px rgba(83,71,71,0.27);padding:10px;background:#fff;} .tea-info .tea-info-item{position:relative;border:2px dashed #02a266;padding:30px;} .tea-info .tea-info-item img{position:absolute;top:-40px;height:125px;width:198px;} .tea-info .tea-info-item h5{ display:inline-block;width:198px;text-align:center;margin-top:0;margin-bottom:40px; font-size:20px;color:#242424;line-height:30px;} .tea-info .tea-info-item p{font-size:16px;color:#242424;line-height:30px;text-indent:2em;} .tea-info .tea-info-item p a{margin-left:20px;color:#f1941b;} /******************************* -------[植物病虫害防治库分库]------ ********************************/ .sub-treasury-banner{background:url(../../images/plant-banner.png) no-repeat top right;height:200px;} .sub-treasury-mask{background:url(../../images/plant-banner-mask.png) no-repeat top left;height:100%;} .sub-treasury-banner .posistion{margin-top:26px;margin-bottom:0;} .sub-treasury-banner .posistion, .sub-treasury-banner .posistion span,.sub-treasury-banner .posistion a{color:#fff;} .sub-treasury-banner h1{font-size:30px;color:#fff; font-weight:bold;line-height:140px;margin:0;} .sub-treasury-list{margin-left:-10px;margin-right:-10px;margin-top:30px;} .sub-treasury-list .sub-treasury-item{padding:0 10px;float:left; width:20%;margin-top:25px;} .sub-treasury-list .sub-treasury-cover{position:relative;background:url(../../images/list-bg.png) no-repeat top center;background-size:96% auto;} .sub-treasury-list .sub-treasury-cover img{margin-bottom:10px;} .sub-treasury-cover .new-icon{position:absolute; right:0; top:20px;padding:5px;background-color: #2cc27a;color:#fff; border-top-left-radius: 2px;border-bottom-left-radius: 2px;font-size:14px;font-family: Arial;} .sub-treasury-cover .icon{position:absolute;bottom: 5%;left:5%;color:#fff;} .sub-treasury-cover .icon span{margin-right:10px;font-size:12px;} .sub-treasury-cover .icon span img{margin-right:5px;} .sub-treasury-cover .icon span,.sub-treasury-cover .icon span img{float:left;} .sub-treasury-title{font-size:18px;color:#242424;margin:15px 0;} .sub-treasury-container{width:1640px;max-width:100%;} /******************************* -------[植物病虫害防治库分库2]------ ********************************/ .plant-pest-banner{background:url(../../images/plant-pest-banner.png) no-repeat; background-size:100% 100%;} .plant-pest-banner-con{width:727px;max-width:100%;margin:auto;} .plant-pest-banner .plant-pest-banner-title{margin-top:100px;margin-bottom: 65px; } .plant-pest-banner-con .subsearch-query{box-shadow: 0 0 20px rgba(83,88,90,0.32);border:1px solid #fff;} .plant-pest-banner-con .subsearch-query .input-group{width:100%;} .plant-pest-banner-con .search .search-submit{background-color: #007d3b;} .plant-pest-banner-con .search .search-submit img{margin-top:-3px;} .plant-taxonomy{margin-top:90px;} .plant-taxonomy .taxonomy-item{cursor:pointer; background:#fff;border-radius:3px;border-bottom-right-radius:40px;border-top-left-radius:40px; float: left;width:136px;height:144px;text-align:center;padding:30px 0 20px;color:#333333;font-size:20px;margin-right:40px;} .plant-taxonomy .taxonomy-item img{margin-bottom:10px;} .plant-taxonomy .taxonomy-item.cur{margin-top:30px;} .plant-classify{background-color: #007d3b;padding:20px 0;} .plant-classify li{cursor:pointer;padding: 0 33px;line-height: 38px;height:38px;color:#ffffff;font-size:18px;float:left;} .plant-classify li.cur{background-color: #fff;border-radius:19px;color:#333333;} .plant-pest-title{color:#333333;font-size:32px;font-weight: bold;text-align: center;margin-bottom:44px;} .plant-pest-title span{padding:0 50px;position:relative;} .plant-pest-title a{float:right;color:#999999;font-size:14px;line-height:42px;} .plant-pest-title span::before{content:'';position:absolute;height:25px;width:10px;background: url(../../images/plant-line-icon.png) no-repeat;margin-top:-12.5px; top:50%; left:0; } .plant-pest-title span::after{content:'';position:absolute;height:25px;width:10px;background: url(../../images/plant-line-icon.png) no-repeat;margin-top:-12.5px; top:50%; right:0; } .disease-module{background: url(../../images/disease-bg.png) no-repeat;padding:40px 0 40px;} .disease-row{margin-left:-10px;margin-right:-10px;} .disease-row .disease-col{padding:0 10px;} .disease-item{box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);margin-bottom:20px;background-color: #fff;} .disease-item .disease-cover{position:relative;overflow:hidden;height:195px;line-height:195px;background-color: #f0f0f0;text-align:center;} .disease-item .disease-cover img{height: 100%;width: 100%;object-fit: cover;} .disease-item .disease-cover .disease-info{position:absolute; padding:16px;width:100%;height:100%;left:0; top:0;transition: transform 300ms ;transform:translate3d( 0 , 100% , 0 );} .disease-item .disease-cover .disease-info-con{background:rgba(255,255,255,0.9);padding:20px;height:100%;} .disease-item .disease-cover .disease-info-con h5{font-size:16px;color:#333;margin-bottom:8px;} .disease-item .disease-cover .disease-info-con p{color:#666666;font-size:14px;line-height:24px;max-height:96px;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal !important;word-wrap: break-word;overflow:hidden;} .disease-item .disease-title-con{height:40px;line-height:40px;text-align: center;position:relative; overflow: hidden;} .disease-item .disease-title-con .title{font-size:18px;color:#333333;} .disease-item .disease-title-con .detail{font-size:18px;color:#ffffff;position:absolute;left: 0; top:0;width:100%;height:100%;background-color: #007d3b;transition: transform 300ms ; transform:translate3d( 0 , 100% , 0 );} .disease-item:hover .disease-cover .disease-info{transform:translate3d( 0 , 0 , 0 );} .disease-item:hover .disease-title-con .detail{transform:translate3d( 0 ,0 , 0 );} .insect-pest{background: none;} .cultivation-technique{background:url(../../images/cultivation-technique-bg.png) no-repeat;padding:70px 0 60px;} .technology{background:#fff;padding:26px 20px;padding-bottom:0;} .technology .technology-con{overflow:Hidden;} .technology .technology-for-img{float:left; width:57%;padding-right:15px;} .technology .technology-for-img img{width:100%;height: 340px;object-fit: contain;} .technology .technology-for-info{float:left; width:43%;padding-left:15px;} .technology .technology-for-info h4{color:#333333;font-size:24px;font-weight:bold;margin-top:30px;margin-bottom: 20px;} .technology .technology-for-info p{color:#666666;font-size:18px;line-height:27px;text-indent:2rem;max-height:297px;display: -webkit-box;-webkit-line-clamp: 11;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal !important;word-wrap: break-word;overflow:hidden;margin-bottom:0;} .technology .technology-for-info a{color:#007d3b;font-size:18px;border:1px solid #007d3b;float:right;width:118px;height:40px;line-height:40px;text-align:center;margin-top:10px;} .technology .technologyNav{margin-left: -10px;margin-right:-10px;margin-top:38px;} .technology .technologyNav .technology-item{padding:0 10px;} .technology .technologyNav .technology-item-cover{height:173px;line-height:173px;text-align:center;background-color: #f0f0f0;} .technology .technologyNav .technology-item-cover img{height: 100%;width: 100%;object-fit: cover;} .technology .technologyNav .technology-item h5{color:#333333;font-size:18px;margin-top:20px;padding-bottom:20px;text-align:center;} .technology .technologyNav .slick-current.technology-item{border-bottom:3px solid #ffcd59;} .technology .technologyNav .slick-current.technology-item img{border:8px solid #ffcd59;} .technology .technologyFor .slick-arrow{position:absolute;top:calc(100% + 100px);left:-50px;border:none;width:46px;height:46px;background:#007d3b url(../../images/arrow-left.png) no-repeat center center;font-size:0;z-index: 1;} .technology .technologyFor .slick-next{left:auto;right:-50px;background:#007d3b url(../../images/arrow-right.png) no-repeat center center;} .technology .technologyFor .slick-arrow.slick-disabled{opacity: 0.2;cursor: no-drop;} .cultivation-technique.control{background:#fff;} .control .technology-for-img{padding-right:0; padding-left:15px;float:right;} .control .technology-for-info{padding-right:15px; padding-left:0px;} .control .technology-for-info a{float:left;} .control .technologyNav .technology-item h5{padding-bottom:30px;} .control .technologyNav .slick-current{border-bottom:3px solid #ffcd59;} .control .technologyNav .slick-current img{border:8px solid #ffcd59;} .plant-pest-video{background: url(../../images/plant-pest-video-bg.png) no-repeat;padding:60px 0 60px;} .plant-pest-video-item{box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);background-color: #fff;margin-bottom:20px;} .plant-pest-video-item .video-cover{position:relative;height:180px;line-height:180px;background:#f0f0f0;text-align:center;} .plant-pest-video-item .video-cover img{max-height: 100%;} .plant-pest-video-item .video-cover .new-icon{position:absolute; left: 0; top:0;} .plant-pest-video-item .video-cover .video-mask{position:absolute;padding-top:20px;line-height:30px;height:50px;width:100%;background:url(../../images/video-mask.png) no-repeat left bottom;left:0;bottom:0;background-size: 100% 50px;text-align: left;} .plant-pest-video-item .video-cover .video-mask span{color:#fff;font-size:14px;padding:0 10px;} .plant-pest-video-item .video-cover .video-mask img{margin-bottom: -8px;margin-left:20px;} .plant-pest-video-item .video-title-group{padding:20px 20px 15px 20px;} .plant-pest-video-item .video-title-group .title{font-size:20px;color:#242424;display: block; white-space: nowrap;width: 100%;overflow: hidden;text-overflow: ellipsis;} .video-title-group .video-tip{margin-left:-5px;margin-right:-5px;margin-top:10px;} .video-title-group .video-tip-item{float:left; padding:0 5px;} .video-title-group .video-tip-item a{display:block;line-height:26px;padding:0px 8px;border-radius:2px;background-color: #e7fae9; color:#12ad5b;font-size:14px;} /******************************* -------[植物病虫害列表]------ ********************************/ .plant-pest-list-banner{background:url(../../images/plant-pest-list-banner.png) no-repeat; background-size:100% 100%;padding:80px 0;} .plant-pest-list-banner .plant-pest-banner-con{width:100%;} .plant-pest-list-banner h1{font-size:60px;color:#fff;font-weight: bold;text-shadow: 0 5px 0 #006a2d;} .plant-pest-list-banner .search{margin:0;margin-top:10px;} .plant-pest-list-posistion.posistion{font-size:14px;margin:15px 0;} .plant-pest-list-posistion.posistion span{color:#999999;} .plant-pest-list-posistion.posistion a,.plant-pest-list-posistion.posistion span.cur{color:#333333} .plant-pest-tree {background-color: #fff;box-shadow: 0 0 10px rgba(163,163,163,0.2);} .plant-pest-tree .tree-header{background-color:#007d3b;} .plant-pest-tree .tree-header img{margin-top:13px;} .plant-pest-tree .tree-list{line-height:60px;} .plant-pest-tree .tree-list .list-title{line-height:60px;height:60px;padding:0 15px;} .plant-pest-tree .tree-list .list-title.open{background-color: #f4f9f6;} .plant-pest-tree .tree-list .list-title h4{color:#333333;line-height:60px;font-weight: 500;margin-left:10px;} .plant-pest-tree .tree-list .list-title a{color:#b9b9b9;} .plant-pest-tree .tree-list ul{padding:0;margin:0;background:none;padding:0 15px;} .plant-pest-tree .tree-list ul li{font-size:16px;float:none;width:100%;line-height:60px;height:60px;padding-left:36px;border-top:1px solid #f6f6f6;} .plant-pest-tree .tree-list ul li a{padding:0;color:#666666} .plant-pest-tree .tree-list ul li.active a{color:#007d3b;} .plant-pest-list-title h5{float:left;color:#333333;font-size:20px; border-left: 3px solid #007d3b;padding-left:12px;line-height:22px;font-weight: bold;margin:0;margin-top:7px;} .plant-pest-list-title .search{margin:0;float:right;width:328px;} .plant-pest-list-title .search input{height:35px;border:1px solid #dedede;} .plant-pest-list-title .search .search-submit{line-height:35px;background-color: #007d3b;width:70px;} .plant-pest-list-title .search .search-submit img{margin-top:-5px;} .plant-pest-list-title .search .input-group{width: 100%;} .plant-pest-list{margin-top:24px;background-color: #ffffff;border-radius: 5px; box-shadow:0 0 13px rgba(111,141,163,0.11) ;padding:32px;} .plant-pest-list-item {padding:15px 0;border-bottom:1px solid #e8e8e8;} .plant-pest-list-item:first-child{padding-top:0;} .plant-pest-list-item:last-child{padding-bottom:0;} .plant-pest-list-item:last-child{border-bottom:none;} .plant-pest-list-item .list-item-cover{float:right;margin-left: 50px;width:182px;height:114px;line-height:114px;overflow: hidden;background-color:#f0f0f0 ;text-align:center;} .plant-pest-list-item .list-item-cover img{max-height:100%;} .list-item-con h5 a{font-size:20px; color:#333333;} .list-item-con h5{margin-bottom:15px} .list-item-con p span{color:#333333;} .list-item-con p{font-size:14px; color:#666666;line-height:22px;max-height: 44px;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal !important;word-wrap: break-word;overflow: hidden;} .list-item-con p:last-child{margin-bottom:0;} /* 专题列表 */ .topicList{background-color: #ffffff;padding-bottom:50px;} .topicList .row13{margin-left:-13px;margin-right:-13px;} .topicList .col13{padding-left:13px;padding-right:13px;} .topicList .special-cover{margin-top:36px;height:190px;line-height:100%;} .topicList .special-cover img{max-height:100%;max-width:100%;} .topicList .h5{margin-top:20px;} .topicList .h5 a{font-size:24px;font-weight:bold;color:#313131;} @media only screen and (max-width: 1440px) { .plant-pest-banner{ background-size: auto 100%; background-position: top right;} } @media only screen and (max-width: 1366px) { .plant-classify span{padding: 0 24px;} } /*Common For Max 960*/ @media only screen and (max-width: 1199px) { .pictrue-detail .picdetail-body .right .share .item{margin-right:10px;} .plant-pest-header .nav ul li.nav-item > a{padding:0 16px;} .technology .technology-for-info p{max-height:190px; -webkit-line-clamp:7;} .technology .technologyNav{margin-top: 28px;} .technology .technologyFor .slick-arrow{top: calc(100% + 70px);} /* 专题列表 */ .topicList .special-cover{margin-top:30px;height:156px;} .topicList .h5 a{font-size:20px;} } /*Common For Max 768*/ @media only screen and (max-width: 992px) { /******************************* --------[头部]------- ********************************/ div.burger { height: 40px; font-size: 25px; text-align: center; float: right; width: 40px; top: 0px; position: relative; cursor: pointer; } .fixed div.burger {top:7px;} div.x,div.y,div.z { position: absolute; left: calc((100% - 25px) / 2); top: calc((100% - 3px) / 3); width: 25px; height: 2px; background: #fff; border-radius:2px; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -ms-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } div.x, div.y, div.z { height: 3px; width: 36px; } div.y{top: 23px;} div.z{top: 34px;} div.collapse{ top: 20px; display:block; -webkit-transition: all 70ms ease-out; -moz-transition: all 70ms ease-out; -ms-transition: all 70ms ease-out; -o-transition: all 70ms ease-out; transition: all 70ms ease-out; } div.rotate30{ -ms-transform: rotate(30deg); -webkit-transform: rotate(30deg); transform: rotate(30deg); -webkit-transition: all 50ms ease-out; -moz-transition: all 50ms ease-out; -ms-transition: all 50ms ease-out; -o-transition: all 50ms ease-out; transition: all 50ms ease-out; } div.rotate150{ -ms-transform: rotate(150deg); -webkit-transform: rotate(150deg); transform: rotate(150deg); -webkit-transition: all 50ms ease-out; -moz-transition: all 50ms ease-out; -ms-transition: all 50ms ease-out; -o-transition: all 50ms ease-out; transition: all 50ms ease-out; } div.rotate45{ -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 100ms ease-out; -moz-transition: all 100ms ease-out; -ms-transition: all 100ms ease-out; -o-transition: all 100ms ease-out; transition: all 100ms ease-out; } div.rotate135{ -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); -webkit-transition: all 100ms ease-out; -moz-transition: all 100ms ease-out; -ms-transition: all 100ms ease-out; -o-transition: all 100ms ease-out; transition: all 100ms ease-out; } div.navbar{height:73px;} .search{margin-bottom:15px;} .search .input-group{width:100%;} .search .search-submit{width:80px;} .nav > ul{min-width:200px;} .nav ul li.nav-item > a i{display: none!important;} .nav,.sublibrary-header .nav{display:none;margin-top:0; position: absolute; z-index: 10009; right: 0;width:auto;height: auto;line-height:36px;} .sublibrary-header .nav{top:92px;} .sublibrary-header .nav ul li.nav-item > a{color:#303030;} .sublibrary-header .nav ul li a{display: block; padding:0 40px;font-size:16px;} .sublibrary-header .nav ul li.cur a{ background-color: #3eaf5e;color:#fff;} .nav ul li.nav-item,.sublibrary-header .nav ul li.nav-item{float:none;width:100%;background:#fff;font-size:16px;} .nav ul li.nav-item{padding:0 20px;text-align:left;} .nav ul li.nav-item.child{position: relative;} .nav ul li.nav-item.child::after{content: "\f107"; font: normal normal normal 16px/1 FontAwesome;position: absolute;right:10px;top:10px;} .nav ul li.nav-item.child.cur:hover::after{content: "\f106";color:#fff;} .nav ul li.nav-item.cur,.nav ul li.nav-item:hover{background-color: #3eaf5e;} .nav ul li.nav-item > a, .nav ul li.nav-item.cur > a, .nav ul li.nav-item:hover > a{display:inline;background:None;padding:0!important;} .nav ul li.nav-item.cur::before, .nav ul li.nav-item:hover::before{height:0;} .nav ul li.nav-item .nav-child{background:none; background: none; box-shadow: none;} .nav ul li.nav-item .nav-child li,.nav ul li.nav-item .nav-child li a{font-size:14px;line-height:30px;} .nav ul li.nav-item:hover .nav-child{position: static;display:none;} /* .nav ul li.nav-item.cur .nav-child, */ .nav ul li.nav-item.cur:hover .nav-child{display:block;} .navMain {position: relative;} .navMain .navMask{position: absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:10001;} .headerSearch-top{padding-bottom:0;} /******************************* --------[尾部]------- ********************************/ .footer .link{padding:0 15px;} .footer .col-md-3{text-align:center;overflow:Hidden;} .footer dl{float:none!important;display:inline-block;margin:15px 5px 0 ;} .footer .foot-copy{padding:15px 0;line-height:1.4;text-align:left;} .footer .foot-copy .text-right{text-align:left;} /******************************* --------[首页]------- ********************************/ .bookStore .bookStore-for{padding:10px;margin-top:40px;} .bookStore .bookStore-nav{width:100%;} .bookStore .bookStore-nav .slick-track{height:40px;} .bookStore .bookStore-item .book-item{width:25%;} .sublibrary .title{background-size:100% 100%;} .tool-for dl{width:25%;} .indexNew-specialText dl{width:50%;} .indexNew-specialText dl dd{text-align: center;} .indexNew-special a{ top: 3%;} .sublibrary-for ul li{width:50%;} /******************************* --------[图片库]------- ********************************/ .pictureStore .pic-title{margin-bottom:10px;} .pictureStore .pictureStore-for{padding:10px;} .pictureStore .pictureStore-nav{width:100%;float:none!important;clear:both;padding-top:15px;text-align:right;} .pictureStore .pictureStore-nav .slick-track{height:40px;} .pictureStore .pictureStore-item .book-item{width:25%;} .pictureStore .title{background-size:100% 100%;} .gallery-list {padding: 30px 0 0;} .gallery-list .logo img{width: 50%; margin-bottom: 20px;} .picture-body{transform: translateY(-7px);} /******************************* --------[图书详情页]------- ********************************/ .retrieval-header{height:auto;background-size:auto 100%;} .retrieval-header .logo{margin-top:0;} .retrieval-header .search{margin:15px auto;} .detail-info{top:0;margin-top:20px;margin-bottom:20px;} .detail-info .posistion{padding:0 15px;} .child-menu-list li{width:100%;} .sublirary-banner{background-size:auto 100%;} .sublirary-list .list-th li{width:25%;} .sublibrary-main{top:0; position: static; margin-top: 20px;} .book-btn-group-xs{position:fixed;width:100%;padding:5px 15px;background:#fff;left:0;bottom:0;z-index:101;} .book-btn-group-xs .shareBar{width:auto;float:left!important;} .book-btn-group-xs .shareBar > a{display:block;width:auto;float: left;height: 40px;font-size:12px;} .book-btn-group-xs .shareBar > a > i{display:block; font-size: 20px;width: 20px; margin: auto; margin-bottom: -8px;} .book-btn-group-xs .entry-list .entry-item span, .book-btn-group-xs .abstract-list .abstract-item span{font-size:12px;} .book-btn-group-xs .read-btn{margin-left:5px;float: right!important; width: auto; padding: 0 25px; font-size: 14px; letter-spacing: 2px;border-radius: 15px; line-height: 30px; height: 30px; margin-top: 6px;background:url(../../images/read-btn-bg.png) no-repeat; background-size: 130% 50px; background-position: 10%;} .crops-maps{transform: translateY(-10px);} .pictrue-detail .picdetail-body{display:block;} .pictrue-detail .picdetail-body .left{padding-right:0;} .pictrue-detail .picdetail-body .right .collected{margin: 20px 0;} .pictrue-detail .picdetail-body .right .briefly{margin:10px 0;} .pictrue-detail .picdetail-body .right .briefly p{margin-bottom: 0;} .pictrue-detail .picdetail-body .right .share{margin-top:20px;position:static} .pictureStore .pictureStore-item .picture-item .h5{font-size:18px;} .pictrue-detail .scroll-core{height:130px;} .pictrue-detail .scroll-core .slick-arrow{height:130px;} .pictrue-detail .scroll-core .nav-item img{height:130px;} /******************************* -------[植物病虫害防治库分库]------ ********************************/ .sub-treasury-search{margin-top:10px;} .sub-treasury-header .nav{display:none;margin-top:0; position: absolute; z-index: 10009; right: 0;width:auto;height: auto;line-height:36px;background:#fff;} .sub-treasury-header .header-top,.sub-treasury-header .header-top a{color:#399b64} .sub-treasury-header .nav{top:50px;} .sub-treasury-header .nav ul li.nav-item > a{color:#303030;} .sub-treasury-header .nav ul li a{display: block; padding:0 40px;font-size:16px;} .sub-treasury-header .nav ul li.cur a{ background-color: #3eaf5e;color:#fff;} .sub-treasury-header .nav ul li.nav-item{float:none;width:100%;background:#fff;font-size:16px;} .sub-treasury-header .nav ul li.nav-item.cur,.sub-treasury-header .nav ul li.nav-item:hover{ background-color: #3eaf5e;} .sub-treasury-list .sub-treasury-item{width: 25%;} .sub-treasury-list .sub-treasury-item{margin-top: 10px;} .sub-treasury-title{ margin: 5px 0;} .sub-treasury-mask{background-size: 35% 100%;} .plant-pest-header{height:60px;line-height:40px;padding:10px 0;} .plant-pest-header .logo img{max-height:40px;} .plant-pest-header div.x, .plant-pest-header div.y, .plant-pest-header div.z{ background: #007d3b;} .plant-pest-header .nav{margin-top:50px;} .plant-pest-header .nav ul li.nav-item.cur, .plant-pest-header .nav ul li.nav-item:hover{background:none;} .plant-pest-header .nav ul li.nav-item.cur::before, .plant-pest-header .nav ul li.nav-item:hover::before{display:none;} .plant-classify span{padding:0 15px;} .technology .technology-for-info h4{margin-top: 20px;margin-bottom:10px;} .technology .technology-for-info p{max-height: 132px;-webkit-line-clamp: 6;line-height: 22px;font-size: 16px;} .disease-item .disease-cover > a > img, .plant-pest-video-item .video-cover > a > img{width:100%;} .plant-pest-list-item .list-item-cover{margin-left: 20px;} .plant-pest-video-item .video-cover, .disease-item .disease-cover{height:auto;line-height:1;} .technology .technologyFor .slick-arrow{top: calc(100% + 50px);} /* 专题列表 */ .topicList .special-cover{margin-top:20px;height:120px;} .topicList .h5{margin-top:15px;} .topicList .h5 a{font-size:18px;} } @media only screen and (max-width: 767px) { /******************************* --------[头部]------- ********************************/ .search input{height:auto;font-size:14px;} .search .search-submit{line-height:33px;font-size:14px;} /******************************* --------[图片库]------- ********************************/ .picture-body{transform: translateY(-47px);} .clearLeftImg .container{padding-left: 15px !important;} .pic-list .pic-box .pic-item .h5 a{font-size: 14px;} .pic-list .pic-box .pic-item .h5 {padding: 7px 0;height: 30px;} .pic-list .pic-box .pic-item .p a{font-size: 10px;} .pic-list .pic-box .pic-item{position: relative; width: 100%;margin-bottom: 25px; } .pic-list .pic-box .pic-item .save{display: block;} .pictureStore .pic-title{font-size:24px;} .tab-btn-list span{min-width: inherit;padding:0 5px;border:none;} .pictureStore .pictureStore-nav .cur{border:none;} .piclist-search{display: none;} .show-search{display: block;} .piclist-search .left-title{margin-left:0px ;} .piclist-search .sortBox {padding:3px 20px;} .piclist-search .sortBox .cur {display: inline-block;} .pictureStore .pic-title1 .pictureStore-nav{margin-top:0px;padding: 5px 0; overflow-y: hidden; overflow-x: auto; white-space: nowrap;} .pictureStore .pic-title1 .pictureStore-nav::-webkit-scrollbar { display: none; } .gallery-banner {height: 180px; padding: 25px 0 0; background: url(../../images/gallery-banner.png) center 0px no-repeat;} .gallery-banner .h5statu img{width: 80%;} /******************************* --------[首页]------- ********************************/ .bookStore .bookStore-nav .slick-list{top: 40px; width:100%;} .bookStore .bookStore-nav .bookStore-more{right:-200%;top:-40px;} .bookStore .bookStore-nav .slick-current > div > div{position: relative;} .bookStore .bookStore-nav .slick-current .bookStore-more{display:inline-block!important;width:70px;} .sublibrary-nav .slick-list{/*padding-top: 40px;top:-40px;*/ width:100%;} .sublibrary-nav a.sublibrary-more{right:calc(-200% + 15px);top:-40px;} .fisheries-nav .slick-slide:nth-child(2) a.sublibrary-more, .world-nav .slick-slide:nth-child(2) a.sublibrary-more, .veterinary-nav .slick-slide:nth-child(2) a.sublibrary-more, #slides-4.economics-sublibrary1 .slick-slide:nth-child(2) a.sublibrary-more, #slides-3.veterinary-sublibrary1 .slick-slide:nth-child(2) a.sublibrary-more, #slides-4.veterinary-sublibrary1 .slick-slide:nth-child(2) a.sublibrary-more, .agronomy-sublibrary1 .slick-slide:nth-child(2) a.sublibrary-more{right:calc(-100% + 15px);} .fisheries-nav .slick-slide:nth-child(3) a.sublibrary-more, .world-nav .slick-slide:nth-child(3) a.sublibrary-more, #slides-3.veterinary-sublibrary1 .slick-slide:nth-child(3) a.sublibrary-more, #slides-4.veterinary-sublibrary1 .slick-slide:nth-child(3) a.sublibrary-more, .veterinary-nav .slick-slide:nth-child(3) a.sublibrary-more{right:15px;} .sublibrary-nav .slick-current > div > div{position: relative;} .sublibrary-nav .slick-current a.sublibrary-more{display:inline-block!important;} .indexNew-specialText dl .indexNew-specialText-cover{height:auto;line-height: inherit;} .indexNew-special{position:relative;} .indexNew-specia .title span.bold{padding-left:0;} .index-title .title{max-width:70%;font-size:16px;} .sublibrary .title h4{font-size:16px;} .bookStore .bookStore-item .book-item{width:50%;} .bookStore .bookStore-nav .slick-slide{max-width:inherit;position: relative;} .sublibrary .title{background-size:100% 100%;padding:15px;height:50px;} .sublibrary-nav .slick-slide{max-width: inherit;position: relative;} .sublibrary-nav .slick-track{max-width: inherit;min-width:100%;} .sublibrary-nav .slick-list{overflow:Hidden;} .sublibrary-for ul li{width:100%;} .video-library,.full_library{padding:15px;height: auto;display: block;} .tool-for dl{width:50%;} .indexNew-specialText dl{width:100%;} .indexNew-specialText dl dd{text-align: center;} .indexNew-special a{top: 2%;} .full_library .full_library_item{width:100%;} .video-library .left,.video-library .right{width:100%;} .video-library .left img{width:100%;} /******************************* --------[子库]------- ********************************/ .crops .crop-left,.crops .crop-right{width:100%;float:none;} .crops .crop-right{padding-top:0;} .crops .crop-right ul li{width:33.33%;} .crops .crop-right ul li img{width:100%;} .crops .crop-left li.cur,.crops .crop-left li.veterinary-crop-item.cur{background:none;border-bottom:none;} .crops .crop-left li.cur{border-right:1px solid #e8e8e8;border-bottom:none;} .crops .crop-left li:last-child{border-bottom:1px solid #e8e8e8;border-right:none;} .crops .crop-left ul{overflow:Hidden;} .crops .crop-left li{padding:10px;float:left;width:25%;text-align:center;} .crops .crop-left li h4{font-size:16px;} .crops .crop-left li.veterinary-crop-item.cur{margin-top:0;} .sublirary-banner{background-size:auto 100%;} .sublibrary-nav .slick-track{padding:0;} .veterinary-sublibrary .sublibrary-for{padding:0;} .veterinary-sublibrary .slick-track{padding:0;} .economics-main .sublibrary-nav .slick-slide{max-width: inherit;} .veterinary-sublibrary .sublibrary-nav{height:35px;} .veterinary-sublibrary .full_library .full_library_item{width:calc(100% - 30px); margin:5px 15px;} .detail-info .book-list .book-item .book-pic,.detail-info .book-list .book-item .book-right{width:100%;height:auto;} .detail-info .book-item .book-pic img{max-width:inherit;} .detail-info .book-list .book-item .book-pic{padding-right: 0;} .detail-info .book-list .book-item .book-pic .abolish{transform: translateX(-50%);left:50%;} .detail-info .book-list .book-item .book-pic{text-align:center;margin-bottom:15px;} /******************************* --------[检索]------- ********************************/ .list-search .subsearch-query .form-group{width:100%;} .list-search .subsearch-query input, .list-search .subsearch-query input:last-child{width:100%;margin-bottom:5px;} .entry-list .entry-item{padding:20px 15px 20px 30px;} .yearbook-list .yearbook-item{padding-top:0;} .book-list .book-item .book-pic{width:103px;height:114px;text-align:center;margin-bottom:0px;padding-right:10px;} .book-list .book-item .book-pic img{height:auto; max-height: 100%;} .book-list .book-item .book-right{width:calc(100% - 103px);} .entry-list .entry-item h4 a{font-size:16px; display: block; white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis;} .book-list .book-item .book-attribute, .book-list .book-item .book-attribute span{line-height:20px;} .book-list .book-item .history-list{max-height: 26px; overflow: hidden;float:left;width:100%;} .book-list .book-item .history-list .tag{margin:0 5px;} .book-list .entry-item{padding:15px; background-position: left 17px; background-size: 13px auto;} .abstract-list{padding:0 15px;} .bookContent .menu-list dl{background:none;padding-left:0;} .sublirary-list .list-th li{width:50%;} /* 农业图片库 */ .pictureStore .pictureStore-nav {width: 100%; text-align: left;overflow-y: hidden; overflow-x: auto; white-space: nowrap;} .pictureStore .pictureStore-nav::-webkit-scrollbar { display: none; } .pictureStore .pictureStore-nav .slick-slide{max-width:inherit;position: relative;} .pictureStore .pictureStore-nav .slick-slide{max-width:inherit;position: relative;} .pictureStore .pictureStore-item .picture-item {width: 100%;} .pictureStore .pictureStore-item .picture-item:nth-child(2) {margin: 0;} .pictrue-detail .picdetail-body .left{min-height: auto; margin-right: 0px;} /* 农业标准库 */ .sublibrary-class .class-label{width:80px;} .sublibrary-class .class-list div{margin-right:15px;} .sublibrary-class .class-list-more{width: calc(100% - 109px);} .sublibrary-class .class-list-more.open{width: calc(100% - 80px);} .sublibrary-class .class-more{float:right;} .book-btn-group .read-btn, .book-btn-group .shareBar{float:none!important;display:block;width:100%;} .book-btn-group .read-btn{background-size:100% auto;} .book-btn-group-xs{position:fixed;width:100%;padding:5px 15px;background:#fff;left:0;bottom:0;z-index:101;} .book-btn-group-xs .shareBar{width:50%;float:left!important;} .book-btn-group-xs .shareBar > a{display:block;width:auto;float: left;height: 40px;font-size:12px;} .book-btn-group-xs .shareBar > a > i{display:block; font-size: 20px;width: 20px; margin: auto; margin-bottom: -8px;} .book-btn-group-xs .entry-list .entry-item span, .book-btn-group-xs .abstract-list .abstract-item span{font-size:12px;} .book-btn-group-xs .read-btn{float: right!important; width: auto; padding: 0 25px; font-size: 14px; letter-spacing: 2px;border-radius: 15px; line-height: 30px; height: 30px; margin-top: 6px;background:url(../../images/read-btn-bg.png) no-repeat; background-size: 130% 50px; background-position: 10%;} .entry-list .pagebar{padding:0;} .pagebar .goPageBox, .pagebar .goPageBox + span{display:none;} .pagebar a, .pagebar .pageBtnWrap span, div.g-pages li a, div.g-pages .page_prev a, div.g-pages .page_next a{min-width:25px;height:25px;line-height:25px;margin:3px;} .footer .foot-copy{line-height:26px;} .list-search .sublibrary-class{line-height:24px;} .crops-maps{transform: translateY(-50px);} .pictrue-detail{padding:10px;} .pictrue-detail .picdetail-top h2{font-size:20px;line-height:40px;} .pictrue-detail .picdetail-top{margin-bottom:5px;} .pictrue-detail .scroll-core{height:110px;} .pictrue-detail .scroll-core .slick-arrow{height:110px;} .pictrue-detail .scroll-core .nav-item img{height:110px;} .pictureStore .pictureStore-item .picture-item .h5{font-size:16px;} .pictureStore .pic-title2{line-height:50px;font-size:20px;} /******************************* --------[茶文化专题首页]------- ********************************/ .header-top a.register-btn{margin-left:0;} .header-top{padding:0;} .subject-main{background-size: 100% 120px;} .subject-main .search{margin-top: 16px;margin-bottom:0;} .subject-main .banner{margin-top: 10px;} .module-title{margin-top:15px;margin-bottom:15px;} .module-title .title-text{background-size: 100% 100%;width: 200px;font-size: 18px;line-height: 19px;height: 50px;padding-left: 40px; float: left;} .module-title a{line-height:1.0} .module-label .TAB_CLICK{display:none;} .book-tea .tea-item{width:50%;} .category{display:block;clear:both;} .category-label{display:none;} .category-list{overflow: hidden;width:calc(100% - 30px);float:left;} .classfiy-open{float:left;margin-top:8px;cursor:pointer;} .category-search{width:100%;overflow: hidden;} .category-list span{min-width:inherit;padding: 0 10px;} .tea-classfiy{display:none;position:fixed;width:100%;height:100%;left:0;top:0;z-index:11;margin:0;} .tea-classfiy.open{display:block;} .tea-classfiy-mask{background:rgba(0,0,0,0.5); width:100%;height:100%;left:0;top:0;position:absolute;z-index:98;} .tea-classfiy .classfiy-title,.classfiy-list{width:90%;margin-left:5%;position:absolute;z-index:99;} .tea-classfiy .classfiy-title{top:40px;height:40px;line-height:40px;font-size:20px;} .classfiy-list{background:#fff;max-height:calc(100vh - 80px);top:80px;overflow:auto;} .tea-classfiy .classfiy-close{float:right;margin-top:10px;} .classfiy-list .classfiy-item{line-height:40px;} .classfiy-list .classfiy-item a{font-size:16px;} .tea-video .video-info-con{margin-top:15px;margin-right:0px;} .subject-body .search{margin:0;padding:10px 0;} .video-banner-xs{padding-top:0;} .video-banner-xs img{max-width:70%;} .tea-video-title{font-size:24px;} .tea-video-title a{line-height:34px;} .tea-video-title span{font-size:18px;} .tea-video-item h5{font-size:18px;margin:10px 0 15px;} .video-paly-icon{width:24px;height:30px;margin-top:-15px;margin-left:-12px;} .tea-img-item{margin:0;margin-top:10px;} .tea-img-item h5{font-size:16px;margin-top:10px;} .tea-video-wikipedia .tea-entry-item{margin-top:10px;} .wikipedia-more{display:none;} /******************************* -------[植物病虫害防治库分库]------ ********************************/ .sub-treasury-list .sub-treasury-item{width: 50%;margin-top:10px;} .sub-treasury-cover .new-icon{font-size:12px;top:10px;padding:2px 4px;} .sub-treasury-title{font-size:14px;margin:5px 0;} .sub-treasury-mask{background-size: 55% 100%;} .cultivation-technique,.disease-module, .plant-pest-video{padding: 30px 0 20px;background-size:auto 100%;background-position:left bottom;} .plant-pest-banner .plant-pest-banner-title{margin:0; margin-top:50px;} .plant-pest-banner-title > svg > text{font-size:36px!important;} .plant-taxonomy .taxonomy-item{width:20%;margin-right:5%;border-bottom-right-radius: 30px;border-top-left-radius: 30px; height: 100px; padding: 15px 0 20px;} .plant-taxonomy .taxonomy-item img{width:30px;} .plant-classify span{font-size:16px;} .plant-pest-title{ margin-bottom: 20px;font-size: 26px} .technology .technology-for-img,.technology .technology-for-info{float:none;width:100%;padding:0;} .technology .technologyNav{display: none;} .technology .technology-for-info a{width:auto;height:auto;line-height:1.4;border:None;font-size:14px;} .technology .technologyFor .slick-dots{overflow:hidden;list-style:none;padding-inline-start:0;text-align:center;margin-top:10px;} .technology .technologyFor .slick-dots li{display:inline-block; margin:0 5px;background-color:#e1e1e1;width:8px;height:8px;border-radius:50%;} .technology .technologyFor .slick-dots li.slick-active{background-color: #007d3b;} .technology .technologyFor .slick-dots button{border:none;font-size:0px;background-color:none;padding:0;} .plant-pest-list-title .search{max-width:calc(100% - 70px)} .plant-pest-list-title{margin-top:20px;} .plant-pest-list{padding:15px;} .plant-pest-list-item .list-item-cover{float:none;margin-left:0;margin-bottom:10px;width:100%;height:auto;line-height:1;} .plant-pest-list-item .list-item-cover img{width:100%;} /* 专题列表 */ .topicList .special-cover{height:auto;} .topicList .h5 a{font-size:16px;} } /*Common For Max 414*/ @media only screen and (max-width: 479px) { } /*Common For Max 375*/ @media only screen and (max-width: 413px) { .book-btn-group-xs .read-btn{padding:0 15px;} } /*Common For Max 320*/ @media only screen and (max-width: 320px) { } /* --------------------------- 固定屏幕样式 ---------------------------------------- */ /*960*/ @media only screen and (min-width: 960px) and (max-width: 1199px) { } /*768*/ @media only screen and (min-width: 768px) and (max-width: 959px) { } /*480*/ @media only screen and (min-width: 480px) and (max-width: 767px) { } /*320*/ @media only screen and (min-width: 320px) and (max-width: 479px) { .indexNew-specia .title span:last-child{display:none;} } /*240*/ @media only screen and (max-width: 319px) { }