www.gusucode.com > 65:【198-5014】鲜花网购物商城织梦dedecms模板(带购物车带手机端) > 65:【198-5014】鲜花网购物商城织梦dedecms模板(带购物车带手机端)/style/css/index.css
/* 织梦58(dede58.com)做最好的织梦整站模板下载网站 */ table { border-collapse: collapse; border-spacing: 0 } .SCREEN-SHOW { display: none } .red { color: #E80111; font-family: 微软雅黑 } .cheDan { margin-top: 20px; height: 370px; } .cheDan .tabGroup .head { height: 45px; } .cheDan .tabGroup .head p { background: url(../images/d_line.gif) repeat-x 0 44px; } .cheDan .tabGroup .head a { display: block; float: left; position: relative; height: 45px; line-height: 45px; padding: 0 35px; text-decoration: none; font-size: 16px; font-family: 微软雅黑 } .cheDan .tabGroup .head a:hover, .cheDan .tabGroup .head .on { border-top-color: #ed2d38; color: #FFF!important; background: #ed2d38; font-weight: normal; } .cheDan .tabGroup .head a:hover i, .cheDan .tabGroup .head .on i { display: block; width: 0; height: 0; font-size: 12px; line-height: 0; overflow: hidden; border: 6px solid #FFF; border-top-color: #ed2d38; position: absolute; left: 50%; margin-left: -6px; bottom: -12px; } .cheDan .tabGroup .body { border-top: 0; padding: 22px 0px 0 0 } .cheDan .tabGroup .body .tBody { display: none } .cheDan .tabGroup li { width: 220px; _display: inline; float: left; padding-left: 10px; margin-left: 10px; } .cheDan .tabGroup .list .img { width: 220px; height: 220px; overflow: hidden; margin: 5px auto 5px; position: relative; } .cheDan .tabGroup .list .img img { width: 220px; height: 220px; transition: all 1.2s; -moz-transition: all 1.2s; -webkit-transition: all 1.2s; -o-transition: all 1.2s; overflow: hidden; display: block } .cheDan .tabGroup .list .img img:hover { transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); } .root_body .cheDan .tabGroup .list .img { width: 180px; height: 220px; } .root_body .cheDan .tabGroup .list .img img { width: 180px; height: 180px; } .cheDan .tabGroup .list .info { margin-top: 8px; margin-bottom: 5px; line-height: 20px; overflow: hidden; height: 20px; text-align: left; font-size: 12px; padding: 0 5px; color: #CCC; } .cheDan .tabGroup .list .info a, .cheDan .tabGroup .list .info .pin { color: #999 } .cheDan .tabGroup .list .info .pin em { font-style: normal } .cheDan .tabGroup .list .name a { color: #444; font-size: 15px; font-family: "微软雅黑" } .cheDan .tabGroup .list .info .pr { font-size: 16px; font-weight: bold; } .cheDan .tabGroup .body .tBody.current { display: block } .cheDan .tabGroup .name { height: 20px; line-height: 20px; overflow: hidden } .root_body .cheDan .tabGroup li { width: 180px; padding-left: 5px; margin-left: 8px; } .cheDan .tabGroup li { transition: all .35s ease-in-out } .root_body .cheDan .tabGroup li:hover .img img, .root_body .cheDan .tabGroup li.hover .img img { filter: alpha(opacity=80); opacity: 0.80; } .root_body .cheDan .tabGroup .list .Woqu_68 { background: #ed2d38; filter: alpha(opacity=90); opacity: 0.9; height: 35px; line-height: 35px; width: 200px; position: absolute; bottom: -35px; left: 0; padding: 0 5px; transition: all .25s ease-in-out } .root_body .cheDan .tabGroup .list:hover .Woqu_68, .root_body .cheDan .tabGroup .list.hover .Woqu_68 { bottom: 0; } .root_body .no_subject .main .week_body li { width: 210px; padding-left: 10px } .root_body .no_subject .main .week_body li.first { padding-left: 8px } .root_body .no_subject .main .week_body .img img { width: 201px; height: 141px } /*产品列表CSS*/ .tabMap .tBody ul { width: 1004px } .tabMap .tBody li.goods { width: 310px; float: left; margin-top: 25px; margin-right: 24px; background: #FFF } .tabMap .tBody li .list { height: 268px; box-shadow: 0 1px 4px rgba(0,0,0,0.08); } .root_body .tabMap .tBody li .list { height: 278px; } .tabMap .tBody .list.first { margin-left: 0 } .tabMap .tBody .list .img { width: 286px; height: 170px; margin: 10px auto; position: relative; overflow: hidden; } .tabMap .tBody .list .img img { transition: all .25s ease-in-out; margin-top: -5px; width: 286px; } .root_body .tabMap .tBody .list .img, .root_body .tabMap .tBody .list .img img { width: 286px; margin-top: 0; } .root_body .tabMap .tBody .list .img { height: 178px; } .tabMap .tBody .list .info { margin-top: 7px; line-height: 20px; overflow: hidden; text-align: left; font-size: 12px; padding: 0 10px; } .tabMap .tBody .list .info, .tabMap .tBody .list .info a { color: #999; } .tabMap .tBody .list .info .pin em { font-style: normal } .tabMap .tBody .list .name a { font-size: 15px; font-family: "微软雅黑"; color: #444 } .tabMap .tBody .list .info .pr { font-size: 16px; font-weight: bold; } .root_body .tabMap .tBody { width: 1210px } .root_body .tabMap .tBody ul { width: 1232px; } .root_body .tabMap .tBody li.goods { width: 286px; margin-right: 22px; background: #FFF; } .root_body .tabMap .tBody .list:hover, .root_body .tabMap .tBody .list.hover { border-color: #4da9df; -webkit-box-shadow: 1px 1px 2px #e1e1e1; -moz-box-shadow: 1px 1px 2px #e1e1e1; -o-box-shadow: 1px 1px 2px #e1e1e1; -ms-box-shadow: 1px 1px 2px #e1e1e1; box-shadow: 1px 1px 2px #e1e1e1 } .root_body .tabMap .tBody .list:hover .img img, .root_body .tabMap .tBody .list.hover .img img { filter: alpha(opacity=80); opacity: 0.80; } .root_body .tabMap .tBody .list .Woqu_68 { background: #ed2d38; filter: alpha(opacity=9); opacity: 0.9; height: 35px; line-height: 35px; width: 208px; position: absolute; bottom: -35px; left: 0; padding: 0 5px; transition: all .25s ease-in-out } .root_body .tabMap .tBody .list:hover .Woqu_68, .root_body .tabMap .tBody .list.hover .Woqu_68 { bottom: 0 } .Woqu_68 span a:link { color: #FFF; text-decoration: none; } .Woqu_68 span a:visited { color: #FFF; text-decoration: none; } .Woqu_68 span a:hover { color: #fff!important; text-decoration: underline } .Woqu_68 span a:active { color: #fff; text-decoration: none; } .Woqu_68 span.Right { background: url(../images/woqu_68.png) no-repeat 5px 4px; text-indent: 30px; width: 80px; height: 35px; line-height: 35px; } .Woqu_68 span.Left { background: url(../images/woqu_68.png) no-repeat left -51px; text-indent: 30px; width: 80px; height: 35px; line-height: 35px; } /*广告语*/ .ad_bg { height: 100px; padding-bottom: 15px; text-align: center; } /*知识宝库*/ .zhisi { padding-bottom: 20px; } .zhisi_title { position: relative; width: 1230px; overflow: hidden } .zhisi_title li { float: left; width: 242px; text-align: center; } .zhisi_title li a { display: block; } .zhisi_title li a p { height: 40px; line-height: 40px; background: #eee; font-size: 16px; } .zhisi_title li.active p { background: #ed2d38; color: #fff; } .a_content4 { margin-top: 20px; } .a_content4 a:hover { color: #ed2d38; } .a_content4:after { display: block; content: ''; clear: both; } .a_content4_left { width: 720px; float: left; height: 320px; } .a_content4_left_img { width: 260px; float: left; overflow: hidden; } .a_content4_left_img img { width: 242px; } .a_content4_left_title { float: left; width: 435px; margin-left: 10px; padding-bottom: 15px; border-bottom: #dedede 1px dashed } .a_content4_left_title h2 a { font-size: 18px; font-weight: bold; display: block; height: 35px; line-height: 35px; } .a_content4_left_title p { font-size: 14px; color: #666; } .a_content4_left_title p a { color: #ed2d38; margin-left: 10px; } .a_content4_left_li { float: left; width: 440px; margin-top: 8px; } .a_content4_left_li ul { } .a_content4_left_li ul li { line-height: 35px; border-bottom: 1px dotted #ccc; height: 35px; overflow: hidden; float: left; margin-left: 10px; width: 200px; padding-left: 10px; background: url(../images/aside_li.gif) left no-repeat } .a_content4_left_li ul li a { color: #000; } .a_content4_left_li ul li a { font-size: 12px; } .a_content4_right { height: 320px; width: 460px; float: right; padding-left: 10px; border-left: 1px #ccc dashed; } .a_content4_right_title h2 a { font-size: 18px; font-weight: bold; line-height: 35px; margin-left: 3%; } .a_content4_right_title { margin: 15px 0 34px 0; } .a_content4_right_title p { margin-top: 23px; color: #666; margin-left: 3%; } .a_content4_right_title p a { color: #ed2d38; margin-left: 10px; } .a_content4_right ul { float: left; margin-left: 10px; margin-top: 8px; } .a_content4_right ul li { line-height: 35px; border-bottom: 1px dotted #ccc; float: left; height: 35px; margin-right: 25px; overflow: hidden; width: 190px; padding-left: 10px; background: url(../images/aside_li.gif) left no-repeat } .a_content4_right ul li a { font-size: 12px; color: #000; } .saleRank .item .num { position: relative; float: left; margin: 11px 0 0; background: #BBB; } .saleRank li.cur .num { background: #E30000 } .saleRank li.cur .num, .saleRank li.cur p { margin-top: 0; padding-top: 0 } .saleRank li.cur .g-wrap, .saleRank li.cur .jia { display: block; } .saleRank li.cur .g-wrap { _float: left; _margin: -10px 0 0 12px; } .saleRank li.cur { border-bottom: 1px dashed #DDD; margin-bottom: 4px; padding-top: 4px; _padding-top: 0; } .saleRank li.cur .tit a { color: #222 } .saleRank .item { border-bottom: 1px solid #FFF; } .saleRank .item .g-wrap { margin-left: 22px; _margin-left: 10px; height: 108px; display: none; _zoom: 1; } .root_body .saleRank .item .g-wrap { height: 125px; } .saleRank .item .g-wrap .img { display: block; overflow: hidden; float: none; } .saleRank .item .g-wrap .img, .saleRank .item .g-wrap .img img { height: 98px; width: 156px; } .root_body .saleRank .item .g-wrap .img, .saleRank .item .g-wrap .img img { height: 120px; width: 190px; } .saleRank .item p { margin-left: 22px; _margin-left: 10px; color: #999; padding-top: 4px; _zoom: 1; _display: inline; } .saleRank .item .jia { display: none; } .saleRank .item p, .saleRank .item p a { height: 24px !important; line-height: 24px; overflow: hidden; } .saleRank .item .jia .red { font-weight: bold; } .saleRank .item .jia .pin em { font-style: normal; } .tabGroup .more { float: right; margin: 15px 10px 0 0 } .tabGroup .more span { display: inline-block; vertical-align: top; font-size: 14px; line-height: 15px; font-family: 微软雅黑; } .tabGroup .more .icon { width: 15px; height: 15px; overflow: hidden; margin: 2px 0 0 8px; background: url(../images/new_bg.gif) no-repeat -185px -36px; } .fan-shuo { padding: 10px 15px; overflow: hidden; _position: relative } .fan-shuo h4 { font-size: 14px; font-weight: bold; } .fan-shuo .m2list li { text-align: left; padding: 6px 0; height: 23px; margin-bottom: 5px; color: #666; line-height: 14px; border-bottom: 1px dotted #eee; } .fan-shuo .m2list li .pic { width: 88px; float: left; margin-right: 10px; display: inline } .fan-shuo .m2list li .pic img { width: 88px; } .fan-shuo .m2list li p { width: 440px; overflow: hidden; height: 23px } .fan-shuo .m2list li p span { float: right }