.header{ height: 470px; } /* 轮播 */ .sliderBox,.banner{ height: 470px; } .slider1{ background: url(../imgs/banner1.jpg) no-repeat center; background-size: cover; } .slider2{ background: url(../imgs/banner2.jpg) no-repeat center; background-size: cover; } .slider3{ background: url(../imgs/banner3.jpg) no-repeat center; background-size: cover; } span.swiper-pagination-bullet{ width: 30px; border-radius: 0; } span.swiper-pagination-bullet-active{ background: #3ab851; } /* 新闻资讯 */ .newsConsult{ width: 62%; padding-right: 3%; } .farmBrief{ width: 52%; padding-right: 3%; height: 245px; } .farmUl >li{ margin-bottom: 26px; } .farmImg{ width: 147px; height: 108px; overflow: hidden; float: left; } .farmImg img{ width: 100%; height: 100%; } .farmMsg{ margin-left: 167px; height: 108px; position: relative; } .farmMsg >.date{ font-size: 18px; color: #6c6c6c; } .farmMsg >.date span{ font-size: 12px; margin-left: 15px; } .farmName >a{ font-size: 15px; color: #202020; line-height: 28px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .farmDescribe >a{ /* display: block; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; */ font-size: 12px; } .farmMore{ position: absolute; bottom: 0; font-size: 12px; } /* -right- */ .newsListDiv{ width: 45%; height: 245px; } .newsList >li{ font-size: 12px; line-height: 34px; } .newsList >li .date{ float: right; } .newsList >li .describe{ margin-right: 80px; } .newsList >li .describe a{ display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 12px; } /* 用户登录 */ /* 未登录 */ .notLogin{ padding: 35px 38px 50px; } .loginborder{ position: relative; } .loginborder >label{ position: absolute; left: 10px; top: 8px; } .loginborder span.iconfont{ vertical-align: middle; font-size: 24px; color: #b5b5b5; cursor: pointer; } .loginborder span.usernameIcon{ font-size: 22px; } .loginborder input{ width: 100%; line-height: 30px; height: 46px; font-size: 14px; padding: 4px 0 4px 15px; border: 1px solid #c7c7c7; margin-bottom: 28px; padding-left: 40px; } .loginborder input:focus{ border: 1px solid #3ab851; } /* .loginParent >div{ width: 50%; text-align: center; } .loginParent >div:nth-child(1){ padding: 0 2% 0 0; } .loginParent >div:nth-child(2){ padding: 0 0 0 2%; } */ .loginBtn{ width: 100%; border-radius: 5px; color: #fff; line-height: 44px; font-size: 18px; margin-top: 8px; } .loginBtn:hover,.whitherBtn:hover{ background: #36a04a; } /* 已登录 */ .isLogin{ padding: 28px 15px 0; /* display: none; */ } .userPhoto{ width: 166px; height: 164px; float: left; margin-right: 40px; } .currUser{ line-height: 36px; color: #000; font-size: 16px; letter-spacing: 2px; } .currUserNamer a{ display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 10px; } .operationDiv{ margin-top: 28px; /* margin-top: 51px; */ font-size: 14px; line-height: 30px; } .operationDiv a:nth-child(1){ display: block; } .operationDiv a:last-child{ float: right; } /* 视频资讯 */ .videoBox{ width: 45%; } /* 视频资讯列表 */ .videoListBox{ width: 55%; height: 329px; } .videoListUl >li{ margin-bottom: 22px; } .videoListUl >li:last-child{ margin-bottom: 0; } .videoListBox .date{ padding: 26px; border: 1px solid #a9a9a9; text-align: center; cursor: pointer; } .videoListBox .date strong{ font-size: 18px; line-height: 24px; } .videoListBox .describe{ width: 80%; margin-left: 30px; height: 94px; position: relative; } .videoListBox .videoListUl >.active .date{ border: 1px solid #3ab851; color: #3ab851; } .videoListBox .videoListUl >.active .describe h2{ color: #3ab851; } .videoListBox .describe h2{ font-size: 18px; color: #000; } .videoListBox .describe .framMsg{ margin-top: 5px; } .videoListBox .describe{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 24px; font-size: 14px; color: #a9a9a9; } .videoListBox .describe .moreBtn{ color: #a9a9a9; position: absolute; bottom: 3px; } /* 产品展厅 */ .productShowUl{ overflow: hidden; padding: 0 18px; } .productShowUl >li{ float: left; width: 272px; height: 211px; margin-right: 25px; margin-bottom: 25px; } .productShowUl >li:nth-child(4),.productShowUl >li:nth-child(8){ margin: 0; } .productShowUl >li .productItem{ position: relative; overflow: hidden; cursor: pointer; } .productShowUl >li .productItem >img{ width: 272px; height: 209px; } .productShowUl >li .productItem:hover .maskBox{ top: 0px; } .productShowUl >li .productItem .maskBox{ position: absolute; left: 0; right: 0; top: 209px; bottom: 0; background: rgba(0, 0, 0, 0.5); color: #fff; padding: 30px 20px; line-height: 22px; transition: all .3s; } /* 四季采摘 */ .gardenImg >img{ width: 433px; height: 382px; margin-right: 10px; } .gardenMsg{ width: 63%; height: 382px; overflow: hidden; } .gardenMsg .gardenUl >li{ margin-bottom: 8px; } .gardenMsg .gardenUl >.active .gardenName{ background: #3ab851; color: #fff; } .gardenMsg .gardenName{ cursor: pointer; width: 24%; padding: 0 10px; margin-right: 27px; background: #efefef; line-height: 90px; color: #3ab851; font-size: 16px; text-align: center; position: relative; } .gardenMsg .gardenName p{ width: 82%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .gardenMsg .gardenName .iconfont{ position: absolute; right: 15px; top: 0; } .gardenMsg .gardenMsgDetail{ width: 69%; font-size: 14px; line-height: 30px; } .gardenMsg .gardenMsgDetail .gardenItem{ width: 33%; } .gardenMsg .gardenMsgDetail .gardenItem:hover{ color: #3ab851; cursor: pointer; } .gardenMsg .gardenMsgDetail .gardenItem h3{ font-size: 18px; /* color: #000; */ } /* 导游导览 */ .guideMap{ width: 65%; } .guideMap #map{ height: 450px; background: #eee; } .guideForm{ padding-left: 30px; } .guideForm .title{ font-size: 14px; margin-bottom: 15px; } .guideForm input{ vertical-align: middle; width: 90%; line-height: 30px; height: 46px; font-size: 14px; padding: 4px 0 4px 4px; border: 1px solid #c7c7c7; margin-bottom: 28px; padding-left: 10px; } .whitherBtn{ width: 16%; border-radius: 5px; color: #fff; line-height: 36px; font-size: 16px; } .loadDiv{ text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 666; background: #fff; background: rgba(255, 255, 255, 0.6); /* opacity: 0.8; */ line-height: 400px; } /* 民宿导览 */ div.swiper-button-prev{ background-image: url(../imgs/swiperPrev.png) } div.swiper-button-next{ background-image: url(../imgs/swiperNext.png) } div.swiper-button-next, div.swiper-button-prev{ width: 37px; height: 37px; background-size: 100%; margin-top: -70px; } .hotelImg{ width:100%; height: 242px; } .hotelDetial .hotelMsg{ padding: 5px 10px; } .hotelMsg .hotelName span{ float: right; font-size: 16px; line-height: 25px; } .hotelMsg .hotelName h3{ font-size: 18px; letter-spacing: 3px; color: #000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .hotelMsg .hotelAddress{ line-height: 26px; font-size: 14px; } /* 返回顶部 */ .back2top { width: 58px; height: 58px; position: fixed; _position: absolute; left: 52%; margin-left: 600px; bottom: 100px; _bottom: auto; cursor: pointer; display: none; } .back2top a { display: block; width: 100%; height: 100%; background: url(../imgs/goUp.png) no-repeat; } .back2top a:hover{ background: url(../imgs/goUp.png) no-repeat -58px 0; } /* 技术政策新闻 */ .adminPolicy >div{ width: 33%; padding-right: 3%; } .adminPolicy >div:last-child{ padding-right: 0; } .fixationDiv{ max-height: 240px; overflow: hidden; } /* 提示层 */ .hint{ border-radius: 5px; position: fixed; z-index: 999; color: white; left: 47%; top: 50%; background: #0000009e; padding: 20px; font-size: 14px; letter-spacing: 2px; }