www.gusucode.com > 65:【198-5014】鲜花网购物商城织梦dedecms模板(带购物车带手机端) > 65:【198-5014】鲜花网购物商城织梦dedecms模板(带购物车带手机端)/style/css/goods.css
/* 织梦58(dede58.com)做最好的织梦整站模板下载网站 */ @charset "utf-8"; .fl, .f_l, .Left { float: left } .fr, .f_r, .Right { float: right } i, em { font-style: normal; } .pr { position: relative } /*促销信息*/ .sale { zoom: 1; margin-top: 0px; margin-bottom: 10px; border-bottom: #eeeeee 1px dotted } .cuxiao { zoom: 1; position: relative; z-index: 5; padding-bottom: 15px; } .cuxiao .pos { padding-bottom: 3px; width: 47%; float: left; } .sale .sa2 dt.manzeng { _padding-top: 2px; _padding-bottom: 6px; } .ui_r { display: none !important } /*产品属性*/ .sale { margin-top: 15px; } .sale i { width: 48px; overflow: hidden; display: inline-block; float: left; padding-top: 3px; } .sale dl { line-height: 36px; color: #666; } .sale dl dt { color: #999; } .sale dl dt a { color: #999; } .sale dl dd a { color: #999; } .sale .sa1 dt { float: left; } .sale .sa2 dt { color: #F42647; } .sale .sa3 dt { float: left; } .sale .sa4 dt { float: left; } .sale b { background-position: -191px -40px; height: 59px; position: absolute; right: 0; top: -1px; width: 59px; } .sale em { width: 30px; height: 20px; margin: 4px 0px 0 3px; padding: 3px 5px 3px; text-indent: -9999px; vertical-align: top; line-height: 13px; float: left; background: url(../images/cuxiao.png) no-repeat; margin-right: 10px; } .sale em.zeng1 { background-position: 0 0px; } .sale em.jian1 { background-position: -40px 0px; } .sale em.jiang1 { background-position: -80px 0px; } .sale em.xl1 { background-position: -120px 0px; } .sale em.mai1 { background-position: -160px 0px; } .sale em.zhe1 { background-position: -200px 0px; } .sale dl dd { clear: both; } .gw_tips { position: absolute; left: 180px; width: 162px; height: 123px; background: url(../images/tipbg.png) no-repeat; display: block; top: 0px; visibility: hidden; opacity: 0.0; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; } .pos .hover { visibility: visible; top: -30px; left: 200px; opacity: 1; } .gw_tips .tipscont { width: 100px; text-align: center; margin: 10px 0 0 40px; } .attr_all_same { border-bottom: #eeeeee 1px dotted; padding: 5px 0 10px 0; font-size: 14px } .attr_all_same .attr_same { width: 50px; float: left; height: 31px; padding-bottom: 1px; line-height: 31px; font-weight: normal; color: #333 } .catt { width: 620px; height: auto; line-height: 30px; float: left; padding-left: 1px; z-index: 1; color: #666; font-size: 14px } .price { height: 40px; line-height: 40px; background: #e9e9eb url(../images/pro_bg_03.png) left no-repeat; padding: 10px; margin-top: 10px; } .price b { width: auto; float: left; color: #ee3e1b; padding-left: 10px; font-size: 26px; font-family: microsoft yahei; width: auto; height: 40px; border-right: 1px dotted #a49e9e; line-height: 40px; padding-right: 20px; display: block; } .price span { width: 65px; float: left; font-size: 16px; display: block } .price font { float: left; font-size: 14px; padding-left: 15px; display: block } .buy { width: 600px; height: 40px; margin-top: 25px; } .buy .PDB2C_moban_warp { width: 325px !important; float: left; } .gw_goods_info { font-family: "Microsoft YaHei", "微软雅黑", "SimSun", "宋体"; background: #ffffff; } .gw_clear { height: 0px; line-height: 0px; clear: both; } .gw_goods_img { width: 420px; height: 480px; padding: 10px; margin: 20px; float: left; } .gw_goods_right { width: 680px; height: 440px; float: left; background: #FFF; padding: 20px; overflow: hidden } .goods_t { height: 40px; line-height: 40px } .goods_t h1 { font-size: 18px; COLOR: #333; font-weight: bold; float: left; } .goods_t i { margin-right: 10px; width: 47px; height: 25px; display: block; background: #ed1c24; color: #FFFFFF; float: left; line-height: 25px; margin-top: 8px; text-align: center; font-size: 14px; } .gw_goods_bottom { position: absolute; right: 5px; bottom: 31px; width: 280px; height: 30px; line-height: 30px; z-index: 9999 } .goods-social { margin-top: 18px; } .goods-social .item { padding: 0 13px; height: 24px; line-height: 24px; border: 1px solid #ddd; border-radius: 24px; color: #999; float: left; cursor: pointer; margin-right: 10px } .goods-social .fav b { background: url(../images/guanzhu.gif) 0 2px no-repeat; width: 13px; height: 12px; display: inline-block; margin-right: 5px } .goods-social .fav:hover { border-color: #bbb } .goods-social .shoucang b { background: url(../images/sc.gif) -1px 0 no-repeat; width: 13px; height: 12px; *height:15px; display: inline-block; margin-right: 5px } .goods-social .shoucang:hover { border-color: #bbb } .goods-social .share { position: relative } .goods-social .share b { background-image: url(../images/fx.gif); background-repeat: no-repeat; background-position: -3px -1px; width: 8px; height: 10px; *height:14px; display: inline-block; margin-right: 5px } .goods-social .share a { float: left; width: 17px; height: 17px; margin-left: 8px } .goods-social .share-w { display: none; position: absolute; top: 28px; left: -41px; padding-top: 10px; width: 105px; height: 22px; background: url(../images/share.png) } .goods-social .report { float: left; height: 26px; line-height: 26px } .goods-social .report a { color: #999 } .goods_descContent { line-height: 200%; padding: 5px 15px 15px 15px; font-size: 14px; word-wrap: break-word; } .goods_descContent p { font-family: "微软雅黑"; line-height: 1.6; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; color: #333; } .goods_descContent img { max-width: 900px; margin: 0 auto; display: block } /*大正文*/ #wrapper { width: 1210px; } #main-nav-holder { height: 36px; } #main-nav { width: 1210px; background: #ffffff; border-bottom: #eeeeee 1px solid; height: 38px; } #main-nav .boldtit_list { height: 38px; line-height: 38px; width: 100px; border-right: 1px solid #e0e0e0; float: left; text-align: center; font-size: 14px; } #main-nav .boldtit_list a:link { color: #4c4c4c; display: block; width: 100px; height: 40px; font-family: "微软雅黑"; font-size: 14px; font-weight: 500; } #main-nav .boldtit_list a:visited { color: #4c4c4c; font-family: "微软雅黑"; font-size: 14px; font-weight: 500; } #main-nav .boldtit_list a:hover { font-weight: 500; color: #da1f2e!important; font-family: "微软雅黑"; font-size: 14px; font-weight: 500; } #main-nav .boldtit_list a:active { color: #da1f2e; font-family: "微软雅黑"; font-size: 14px; font-weight: 500; } #main-nav li { height: 38px; line-height: 38px; width: 120px; border-right: 1px solid #e0e0e0; float: left; text-align: center; font-size: 14px; background: #fff; color: #666 } #main-nav li.active { cursor: pointer; background: #da1f2e; color: #fff } #main-nav li.normal { cursor: pointer; background: #fff; color: #666 } #main-nav li:first-child { border-left: 0; } .sticky #main-nav { position: fixed; _position: absolute; left: 50%; margin-left: -605px!important; top: 0px; _top: "auto"; top: 0%; margin-top: 0px!important; margin-top: -1078px; _top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2:document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2); z-index: 999; } .business_d { width: 1210px; margin: 0 auto; background: #FFF; position: relative; } .business_r { width: 1210px; float: left; position: relative; background: #ffffff; } /*新增*/ .right_bg { display: block; width: 168px; position: absolute; background: #eee; z-index: -1; top: 0; right: -168px; } .boldtit_abs { width: 267px; float: right; } .root_body .boldtit_abs { display: block; } .abs_tit { width: 266px; height: 38px; text-align: center; line-height: 38px; color: #999; font-size: 14px; } .abs_ul { width: 226px; padding: 10px 20px; float: right; background: #eeeeee } .abs_ul dd { padding-bottom: 15px; background: url(../images/xuxian.gif) no-repeat left bottom; } .abs_ul dd.ganxing { border: none; padding: 10px 10px; } .abs_ul dd.ganxing .goodsimg1 a img { width: 200px; height: 200px; } .abs_ul dd.ganxing .hisname { line-height: 22px; margin-top: 10px; margin-bottom: 10px; } .abs_ul dd.ganxing .hisname a { font-size: 14px; } .abs_ul dd.ganxing .huobao { position: absolute; top: 0px; left: 0px; height: 40px; width: 40px; background: url(../images/remen.gif) no-repeat; } /*购买须知*/ .tab_body { padding: 5px 0; } .qlist { border-bottom: 1px dashed #e1e1e1; padding: 8px 0; font-size: 14px; width: 912px; float: left } .qlist .icon { background: url(../images/wen.png) left no-repeat; height: 14px; margin-top: 8px; width: 24px } .qlist .answer .icon { background: url(../images/da.png) left no-repeat; margin-top: 12px } .qlist .Right { width: 886px; margin: 0 } .qlist .question .Right { line-height: 28px } .qlist .answer .Right { line-height: 1.8 }