/*public*/ .box .head .tt,.to-gy .head .tt { font-size:17px!important; } .box .head,.to-gy .head { height:54px!important; } /*首页导航*/ .head-all-search .in .logo em{ display: inline-block; width: 180px; height:52px; background: url(/uploads/image/9img/logo_right.png); background-size: 180px 52px; margin-left: 12px; } .head-all-top .in .left .sydh { padding-right:0px!important; margin-right:0px!important; } .index-nav { width:100%; height:52px; background-color:#fff; box-shadow:0 2px 2px 0 rgba(37,9,9,0.06); position:relative; z-index:1000; } .index-nav .in { width:1200px; margin:0 auto; } .index-nav .in .left { color:#fff; width:180px; height:52px; float:left; background-color:#129b83; font-size:20px; text-align:center; line-height:50px; font-weight:600; } .index-nav .in ul { width:1000px; height:52px; float:left; display:flex; align-items:center; margin-left:20px; } .index-nav .in ul li { height:21px; display:flex; align-items:center; padding:0 23px; justify-content:center; background:url(/uploads/image/9img/fengexian.png) right 50% no-repeat; } .index-nav .in ul li:last-child { background:none; } .index-nav .in ul li a { color:#121212; font-size:16px; font-weight:bold; } .index-nav.fixed { position:fixed; top:0; left:0; } /*菜单*/ .index-menu { width:100%; height:527px; background-color:#edf1f6; } .index-menu .in { width:1200px; margin:0 auto; } .index-menu .in .menu-left { width:180px; height:524px; float:left; position:relative; background-color:#14a88e; padding-top:3px; } .index-menu .in .menu-left .li { width:180px; height:40px; background-color:#14a88e; } .index-menu .in .menu-left .li .li-in { width:100%; height:37px; color:#fff; font-size:13px; display:flex; flex-direction:row; align-items:center; justify-content:space-between; } .index-menu .in .menu-left .li .li-in em { width:21px; height:21px; display:inline-block; margin-left:16px; } .index-menu .in .menu-left .li .li-in em.em18 { background:; } .index-menu .in .menu-left .li .li-in em.em19 { background:; } .index-menu .in .menu-left .li .li-in em.em20 { background:; } .index-menu .in .menu-left .li .li-in em.em21 { background:; } .index-menu .in .menu-left .li .li-in em.em22 { background:; } .index-menu .in .menu-left .li .li-in em.em23 { background:; } .index-menu .in .menu-left .li .li-in em.em24 { background:; } .index-menu .in .menu-left .li .li-in em.em25 { background:; } .index-menu .in .menu-left .li .li-in em.em26 { background:; } .index-menu .in .menu-left .li .li-in em.em27 { background:; } .index-menu .in .menu-left .li .li-in em.em28 { background:; } .index-menu .in .menu-left .li .li-in em.em29 { background:; } .index-menu .in .menu-left .li .li-in em.em30 { background:; } .index-menu .in .menu-left .li .li-in span { display:inline-block; width:120px; text-align:left; color:#fff; font-size:13px; margin-left:10px; } .index-menu .in .menu-left .li .li-in i { width:6px; height:10px; margin-right:16px; display:inline-block; float:right; background: no-repeat; background-size:5px; } .index-menu .in .menu-left .li .menu-more { display:none; width:1000px; height:484px; background-color:#fff; position:absolute; top:2px; left:180px; overflow-x:hidden; overflow-y:auto; z-index:100; padding:20px 22px 20px 0; } .index-menu .in .menu-left .li .menu-more dl { display:flex; flex-direction:row; align-items:flex-start; width:950px; line-height:50px; padding-left:30px; } .index-menu .in .menu-left .li .menu-more dl h3 { width:110px; display:flex; flex-direction:row; align-items:center; justify-content:space-between; } .index-menu .in .menu-left .li .menu-more dl h3 span { font-size:13px; color:#333; font-weight:bold; display:inline-block; width:90px; text-align:right; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .index-menu .in .menu-left .li .menu-more dl h3 em { width:4px; height:9px; display:inline-block; margin-left:15px; background:url(/uploads/image/9img/jt-r5.png); } .index-menu .in .menu-left .li .menu-more dl dd { margin-left:20px; } .index-menu .in .menu-left .li .menu-more dl dd a { font-size:13px; color:#333; margin-right:16px; white-space:nowrap; } .index-menu .in .menu-left .li .menu-more dl dd.dd2 { width:820px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .index-menu .in .menu-left .li .menu-more .hot { border-top:1px #f7f7f7 solid; padding-top:25px; margin-top:20px; width:940px; margin-left:30px; } .index-menu .in .menu-left .li .menu-more .hot .head { font-size:13px; color:#333; font-weight:bold; } .index-menu .in .menu-left .li .menu-more .hot ul { width:100%; margin-top:25px; } .index-menu .in .menu-left .li .menu-more .hot ul li { width:100px; float:left; margin-left:10px; display:flex; flex-direction:column; align-items:center; justify-content:center; } .index-menu .in .menu-left .li .menu-more .hot ul li a { font-size:14px; color:#666; width:100px; display:flex; flex-direction:column; align-items:center; justify-content:center; } .index-menu .in .menu-left .li .menu-more .hot ul li a div { width:60px; height:60px; display:flex; flex-direction:column; align-items:center; justify-content:center; } .index-menu .in .menu-left .li .menu-more .hot ul li a div img { max-width:60px; max-height:60px; border-radius:50%; } .index-menu .in .menu-left .li:hover { background-color:#129b83; } .index-menu .in .menu-left .li:hover .menu-more { display:block; } .index-menu .in .menu-center { width:740px; float:left; margin-left:15px; } .index-menu .in .menu-center .hd { width:740px; height:360px; margin-top:15px; background-color:#fff; } .index-menu .in .menu-center .hd div.swiper { width:740px; height:360px; } .index-menu .in .menu-center .hd div.swiper img { max-width:100%; max-height:100%; } .index-menu .in .menu-center .hd .swiper-button-next,.index-menu .in .menu-center .hd .swiper-button-prev { display:none; } .index-menu .in .menu-center .hd:hover .swiper-button-next,.index-menu .in .menu-center .hd:hover .swiper-button-prev { display:block; } .index-menu .in .menu-center .bd { width:740px; height:138px; background-color:#fff; margin-top:14px; } .index-menu .in .menu-center .bd ul { width:100%; } .index-menu .in .menu-center .bd ul li { width:100px; float:left; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; } .index-menu .in .menu-center .bd ul li a { font-size:14px; } .index-menu .in .menu-center .bd ul li a .pic { width:60px; height:60px; margin-top:22px; background-color:#f2f2f2; border-radius:60px; margin-bottom:16px; display:flex; flex-direction:row; align-items:center; justify-content:center; } .index-menu .in .menu-center .bd ul li a .pic img { max-width:60px; max-height:60px; border-radius:50%; } .index-menu .in .menu-center .bd ul li:first-child { margin-left:20px; } .index-menu .in .menu-center .swiper-pagination-bullet { background:#fff; border:1px #e8e8e8 solid; } .index-menu .in .menu-center .swiper-pagination-bullet-active { background:#2233ee; border:1px #2233ee solid; } .index-menu .in .menu-right { width:250px; height:512px; float:right; margin-top:15px; background-color:#fff; } .index-menu .in .menu-right .main { width:100%; } .index-menu .in .menu-right .main ul { width:100%; } .index-menu .in .menu-right .main ul li { width:100px; height:47px; float:left; margin:14px 10px 0 0; border:1px #f5f6f8 solid; } .index-menu .in .menu-right .main ul li a { width:100%; height:100%; display:flex; flex-direction:row; align-items:center; justify-content:center; } .index-menu .in .menu-right .main ul li a img { max-width:100%; max-height:100%; } .index-menu .in .menu-right .main ul:nth-child(odd) { margin-left:20px; } /*首页主体*/ .index-body { width:100%; } .index-body .in { width:1200px; margin:0 auto; } .index-body .in .bang-10 { width:100%; overflow:hidden; } .index-body .in .bang-10 .head { width:100%; text-align:center; } .index-body .in .bang-10 .head .bang-bg { font-size:31px; font-weight:900; width:1136px; height:29px; margin:40px auto 15px; background:url(/uploads/image/9img/bang-bg.png) no-repeat; line-height:28px; color:#333; } .index-body .in .bang-10 .head .t-t { font-size:14px; color:#999; } .index-body .in .bang-10 .bang-box { width:100%; margin-top:36px; } .index-body .in .bang-10 .bang-box .bang-box-in { background-color:#fff; float:left; width:386px; height:702px; margin-right:20px; } .index-body .in .bang-10 .bang-box .bang-box-in:nth-child(3) { margin-right:0px; } .index-body .in .bang-10 .bang-box .bang-box-in .b-head { width:386px; height:100px; overflow:hidden; background:linear-gradient(360deg,#00997f 0%,#014f42 100%); border-radius:5px 5px 0 0; } .index-body .in .bang-10 .bang-box .bang-box-in .b-head .tt { font-size:22px; color:#fff; font-weight:bold; margin:20px 0 0 30px; } .index-body .in .bang-10 .bang-box .bang-box-in .b-head .tt em { width: 22px; height: 22px; display: inline-block; position: relative; top: 4px; margin-left: 4px; background: url(/uploads/image/9img/icon_bang.png); background-size: 24px 22px; } .index-body .in .bang-10 .bang-box .bang-box-in .b-head .des { font-size:14px; color:#a1e3d7; margin:10px 0 0 30px; } .index-body .in .bang-10 .bang-box .bang-box-in ul { width:363px; height:528px; background-color:#fff; padding-top:20px; display: inline-block; } .index-body .in .bang-10 .bang-box .bang-box-in ul li { width:100%; height:50px; display:inline-block; margin-bottom: 5px; } .index-body .in .bang-10 .bang-box .bang-box-in ul li em.xh { width: 26px; height: 36px; margin-left: 25px; margin-top: 3px; display: inline-block; float: left; color: #fff; line-height: 43px; font-size: 16px; padding: 0.5px 0 0 8px; } .index-body .in .bang-10 .bang-box .bang-box-in ul li:nth-child(10) em.xh { padding: 0.5px 0 0 2.5px; margin-right: 5.5px; } .index-body .in .bang-10 .bang-box .bang-box-in ul li em.xh.xh1 { background: url(/uploads/image/9img/icons-tops.png) no-repeat 0 0; background-size: 158px 36px } .index-body .in .bang-10 .bang-box .bang-box-in ul li em.xh.xh2 { background: url(/uploads/image/9img/icons-tops.png) no-repeat -44px 0; background-size: 158px 36px } .index-body .in .bang-10 .bang-box .bang-box-in ul li em.xh.xh3 { background: url(/uploads/image/9img/icons-tops.png) no-repeat -88px 0; background-size: 158px 36px } .index-body .in .bang-10 .bang-box .bang-box-in ul li em.xh.xh4 { background: url(/uploads/image/9img/icons-tops.png) no-repeat -133px 0; background-size: 158px 36px } .index-body .in .bang-10 .bang-box .bang-box-in ul li em.xh.xh5 { background:; } .index-body .in .bang-10 .bang-box .bang-box-in ul li em.xh.xh6 { background:; } .index-body .in .bang-10 .bang-box .bang-box-in ul li em.xh.xh7 { background:; } .index-body .in .bang-10 .bang-box .bang-box-in ul li em.xh.xh8 { background:; } .index-body .in .bang-10 .bang-box .bang-box-in ul li em.xh.xh9 { background:; } .index-body .in .bang-10 .bang-box .bang-box-in ul li em.xh.xh10 { background:; } .index-body .in .bang-10 .bang-box .bang-box-in ul li img { width:40px; height:40px; border:1px #f1f1f1 solid; margin-left:16px; border-radius: 50%; float:left; } .index-body .in .bang-10 .bang-box .bang-box-in ul li .name { width:100px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-left:12px; font-size:16px; float:left; line-height: 41px; } .index-body .in .bang-10 .bang-box .bang-box-in ul li .huo { width:90px; display:flex; flex-direction:row; } .index-body .in .bang-10 .bang-box .bang-box-in ul li .huo em { width:13px; height:14px; margin-left:2px; display:inline-block; } .index-body .in .bang-10 .bang-box .bang-box-in ul li .huo em.huo1 { background:url(/uploads/image/9img/huo1.png); } .index-body .in .bang-10 .bang-box .bang-box-in ul li .huo em.huo2 { background:url(/uploads/image/9img/huo2.png); } .index-body .in .bang-10 .bang-box .bang-box-in ul li .huo em.huo3 { background:url(/uploads/image/9img/huo3.png); } .index-body .in .bang-10 .bang-box .bang-box-in ul li .num { width:60px; font-size:14px; color:#999; float:right; line-height: 43px; } .index-body .in .clear-ad { width:100%; margin-top:30px; display:flex; flex-direction:row; align-items:center; justify-content:center; } .index-body .in .zixun-box { width:100%; overflow:hidden; margin-top:14px; } .index-body .in .zixun-box .zixun-left { float:left; width:885px; height:466px; background-color:#fff; } .index-body .in .zixun-box .zixun-left .main { width:100%; overflow:hidden; } .index-body .in .zixun-box .zixun-left .main .article-hd { width:340px; height:340px; float:left; margin:20px 30px 30px 20px; } .index-body .in .zixun-box .zixun-left .main .article-hd .pic { width:340px; height:328px; display:flex; flex-direction:row; align-items:center; justify-content:center; } .index-body .in .zixun-box .zixun-left .main .article-hd .pic img { max-width:100%; max-height:100%; } .index-body .in .zixun-box .zixun-left .main .article-hd .title-bg { width:340px; height:43px; background-color:#616365; display:flex; flex-direction:row; align-items:center; } .index-body .in .zixun-box .zixun-left .main .article-hd .title-bg a { color:#fff; font-size:16px; margin-left:20px; display:inline-block; width:300px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .index-body .in .zixun-box .zixun-left .main .article-hd .swiper-pagination { width:100px; right:0; left:auto; bottom:15px; } .index-body .in .zixun-box .zixun-left .main .article-hd .swiper-pagination .swiper-pagination-bullet { background-color:rgba(255,255,255,0.8); width:10px; height:10px; } .index-body .in .zixun-box .zixun-left .main .article-hd .swiper-pagination .swiper-pagination-bullet-active { background-color:#fff; } .index-body .in .zixun-box .zixun-left .main .article-tt { } .index-body .in .zixun-box .zixun-left .main .article-tt .tt-1 { width:100%; height:90px; } .index-body .in .zixun-box .zixun-left .main .article-tt .tt-1 .txt { font-size:18px; font-weight:bold; color:black; margin-top:20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .index-body .in .zixun-box .zixun-left .main .article-tt .tt-1 p { width:470px; height:44px; font-size:14px; font-size:13px; color:#999999; line-height:24px; margin-top:13px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; } .index-body .in .zixun-box .zixun-left .main .article-tt .tt-1 p a { font-size:13px; color:#2233ee; } .index-body .in .zixun-box .zixun-left .main .article-tt .tt-bg2 { border-bottom:1px dashed #eee; height:10px; width:470px; } .index-body .in .zixun-box .zixun-left .main .article-tt ul { width:100%; margin:4px 20px 0 20px; } .index-body .in .zixun-box .zixun-left .main .article-tt ul li { width:268px; line-height:32px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; float:left; margin-right: 22px; } .index-body .in .zixun-box .zixun-left .main .article-tt ul li:nth-child(3n) { margin-right: 0px; } .index-body .in .zixun-box .zixun-left .main .article-tt ul li em { width:4px; height:4px; background:; display:inline-block; } .index-body .in .zixun-box .zixun-left .main .article-tt ul li a { font-size:14px; margin-left:10px; } .index-body .in .zixun-box .zixun-right { float:right; width:300px; height:466px; background-color:#fff; } .index-body .in .zixun-box .zixun-right ul { width:100%; } .index-body .in .zixun-box .zixun-right ul li { float: left; width: 123px; height: 34px; line-height: 34px; margin: 10px 10px 0 20px; overflow: hidden; color: #dadada; border: 1px #e9e9e9 solid; text-align: center; } .index-body .in .zixun-box .zixun-right ul li:nth-child(2n) { margin:10px 0 3px 0; } .index-body .in .zixun-box .zixun-right ul li a { font-size:14px; } .index-body .in .brand-wenda-box { width:100%; margin-top:15px; overflow:hidden; } .index-body .in .brand-wenda-box .brand-left { width:885px; float:left; } .index-body .in .brand-wenda-box .brand-left .brand-box { width:100%; height:550px; } .index-body .in .brand-wenda-box .brand-left .brand-box .pp-abc { width:850px; margin:12px 0 0 24px; display:inline-block; overflow:hidden; clear:both; } .index-body .in .brand-wenda-box .brand-left .brand-box .pp-abc a { width:30px; height:30px; display:flex; align-items:center; justify-content:center; background-color:#ebf7f5; color:#129b83; font-size:15px; font-weight:bold; border-radius:4px; margin:20px 32px 0 0; float:left; } .index-body .in .brand-wenda-box .brand-left .brand-box .pp-abc a:nth-child(14) { margin-right:0px; } .index-body .in .brand-wenda-box .brand-left .brand-box .pp-abc a.shu { width:48px; } .index-body .in .brand-wenda-box .brand-left .brand-box ul { width:850px; margin:0 0 0 20px; } .index-body .in .brand-wenda-box .brand-left .brand-box ul li { margin-right:23px; margin-top:20px; float:left; } .index-body .in .brand-wenda-box .brand-left .brand-box ul li:nth-child(5n) { margin-right:0px; } .index-body .in .brand-wenda-box .brand-left .brand-box ul li a { display:flex; flex-direction:column; justify-content:center; align-items:center; } .index-body .in .brand-wenda-box .brand-left .brand-box ul li a .pic { border:1px dashed #e9e9e9; width:149px; height:68px; margin-bottom:10px; display:flex; flex-direction:column; justify-content:center; align-items:center; } .index-body .in .brand-wenda-box .brand-left .brand-box ul li a .pic img { max-height:54px; max-width:114px; } .index-body .in .brand-wenda-box .brand-left .brand-box ul li a span { font-size:14px; } .index-body .in .brand-wenda-box .brand-left .brand-box-phb { height:530px; } .index-body .in .brand-wenda-box .brand-left .brand-box-phb ul li { margin-bottom:20px; } .index-body .in .brand-wenda-box .brand-right { width:300px; height:550px; float:right; } .index-body .in .brand-wenda-box .brand-right ul { width:100%; } .index-body .in .brand-wenda-box .brand-right ul li { width:260px; height:47.5px; margin-left:20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; border-bottom:1px #e9e9e9 dashed; display:flex; align-items:center; justify-content:space-between; } .index-body .in .brand-wenda-box .brand-right ul li:last-child { border:0; } .index-body .in .brand-wenda-box .brand-right ul li em.num { background-color: #b5b5b5; float: left; font-size: 13px; color: #fff; padding: 5px 0; border-radius: 2px; margin-right: 12px; width: 27.22px; text-align: center; } .index-body .in .brand-wenda-box .brand-right ul li em.num.num1 { background-color: #fe741c; } .index-body .in .brand-wenda-box .brand-right ul li em.num.num2 { background-color: #fdb80c; } .index-body .in .brand-wenda-box .brand-right ul li em.num.num3 { background-color: #ffdc00; } .index-body .in .brand-wenda-box .brand-right ul li a { font-size:14px; height:50px; display:flex; align-items:center; } .index-body .in .brand-wenda-box .brand-right ul li span { font-size:14px; color:#999; } .index-body .in .brand-wenda-box .box { background-color:#fff; } .index-body .in .flink-box { width:1160px; padding:20px; background-color:#fff; line-height:22px; } .index-body .in .flink-box span,.index-body .in .flink-box a { margin-right:20px; color:#999999; font-size:13px; } /*商品库*/ .shangpin { height:568px!important; } .shangpin li { width:194px; } .shangpin li:nth-child(4n) { margin-right:0px!important; } .shangpin li:nth-child(5n) { margin-right:23px!important; } .shangpin li a .pic { width:194px!important; height:194px!important; } .shangpin li a .pic img { max-width:194px!important; max-height:194px!important; } .shangpin li a span { width:180px!important; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; } /*热卖榜单*/ .remai { height:568px!important; } .remai ul { margin-top:20px; } .remai ul li { margin-bottom:8px; border-bottom:none!important; background-color:#f7f7f7; color:#1fae95; height: 40px!important; } .remai ul li a em { border-radius:2px 0px 0px 2px; float:left; width:40px; padding:14px 0; background-color:#f3f3f3; font-weight:bold; text-align:center; margin-right:11px; color:#999; } .remai ul li:nth-child(1) a em { color:#f43628; } .remai ul li:nth-child(2) a em { color:#ff7c14; } .remai ul li:nth-child(3) a em { color:#fead5b; } .remai ul li a span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 196px; color: #333!important; } .remai ul li a:hover span { color: #129b83!important; } .zixun-nav { } .zixun-nav ul { } .zixun-nav li { float: left; margin-right: 20px; line-height: 30px; margin-top: 1px; padding: 0px 16px; border-radius: 16px; border: 1px solid #efefef; } .zixun-nav li.cur { background-color: #129b83; border-radius: 16px; } .zixun-nav li a { font-size: 14px; } .zixun-nav li.cur a { color: #ffffff; } .article-tt ul { display: none; } .article-tt ul.on { display: block; } .chanpin { padding-bottom: 18px!important; } .chanpin .main ul { margin-top: 20px!important; } .chanpin .main ul li { display: inline-block; width: 200px; margin: 0px 15px 10px 0!important; border-radius: 2px; text-align: center; line-height: 38px; float: left; font-size: 14px; background-color: #f7f7f7; color: #1fae95; } .chanpin .main ul li:nth-child(4n) { margin: 0 0 10px 0!important; } .last-paihang { height: 568px!important; } .last-paihang ul { margin-top: 20px; } .last-paihang ul li { width: 260px; height: 32px!important; margin: 0 15px 10px 0; text-align: center; line-height: 32px; float: left; font-size: 14px; border: 1px solid #f1f1f1!important; color: #1fae95; padding: 2px; } .last-paihang ul li a span { display: inline-block; width: 260px; background-color: #f7f7f7; border-radius: 2px; color:#333!important; } .last-paihang ul li a span:hover { background-color:#e9e9e9!important; } .wenda ul { display: inline-block; padding: 0 20px 20px 20px; } .wenda ul li { float: left; border-bottom: 1px dashed #f6f6f6; padding: 15px 0 15px; width: 565px; height: auto; margin-right: 30px; } .wenda ul li:nth-child(2n) { margin-right: 0; } .wenda ul li a { font-weight: normal; font-size: 17px; line-height: 24px; margin-bottom: 4px; } .wenda ul li a::before { content: "问"; font-size: 14px; color: #129b83; text-align: center; width: 24px; height: 24px; line-height: 24px; float: left; background-color: #ebf7f5; margin: 0px 12px 0px 0px; border-radius: 2px; } .wenda ul li p { white-space: normal; color: #b5b5b5; line-height: 22px; height: 44px; font-size: 14px; margin-top: 8px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }