@charset "utf-8"; /** * Made by cgq **/ /*index.html==========================*/ /*产品*/ /*产品*/ /*-----------------详情页-放大图---------------------*/ .proarc { padding: 15px 10px; width: 876px } .show_gallery { float: left; width: 516px; margin: 0 0 20px 0; position: relative; } .gallery_box { width: 516px; background: #fff; overflow: hidden } .tb-pic a { display: table-cell; text-align: center; vertical-align: middle; } .tb-pic a img { vertical-align: middle; } .tb-pic a { *display:block; *font-family:Arial; *line-height:1; } .tb-thumb { margin: 10px 0 0; overflow: hidden; padding: 0; } .tb-thumb li img { width: 70px; height: 70px; } .tb-thumb li { float: left; height: 70px; margin: 0 5px 0 5px; overflow: hidden; padding: 2px; border: #dfdfdf 1px solid; } .tb-s310, .tb-s310 a { height: 353px; width: 480px; } .tb-s310, .tb-s310 img { max-height: 353px; max-width: 480px; } .tb-s310 a { *font-size:271px; } .tb-s40 a { *font-size:35px; } .tb-s40, .tb-s40 a { height: 70px; width: 70px; } .tb-booth { border: 1px solid #e9e9e9; background: #fff; position: relative; z-index: 1; padding: 2px; } .tb-thumb .tb-selected { height: 70px; border: #00a9e9 1px solid; } .tb-thumb .tb-selected div { background-color: #FFFFFF; border: medium none; } .tb-thumb li div { } div.zoomDiv { z-index: 999; position: absolute; top: 0px; left: 10px; width: 300px; height: 300px; background: #ffffff; border: 1px solid #CCCCCC; display: none; text-align: center; overflow: hidden; margin: -3px 0 0 2px; } div.zoomMask { position: absolute; border: 1px solid #aaa; background: #fff 50% top no-repeat; opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5; filter: alpha(Opacity=50); cursor: move; z-index: 1; width: 200px; height: 200px; } .zoomDiv img { width: 600px; height: 600px; } .show_property { float: right; width: 330px; padding: 0 0 0 0; position: relative; } .show_property h1 { font-size: 20px; color: #333; line-height: 40px; font-family: "微软雅黑"; } .show_property h1 a { color: #333; } .show_property h2 { font-size: 15px; color: #cc0000; line-height: 20px; margin-bottom: 20px; } .show_property p span { color: #999; display: inline-block; } .zx_price span { vertical-align: top; line-height: 37px; } .numbox span { vertical-align: top; } .show_property p { line-height: 25px; padding-bottom: 10px; color: #666; text-align:left } .show_property p s { color: #999; font-family: "微软雅黑"; } .show_property p strong { color: #F0800F; font-size: 16px; font-weight: 700; font-family: "微软雅黑"; vertical-align: bottom; position: relative; padding: 0 5px; } .show_property p b { color: #F0800F; font-size: 16px; font-family: "微软雅黑"; vertical-align: bottom; *vertical-align:middle; font-weight: 700; } .show_property .color_class { padding: 20px 0; width: 300px; margin: 10px 0 0 0; } .show_property .color_class span { vertical-align: top; line-height: 36px; display: block; float: left; width: 66px; color: #999; } .green { color: #669900; } .show_property .share { position: absolute; top: 438px; width: 280px; height: 40px; line-height:40px; } .choose_style { width: 333px; height: 160px; margin: 10px 0 0 0; border: #e9e9e9 1px solid; background: #f4f4f4; } .choose_style h3 { height: 40px; line-height: 40px; text-align: center; font-size: 12px; } .choose_style h3 span { float: left; width: 148px; height: 39px; background: #fff; line-height: 39px; border-right: #e9e9e9 1px solid; border-bottom: #e9e9e9 1px solid; cursor: pointer; } .choose_style h3 span.last { border-right: none; width: 149px; } .choose_style h3 span.current { background: #f4f4f4; border-bottom: #f4f4f4 1px solid; } .choose_color { margin: 0; } .choose_color li { overflow: hidden; width: 78px; height: 38px; border: #ccc 1px solid; background: #fff; line-height: 34px; text-align: center; position: relative; } .choose_color li img { display: none; } .choose_color li span { display: none; } .choose_color li.tb-selected span { display: block; width: 14px; height: 14px; background: url(../images/choose.gif) no-repeat; position: absolute; right: 0; bottom: 0; } .choose_color li.tb-selected { width: 74px; height: 34px; border: #F0800F 3px solid; background: #fff; line-height: 34px; } .choose_color li .tb-s40, .choose_color li .tb-s40 a { height: 34px; width: 100%; display: block; text-decoration: none; font-size: 12px; line-height: 34px; cursor: pointer; } .choose_body { padding: 10px 0 15px 20px; } .choose_body td { height: 40px; line-height: 40px; padding: 0 0 10px 0; } .num_box { float: left; background: url(../images/num_box.jpg) no-repeat; width: 72px; height: 40px; line-height: 40px; border: none; text-align: center; font-size: 20px; color: #F0800F; font-family: Arial, Helvetica, sans-serif; } .add_num { float: left; display: block; width: 29px; height: 40px; background: url(../images/add.jpg) no-repeat; border: none; cursor: pointer; } .min_num { float: left; display: block; width: 29px; height: 40px; background: url(../images/min.jpg) no-repeat right 0; border: none; cursor: pointer; } .buybtn { margin: 0 20px 10px 0; display: block } .choose_body td.btnbar { padding: 10px 0 0 0; text-align:left } .show_sider { float: left; width: 190px; } .show_content { float: left; width: 850px; display: inline; } .show_content h3 { height: 47px; background: url(../images/hbg.jpg) repeat-x 0 bottom; } .show_content h3 span { float: left; display: block; height: 43px; line-height: 43px; color: #333; font-weight: bold; border: #e9e9e9 1px solid; border-bottom: none; background: #f9f9f9; cursor: pointer; font-weight: normal; width: 148px; text-align: center; margin: 0 10px 0 0; display: inline; font-size:16px; } .show_content h3 span.current { height: 44px; line-height: 43px; border: #e9e9e9 3px solid; border-bottom: none; background: #fff; font-weight: bold; font-size:16px; width: 144px; } .show_content h3 span b { color: #669900; font-weight: normal; } /*-----------------详情页-商品参数---------------------*/ .brand_box { background: #f9f9f9; border: #e9e9e9 1px solid; margin: 15px 0; } .brand_box ul { margin: 25px; } .brand_box ul li { float: left; width: 50%; height: 24px; line-height: 24px; font-family: Arial, Helvetica, sans-serif; color: #666; } .brand_box ul li strong { color: #333; font-weight: normal; } .content_body { text-align: left; line-height: 1.5em; font-size: 14px; padding: 5px } .content_body p { font-size: 14px; } .content_body img { max-width: 750px; } .content_box { display: none; } .evaluate ul { padding: 10px 0 0 0; } .evaluate ul li { border-bottom: #e9e9e9 1px solid; clear: both; padding: 18px 0; } .evaluate ul li span { color: #999; } .evaluate ul li p { line-height: 20px; color: #666; } .evaluate ul li p strong { color: #669900; font-weight: normal; margin-right: 8px; } .author { padding: 0 0 5px 0; } .show_content .pages { text-align: left; margin: 25px 0; } .comment { border: #e9e9e9 1px solid; background: #f4f4f4; padding: 20px 30px; } .comment h4 { line-height: 20px; color: #666; font-weight: normal; padding: 5px 0 15px 0; } .comment td { height: 35px; padding-bottom: 10px; } .comment td .text { border: #ccc 1px solid; height: 33px; line-height: 33px; width: 198px; } .comment td textarea { border: #ccc 1px solid; height: 118px; line-height: 33px; width: 598px; overflow: hidden; } .huifu { border: #FFCC99 1px solid; background: #FFF4EA; padding: 20px; line-height: 21.6px; margin: 15px 0 0 0; } .huifu_body { position: relative; } .huifu em { display: block; width: 16px; height: 18px; font-size: 0; line-height: 0; background: url(../images/jiao.gif) no-repeat 0 0; position: absolute; top: -28px; *top:-33px; _top: -32px; left: 6px; z-index: 1000; } .huifu strong { color: #ff6500; font-weight: normal; } .sela_list li { height: 250px; margin: 15px 0 0 0; border: #dfdfdf 1px solid; padding: 20px; position: relative; z-index: 100; } .sela_list li img { margin: 0 40px 0 0; width: 250px; height: 250px; } .sela_list li p strong a { font-size: 20px; color: #333; font-family: "微软雅黑"; line-height: 36px; font-style: normal; } .sela_list li p s { color: #999; line-height: 24px; } .sela_list li p em { color: #FF7F00; font-size: 25px; line-height: 24px; font-style: normal; font-family: "微软雅黑"; margin-bottom: 15px; display: block; } .sela_list li p { line-height: 22px; color: #333; font-family: "微软雅黑"; font-size: 11px; } .sela_list li p b { color: #FF7F00; } .tehui_ico { position: absolute; width: 79px; height: 79px; background: url(../images/tehui.gif) no-repeat; top: -1px; left: -1px; } .sela_list li .kq { display: block; width: 96px; height: 46px; background: #000 url(../images/kq.jpg) no-repeat right 0; position: absolute; top: 208px; right: -5px; z-index: 100; } .ok_btn { background: #f57720; border: medium none; color: #ffffff; cursor: pointer; font-size: 14px; font-weight: bold; height: 40px; text-align: center; width: 130px; } .shr_hotpage { float: left; padding: 18px 0 22px 0; width: 100%; text-align: center; border-top: #dedede 1px dotted } .correlation-article { margin-top: 15px; padding-bottom: 15px; } .correlation-article h2 { border: 0; border-bottom: 1px #E6E6E6 solid; padding-left: 25px; margin-bottom: 10px; font-size: 14px; height: 26px; line-height: 26px; background: url(../xgtit.png) left no-repeat; text-align:left } .correlation-article ul { height: 100%; overflow: hidden; } .correlation-article li { width: 48%; text-align: left; line-height: 30px; height: 30px; padding-left: 10px; float: left; background: url(../sou_bj.png) left no-repeat } /*留言*/ .contact-xmtj { width: 690px; margin-top: 10px; background: url(../images/jobbg.png) top right no-repeat } .contact-xmtj a:hover { color: #F00 } .name2 { width: 323px; height: 21px; line-height: 21px; border: 1px #e2e2e2 solid; font-family: "Microsoft YaHei"; } .con { width: 583px; height: 161px; border: 1px #e2e2e2 solid; font-family: "Microsoft YaHei"; } .button1 { width: 64px; height: 21px; text-align: center; line-height: 21px; cOLOR: #FFF; font-family: "Microsoft YaHei"; background: url(../images/xmtj_11.jpg) no-repeat; border: none; margin-right: 20px; float: left; cursor: pointer; } .button2 { width: 64px; height: 21px; text-align: center; line-height: 21px; cOLOR: #FFF; font-family: "Microsoft YaHei"; background: url(../images/xmtj_13.jpg) no-repeat; float: left; border: none; cursor: pointer; } .MTA { margin-top: -70px; } .MB10 { margin-bottom: 10px; } .MT10 { margin-top: 10px; } .lanrenzhijia h3 { font-family: "Microsoft YaHei",微软雅黑; font-size:16px; background:#f7f7f7; height:43px; line-height:43px; padding-left:12px; } .lanrenzhijia ul li { display:inline; } .lanrenzhijia ul li a { background:url(../images/bg1.png) no-repeat 200px 18px; text-decoration:none; font-size:14px; color:#555; height:43px; line-height:43px; } .lanrenzhijia ul li a.noline { border-bottom:none; } .lanrenzhijia ul li a:hover{ color:#8caf00; } .lanrenzhijia ul li a.selected:hover { color:#fff; } .lanrenzhijia ul li .selected { background-color:#8caf00; background-position:200px -9px; color:#fff; } .lanrenzhijia ul li { display:inline-block; width:100%; position: relative; min-height:36px; _height:36px; z-index: 10; zoom:1 } .lanrenzhijia ul li h4 { cursor:pointer; background:url(../images/bg3.png) no-repeat 200px 18px; padding-left:30px; text-decoration:none; font-size:14px; color:#555; display:block; line-height:43px; font-weight:normal; } .lanrenzhijia ul li.noline { border-bottom:none; } .lanrenzhijia ul li h4:hover { color:#8caf00; text-decoration:underline; } .lanrenzhijia ul li.selected h4 { background-position:200px -37px; border-bottom:1px dotted #d2d2d2; } .lanrenzhijia ul li a { } .lanrenzhijia ul li .on a { color:#8caf00; font-weight:bold; } .lanrenzhijia ul li a:hover { color:#8caf00; text-decoration:underline; } .bg-color { background-color:#8caf00; } .lanrenzhijia li .list-item { padding:5px 0; position:relative; zoom:1 } .lanrenzhijia li .list-item p { padding-left:8px; background:url(../images/ico_li.png) no-repeat 60px center; } .lanrenzhijia li .list-item a { background:none; border:none; color: #333333; display:block; text-align:left;float:left; font-size:12px;height:30px; line-height:30px; margin-left:10px; padding-left:10px; padding-right:10px;} .lanrenzhijia li .list-item a:hover{ background:#999; color:#fff; text-decoration:none;} .lanrenzhijia { zoom:1; width:240px; text-align:left} .ser-online a { background:url(../images/bg_ser_online.jpg) no-repeat 0 0; margin-top:10px; height:75px; border:1px solid #eaeaea; display:block;} .cplist1 { padding: 15px 15px; width: 864px; } .cplist1 h4 { border-bottom: 1px solid #ccc; } .cplist1 ul { overflow: hidden; } .cplist1 li { margin-right: 20px; margin-top: 22px; float: left; width: 286px; text-align: center; } .cplist1 li.nomr { margin-right: 0px; } .cplist1 li h5 { margin-top: 8px; height: 20px; line-height: 20px; overflow: hidden; font-weight: normal; text-align: center; font-size: 14px; } .cplist1 li h5 a { color: #333; } .evaluate{ text-align:left; margin:20px;} .list{width: 240px;} .list ul li{border-bottom: 1px dotted #b4b1b1;} .list ul li a{ padding-left: 10px;color: #555; font-size:14px; display: block; font-weight: normal; height:44px;position: relative;padding-left: 30px; text-align:left;line-height: 43px; } .list ul li .inactive{ background: url(../images/bg4.png) no-repeat 200px 18px;} .list ul li .inactives{background: url(../images/bg4.png) no-repeat 200px -37px;} .list ul li ul{display: none;} .list ul li ul li { border-left:0; border-right:0; background-color:#009944; border-color:#009944;border-bottom: 1px dotted #fff; color:#FFF} .list ul li ul li ul{display: none;} .list ul li ul li a{ padding-left:20px;color:#FFF} .list ul li ul li ul li { background-color:#fff; border-color:#fff;border-bottom: 1px dotted #b4b1b1 } .last{ background-color:#d6e6f1; border-color:#6196bb; } .list ul li ul li ul li a{ color:#555; padding-left:30px;} .title h1 { height: 60px; line-height: 60px; font-family: 'Microsoft YaHei'; font-size: 20px; font-weight: normal; display: block; text-align: center; }