www.gusucode.com > 49:【198-3358】绿色智能家居家具类网站织梦模板(带手机端) > 49:【198-3358】绿色智能家居家具类网站织梦模板(带手机端)/m/skin/css/master.css
/* 织梦58(dede58.com)做最好的织梦整站模板下载网站 */ /* index banner */ .banner { position: relative; width: 100%; } .swiper-pagination { display: inline-block; left: 50% !important; bottom: 0.1rem !important; width: auto !important; padding: 0.03rem 0.1rem; text-align: center !important; font-size: 0; background: rgba(255,255,255,.8); -webkit-transform: translate(-50%, 0) !important; transform: translate(-50%, 0) !important; border-radius:.1rem; } .swiper-pagination-bullet { width: 0.12rem !important; height: 0.12rem !important; opacity: 1 !important; vertical-align: top; -webkit-box-sizing: border-box; box-sizing: border-box; background: #2c2f34 !important; } .swiper-pagination-bullet-active { background-color: #01b0c5 !important; } .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet { margin: 0 0.05rem !important; } /* -------------------------自定义部分开始 --------------------------*/ @font-face { font-family: "iconfont_s"; src: url('../font/iconfont_s.woff') format('woff'), url('../font/iconfont_s.ttf') format('truetype'); } .iconfont_s { font-family: "iconfont_s" !important; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } .clear-fix:after { display: block; clear: both; visibility: hidden; height: 0; font-size: 0; content: "."; } input { outline: none; } body { background: #FFF !important; } .allpage { background: #e9eff2 !important; } /*head*/ .logo { display: block; width: 70.3125% !important; margin: 0 auto; -webkit-box-sizing: border-box; box-sizing: border-box; } .logo img { margin: 0 auto!important; } .search { background-color: #10b666 !important; } .nav-btn { top: 10% !important; background: url(../images/line_r.jpg) top left no-repeat; line-height: 0.5528rem !important; } .search_hl { height: 80% !important; top: 10% !important; background: url(../images/line_r.jpg) top right no-repeat; line-height: 0.5528rem !important; } .home-btn { color: #01b0c5 !important; background: url(../images/line_r.jpg) top right no-repeat; } .class-btn { color: #fff !important; } .top-title { color: #fff !important; } /*content*/ .content { padding-bottom: 0.7rem !important; } /*iwrap*/ .iwrap { position: relative; width: 93.75%; margin: 0 auto; } /*beian*/ .beian { width: 100%; height: 0.65rem; font-size: 0.21rem; line-height: 0.65rem; color: #2e3842; text-align: center; } .beian a { color: #2e3842; } /*common_title*/ .common_title { margin: 0 0 2% 0; background: #d9d9da; } .common_title h2 { font-size: 0.23rem; line-height: 0.4rem; background: #303338; width: 26%; text-align: left; color: #10b666; padding-left: 3.125%; } .common_title h2 span { font-weight: normal; font-size: 0.30rem; vertical-align: -8% } .common_title a { float: right; line-height: 0.4rem; color: #7b7d80; margin-right: 3.125%; } .common_title a span { color: #01b0c5 } /*hnav2*/ .hnav2 { margin: 0 auto 4% auto; background-color: #10b666; } .hnav2 .son2 { width: 25%; display: block; float: left; text-align: center; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 0.22rem; line-height: 0.5rem; box-sizing: border-box; -webkit-box-sizing: border-box; border-right: 1px solid #3cc7d8; border-bottom: 1px solid #3cc7d8; } .hnav2 .son2:nth-of-type(4n) { border-right: 0; } .hnav2 .son2:nth-of-type(n+5) { border-bottom: 0; } /*index_product*/ .index_product { width: 93.75%; padding: 2% 3.125% 1% 3.125%; } .index_product li { width: 48.5%; background-color: #fff; margin: 0 3% 3% 0; float: left; position: relative; } .index_product li.equipment img { width: 100%; padding: 0; border: 0; } .index_product li.honor { width: 31.3%; margin-bottom: 0; } .index_product li.honor h5 { width: 100%; background-color: #e9eff2; text-align: center; margin-left: 0; height: 0.35rem; overflow: hidden } .index_product li.honor:nth-of-type(2n) { margin-right: 3%; } .index_product li.honor:nth-of-type(3n) { margin-right: 0; } .index_product li.honor img { width: 100%; padding: 0; } .index_product li h5 { font-size: 0.23rem; margin: 0; line-height: 0.4rem; height: 0.4rem; color: #333333; white-space: nowrap; margin-left: 4%; width: 81%; float: left; font-weight: normal; overflow: hidden; text-overflow: ellipsis; } .index_product li i { float: right; width: 15%; color: #01b0c5; line-height: 0.4rem; height: 0.4rem; font-size: 0.21rem; text-align: center; } .index_product li span { color: #666666; line-height: 0.3rem; font-size: 0.21rem; text-align: left; padding: 0 2% 1% 2%; display: block; width: 96%; } .index_product li img { width: 100%; padding: 3px; border: 1px solid #cfd3d6; box-sizing: border-box; -webkit-box-sizing: border-box; } .index_product li:nth-of-type(2n) { margin-right: 0; } /*index_news*/ .index_news { width: 93.75%; margin: 4% auto 0 auto; } .index_news li { background-color: #10b666; margin-bottom: 4% } .index_news .pubdate { width: 22%; float: left; margin-top: 0.2rem; font-family: Arial; color: #fff; font-size: 0.23rem; text-align: center; } .index_news .pubdate span { font-size: 0.36rem; font-weight: bold; } .index_news .news_intr { width: 72%; float: left; padding: 0 3%; background-color: #f6f9fa; } .index_news .news_intr a { color: #666666; } .index_news .news_intr h3 { font-weight: normal; font-size: 0.23rem; color: #333333; line-height: 0.4rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .index_news .news_intr p { font-size: 0.21rem; margin-bottom: 0.05rem; color: #666; line-height: 0.3rem; } /*index_about*/ .index_about { width: 87.75%; margin: 4% 3.125%; padding: 2% 3%; font-size: 0.21rem; line-height: 0.35rem; background-color: #fff; color: #555555; vertical-align: top; position: relative; } .index_about img { width: 100%; margin-bottom: 0.1rem; } /*hotline*/ .hotline { width: 90%; margin: 3% 0 0 0; background-color: #10b666; display: block; padding: 5% 5%; } .hotline h3 { background-color: #ffffff; font-size: 0.21rem; line-height: 0.5rem; color: #303338; display: block; width: 30%; white-space: nowrap; font-weight: bold; border-radius: 0.1rem; float: right; text-align: left; margin-top: 0.05rem; } .hotline h3 span { color: #303338; font-size: 0.3rem; width: 0.45rem; line-height: 0.5rem; text-align: right; } .hotline span { display: block; width: 70%; float: left; white-space: nowrap; color: #fff; font-size: 0.21rem; line-height: 0.3rem; overflow: hidden; } /*goTop*/ .cbtn-top { display: none; position: fixed; right: 2%; bottom: 10%; border-radius: 50%; width: 3.25em; height: 3.25em; color: #ffffff; font-size: 1.2em; text-align: center; cursor: pointer; z-index: 99999; } .cbtn-top a { width: 0.45rem; height: 0.45rem; font-size: 0.35rem; color: #181818; background-color: #eff62c; }