.w500{width:90%;} .show{display:block;} .hide{display:none;} img { max-width:100%; width:auto \9; height:auto; vertical-align:middle; border:0; -ms-interpolation-mode:bicubic; } .container{ margin-right:auto; margin-left:auto; *zoom:1; } .gray{ color:#ccc} .bgco{background:#fff; display:block; overflow:hidden} .boxall{width:100%; position:relative; height:100%; overflow:hidden; display:block; clear:both} .container{width:940px; position:relative;clear: both;} /* 分頁 START */ .pxfy{width:100%; min-height:3px;clear:both; display:block; border-bottom:1px solid #7F7F7F} .pxfy .page{ padding:15px 10px; text-align:left; display:block; clear:both; overflow:hidden;height:12px; line-height:12px;} .pxfy .page a{ padding:0px 5px; text-align:center; overflow:hidden} .pxfy .page .cur{ padding:0px 5px; text-align:center; color:#FF0000; font-weight: bold} .imc{ border:1px solid #AD050E} /* 分頁 END */ .jian_h { width: 24px; height: 23px; background: url(../images/j_h.png) center center no-repeat; border:0px; outline:none; cursor:pointer; } .jian { width: 24px; height: 23px; background: url(../images/j.png) center center no-repeat; border:0px; outline:none; cursor:pointer; } .jian:hover { width: 24px; height: 23px; background: url(../images/j_h.png) center center no-repeat; border:0px; outline:none; cursor:pointer; } .jian_cur { width: 24px; height: 23px; background: url(../images/j.png) center center no-repeat; border:0px; outline:none; cursor:pointer; } .jia { width: 24px; height: 23px; background: url(../images/jj.png) center center no-repeat; border:0px; outline:none; cursor:pointer; } .jia:hover { width: 24px; height: 23px; background: url(../images/jj_h.png) center center no-repeat; border:0px; outline:none; cursor:pointer; } .jia_cur { width: 24px; height: 23px; background: url(../images/jj.png) center center no-repeat; border:0px; outline:none; cursor:pointer; } /*首页 BANNER END */ #banner_box{padding-bottom:7px; clear:both; overflow:hidden; min-height:700px; margin-top:120px; background:url(../images/01.png) right bottom no-repeat} #banner_box .b_left{ width:40.940170940170940170940170940171%; float:left; /*border:1px solid #333333;*/ height:329px; position:relative} #banner_box .b_m{ width:33.675213675213675213675213675214%; float:left; height:330px;} #banner_box .b_m .ban_2{ border-right:1px solid #333333;border-top:1px solid #333333; height:195px; position:relative;border-width:0px;} #banner_box .b_m .ban_3{border-right:1px solid #333333;border-top:1px solid #333333; border-bottom:1px solid #333333; overflow:hidden; position:relative;border-width:0px;} #banner_box .b_r{ width:25.042735042735042735042735042735%; float:left; height:330px;} #banner_box .b_r .ban_4{ border-right:1px solid #333333;border-top:1px solid #333333; height:136px; position:relative;border-width:0px;} #banner_box .b_r .ban_5{border-right:1px solid #333333;border-top:1px solid #333333; border-bottom:1px solid #333333; overflow:hidden; position:relative;border-width:0px;} .dian{ position:absolute; bottom:15px; right:15px;} .dian a{ margin:0px 5px 0px 0px; width:12px; height:12px; float:right; background:url(../images/y01.png) left top no-repeat; text-indent:-99999px; background-size:100%} .dian a:hover{ margin:0px 5px 0px 0px; width:12px; height:12px; float:right; background:url(../images/y02.png) left top no-repeat; text-indent:-99999px; background-size:100%} .dian .cur{ margin:0px 5px 0px 0px; width:12px; height:12px; float:right; background:url(../images/y02.png) left top no-repeat; text-indent:-99999px; background-size:100%} .carousel{position:relative;line-height:1} .carousel-inner{position:relative; display:block;} .carousel-inner>.item{display:none;position:relative;-webkit-transition:.6s ease-in-out left;-moz-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>img,.carousel-inner>.item>a>img{display:block;line-height:1} .carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block} .carousel-inner>.active{left:0} .carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%} .carousel-inner>.next{left:100%} .carousel-inner>.prev{left:-100%} .carousel-inner>.next.left,.carousel-inner>.prev.right{left:0} .carousel-inner> /*首页 BANNER END * /*首页产品列表 S */ #pcls{ display:block; clear:both;overflow: hidden;} #pcls .bt{ display: block; border-bottom:1px solid #0E6EB8; overflow:hidden; margin:0px 0px 20px; clear:both} #pcls .bt .bgwz{background:#0E6EB8; float:left; padding:8px 0.5%; color:#FFFFFF; font-size:20px;min-width:200px; text-align:center} #pcls .pcbt{color:#301010; margin:0px auto; overflow: hidden;line-height:26px; padding:0px 15px 0px 0px; font-size:1.2em; font-weight:bold; background:url(../images/pbg.png) left center repeat-x} #pcls .pcbt span{ background:#000; color:#FFFFFF; float:left; padding:2px 10px;} /*首页产品列表 E */ /*右边产品列表 S */ .mcom ul{width:100%; text-align:left;clear:both;overflow:hidden; padding:0px 0px 10px; margin-bottom:10px;} .mcom ul li{width:22.7%; min-height:270px; height:auto;text-align:left; float:left;font-size:12px; text-align:center; padding:0px 0px 10px 0px; overflow:hidden; display:block; margin:10px 1%;overflow:hidden; position:relative;} .mcom ul li a{ overflow:hidden; clear:both} .mcom ul li .inf{isplay:block; padding:6px 5px;overflow:hidden; color:#292929; min-height:60px; position:relative;} .mcom ul li p{font-size:12px; text-align:center; line-height:16px; clear:both; padding-bottom:10px; display:block; overflow:hidden} .mcom ul li p:first-child{ padding-bottom:0px;} .mcom ul li .pic{width:213px; height:213px; margin:0px auto;clear:both; padding:0px;display:table-cell;text-align:center;vertical-align:middle;position:relative;} .mcom ul li .cx_l{position:absolute; left:5px; top:5px; z-index:0} .mcom ul li .cx_r{position:absolute; right:5px; top:5px; z-index:0} .mcom ul li .cx_lf{position:absolute; left:5px; bottom:5px; z-index:0} .mcom ul li .cx_rf{position:absolute; right:5px; bottom:5px; z-index:0} .mcom ul li .wz{ padding-top:8px; padding-right:8px;} .mcom ul li .pb5{ padding:5px 0px; color:#A266A0; font-weight:bold} .mcom ul li .name{color:#000000; font-size:14px;padding-bottom:5px;line-height:22px; text-align:center; height:40px;} .mcom ul li a:hover .name{color:#000000;} .mcom ul li .name_h50{color:#383838; font-size:16px;padding-bottom:5px; height:50px; text-align:left;} .mcom ul li .cpbk{font-size:12px; padding-top:3px; padding-right:8px;overflow:hidden;} .mcom ul li .price{font-size:18px; padding-top:3px; padding-right:8px;overflow:hidden; font-weight:bold; color:#FF0000;} .mcom ul li .op{color:#6E6E6E; text-decoration:line-through; font-size:16px; padding-top:10px; overflow:hidden; display:block; height:20px;} .mcom .per{padding-top:5px;} .mcom .det{ background:url(../images/det.png) center center no-repeat #4A535B; line-height:27px; height:27px; text-align:center; padding:0px;overflow:hidden;margin-top:8px; margin-left:5px; float:left; width:30px;} .mcom .det:hover{ background:url(../images/det.png) right center no-repeat #ACB9C2; line-height:27px; height:27px; text-align:center; padding:0px;overflow:hidden;} .mcom .add{background:url(../images/cat_pro.png) 15px center no-repeat;height:31px;border:1px solid #CCCCCC;font-size:12px;cursor:pointer; line-height:31px;clear:both; overflow:hidden; text-align:center; margin:0px auto; color:#666666; padding:0px 10px 0px 30px; width:90px; font-weight:bold;display: block;} .mcom .add:hover{color:#000000} .mcom ul li ul{padding:10px; margin:5px auto; border:none; text-align:left; display:block; background:#F8F8F8; width:90%; overflow:hidden} .mcom ul li ul li{padding:0px; margin:0px; list-style:none; line-height:18px; font-size:12px; text-align:center} .mcom ul li ul li em{padding:0px; margin:0px; float:left} .mcom ul li ul li span{padding-right:20px; margin:0px; float:right} .mcom .f16{ font-size:16px; padding:10px 0px; color:#000000} .mcom .nlin{ border:0px;} /*右边产品列表 END */ /* 首页快捷菜单 START */ .quick-menu{width:20%; float:left; padding-right:0px;} .quick-menu .Pclass{lear:both;padding:0px; margin-bottom:10px;} .quick-menu .Pclass .sec{ display:block; background:#FFFFFF; padding:3px 5px; text-align:center} .quick-menu .Pclass .sec .inp{ width:170px; border:1px solid #999999; height:34px; line-height:34px; float:left} .quick-menu .Pclass .sec .go{ border:none;width:39px; height:39px; background:url(../images/search.png) center center no-repeat #FFFFFF; border:1px solid #FFFFFF;} .quick-menu .pbt{width:auto;text-align:left; padding-left:20px; line-height:34px;height:34px; font-size:14px; font-weight:bold;color:#fff;background:#301010;} .quick-menu .spe{width:100%; clear:both; text-align:center; margin-bottom:10px;} .quick-menu .spe dl{ padding:0px; margin:0px;} .quick-menu .spe dl dt{ display:block; padding-left:10px;text-align:left;font-size:14px; height:34px; line-height:34px; font-weight:normal; border-bottom:1px solid #CCCCCC; background:#F3F3F3;font-weight:bold;} .quick-menu .spe dl dd{ padding:10px 0px; text-align:left; clear:both; overflow:hidden; border-bottom:1px dashed #CCCCCC} .quick-menu .spe dl dd .w60{ float:left; width:30%} .quick-menu .spe dl dd .w140{ float:right; width:70%; font-size:12px} .quick-menu .spe dl dd .w140 .spname{ font-size:14px; color:#000000} .quick-menu .spe dl dd .spas{ display:block;padding-top:10px; color:#6ABCBE;font-size: 14px;overflow: hidden;color: #404040;} .quick-menu .spe dl dd .spas em{color:#7D6C58; padding-right:5px;} .quick-menu .adv{width:100%; clear:both; text-align:center; margin-bottom:10px;} .quick-menu .adv img{ border:1px solid #CCCCCC} .quick-menu .recP{ display:block; clear:both; padding:0px; margin:0px;} .quick-menu .recP dl{ display:block; clear:both; padding:0px; margin:0px;} .quick-menu .recP dd{ margin-bottom:10px; margin-top:10px; clear:both; overflow:hidden; padding:0px; margin:0px; border-bottom:1px dashed #CCCCCC} .quick-menu .recP .w60{ width:28%; float:left; margin-top:10px; height:60px; text-align:center} .quick-menu .recP .w140{ width:67%; float:left; padding-left:5%; font-size:12px; margin-top:10px;} .quick-menu .selbg{width:94%; height:24px; background:url(../images/selbg.png) center center repeat-x; line-height:24px; clear:both; margin:0px auto; padding:6px 3%;} .quick-menu .selbg .inp{ width:98%; height:20px; border:none; border:1px solid #8D9093; background:none} .quick-menu .sbut { width: 100%; height: 47px; border: none; background: url(../images/sbut.png) left top repeat-x; line-height: 32px; text-align: center; color: #fff; font-weight: bold; margin-top: 10px; } .quick-menu .sbut a { color: #fff; font-size: 1em; background: url(../images/sbut_z.png) 25% center no-repeat; padding-left:15px; height:32px; line-height:32px; display:block; } /* 下拉语言 START */ #herader .select{ width:70px;height:32px;line-height:32px;position:relative;text-align:center;cursor:pointer;background: url(../images/sebg.png) right center no-repeat;color:#fff; margin:0px auto;} #herader .option{ color:#fff;line-height:30px;width:70px;position:absolute;top:30px;left:0px;display:none;background:#301010; z-index:5;} #herader .select ul{list-style:none;margin:0;padding:0px;width:70px;} #herader .select ul li{height:30px;text-align:center;color:#fff;} #herader .select .selbt{height:30px;line-height:30px;text-align:center; color:#FFFFFF;font-size:12px;background: none; font-weight:normal} #herader .select_sub{display: block;margin: 0;padding: 0px;width: auto;white-space: nowrap;text-decoration: none;color: #000;width:100%;text-align:center;line-height:30px;background:none} #herader .select_sub_h{background:#909191;color:#FFFFFF} /* 下拉语言 END */ /* 下拉语言 START */ #sel_c{ display:block; clear:both; position:relative; z-index:1; padding:25px 0px 20px; min-height:70px;} #sel_c .se_l{ width:80%; float:left} #sel_c .se_l .se_t{ width:100%; display:block; clear:both; margin-bottom:8px; overflow:hidden} #sel_c .se_l .se_f{ width:100%; display:block; clear:both} #sel_c .se_l .w40{ width:45px; float:left; line-height:33px} #sel_c .se_l .w200{ width:180px; float:left; margin-right:25px;} #sel_c .se_l .w280{ width:180px; float:left; margin-right:25px;} #sel_c .se_r{ width:20%; float:right;} #sel_c .se_r .button{ display:block; clear:both; background:url(../images/sel_but.jpg) left top repeat-x; border-radius:5px; width:100%; height:34px; line-height:34px; border:1px solid #CCCCCC; outline:none; cursor:pointer; font-size:16px; color:#FFFFFF;padding:0px; margin:0px} #sel_c .select{width:100%;height:32px;line-height:32px;position:relative;text-align:center;cursor:pointer;background:#301010;color:#fff; margin:0px 15px 0px 0px; padding:0px} #sel_c .option{ color:#fff;line-height:32px;width:100%;position:absolute;top:33px;left:0px;display:none;background:#301010; z-index:0;} #sel_c .select ul{list-style:none;margin:0;padding:0;width:100%;} #sel_c .select ul li{height:32px;text-align:center;color:#fff;} #sel_c .select .selbt{height:32px;line-height:32px;text-align:center; color:#FFFFFF;font-size:14px; font-weight:bold;background:#301010; display:block; width:100%; display:block} #sel_c .select_sub{display: block;margin: 0;padding: 0px;width: auto;white-space: nowrap;text-decoration: none;color: #000;width:100%;text-align:center;line-height:32px;background:none} #sel_c .select_sub_h{background:#909191;color:#FFFFFF} #sel_c .sebg_a{background: url(../images/sebg_a.png) left top repeat-x #A41B2;color:#FFFFFF; display:block; width:90%; padding:0px 5%} #herader .select{ width:70px;height:32px;line-height:32px;position:relative;text-align:center;cursor:pointer;background: url(../images/sebg.png) right center no-repeat;color:#fff; margin:0px auto;} #herader .option{ color:#fff;line-height:30px;width:70px;position:absolute;top:30px;left:0px;display:none;background:#301010; z-index:5;} #herader .select ul{list-style:none;margin:0;padding:0px;width:70px;} #herader .select ul li{height:30px;text-align:center;color:#fff;} #herader .select .selbt{height:30px;line-height:30px;text-align:center; color:#FFFFFF;font-size:12px;background: none; font-weight:normal} #herader .select_sub{display: block;margin: 0;padding: 0px;width: auto;white-space: nowrap;text-decoration: none;color: #000;width:100%;text-align:center;line-height:30px;background:none} #herader .select_sub_h{background:#909191;color:#FFFFFF} /* 下拉语言 END */ /* 首页快捷菜单 END */ /*底部编辑器 菜单 S */ #fteid{ display:block; clear:both;overflow: hidden;background:#B3B3B3; padding-top:12px;} #fteid .f_logo{ display:block; clear:both; padding:30px 0px 20px; border-bottom:1px solid #7C7C7C; margin-bottom:25px} #fteid .fmu{ width:13.7%; float:left; margin-left:0.5%; min-height:200px; height:auto} #fteid .fmu dt{padding:36px 0 17px 0;font-size: 14px;line-height:18px;color: #5D5C5C;text-transform: uppercase;font-weight: normal; overflow:hidden; margin-bottom:10px;} #fteid .fmu dt a{color: #5D5C5C;} #fteid .fmu dd{line-height:26px; display:block; clear:both} #fteid .fmu dd a{color:#C3C7D4; font-size:12px; color:#515151} #fteid .fmu dd a:hover{color:#7ECEFD} #fteid .fmu .f_login{ background:url(../images/f_ico01.png) 10px center no-repeat; padding:0px 10px 0px 30px; border:1px solid #7C7C7C; width:100px; text-align:center; display:block; margin-bottom:15px;} #fteid .fmu .f_cart{ width:50px; text-align:center; display:block} /*底部编辑器 菜单 END */ /* 底部 START */ #foot{width:100%; margin:0px auto;font-size:12px; text-align:left; padding:0px 0px 2px; color:#757575; line-height:20px; clear:both;overflow:hidden} #foot .nr{} #foot .nr li{ list-style:none} #foot .nr a{ padding:0px 5px; margin:0px;} #foot .powered{ text-align:right;} /* 底部 END */ /* 登陆 START */ #login{width:100%; margin:0px auto;overflow:hidden; min-height:350px;} #login .dlef{width:100%; float:none} #login .dlef h2{ font-size:24px;line-height:56px; border-bottom:1px solid #CCCCCC;text-align:left;margin-bottom:20px; clear:both; overflow:hidden} #login .log_r{width:0%; float:none; text-align:right;} #login .dlef .zc{ width:50%; float:left} #login .dlef .dr{ width:44%; float:right; padding:0px 3% 0px 2%;} #login .dlef .dr_bt{ display:block; overflow:hidden; color:#585657} #login .dlef .dr_bt .bt_d{ font-size:22px; text-align:left; line-height:36px; padding-top:5px;} #login .dlef .dr_bt .bt_x{ font-size:14px; text-align:left; line-height:20px; padding-bottom:10px; display:block; clear:both; overflow:hidden; color:#787677;} #login .dlef ul{margin:15px auto;} #login .dlef ul li{ text-align:left; list-style:none; line-height:26px; clear:both; padding-bottom:10px; display:block; font-size:16px; overflow:hidden} #login .dlef ul li .bt{ width:200px;float:left; text-align:right;} #login .dlef ul li .name{width:32%;float:left; text-align:left;font-weight:normal; font-size:16px;} #login .dlef ul li .dr_iput{width:68%;float:right;} #login .dlef ul li .poi{ display:block; clear:both; overflow:hidden; font-size:12px; color:#999999} #login .dlef ul li .w200{width:200px; border:1px solid #ccc; height:25px; line-height:20px} #login .dlef ul li .w100{width:100px; border:1px solid #ccc; height:25px; line-height:20px} #login .dlef ul li ul li{ display:block; text-align:center; padding-bottom:0px} #login .drbut{ background:url(../images/butbg.jpg) left top repeat-x; text-align:center; font-weight:bold; border:none; line-height:36px; padding:0px 40px; cursor:pointer; margin-right:5px; color:#FFFFFF; font-size:18px; border-radius:10px} #login a{ font-size:12px; margin-left:0px; float:left} #login a:first-child{margin-left:0px;} /* 登陆 END */ /* 產品例表__内容 START */ .mbt{width:auto;text-align:center; line-height:34px;height:34px; font-size:24px; font-weight:bold;color:#3E3C3D;} .mbt span{width:auto;text-align:left;line-height:34px;height:34px; padding-right:10px; font-size:14px; font-weight:bold; float:left} .mbt a{width:auto;text-align:left; line-height:34px;height:34px; font-style:normal; padding:0px 10px;font-size:14px; color:#3E3C3D; float:left} .mbt a:hover{color:#A70000;} /* 產品例表__内容 END */ /* 会员左边 START */ #member{width:100%; overflow:hidden; margin-top:10px; overflow:hidden; padding-top:10px;background:url(../images/02.png) right bottom no-repeat; padding-bottom:200px} #member .btlin{ display:block; border-bottom:1px solid #CCCCCC; overflow:hidden; clear:both; font-size:20px; font-weight:bold; margin:10px 0px 4px; line-height:40px;} #member .mt{ overflow:hidden; display:block;padding:20px 0px;} #member .mt .ssp{width:420px; float:left;} #member .mt .ssp .view{text-align:right; background:url(../images/ico.gif) 345px 3px no-repeat; line-height:26px; font-size:12px; display:block; overflow:hidden; height:30px; overflow:hidden; clear:both} #member .mt .ssp ul{width:420px;clear:both;} #member .mt .ssp ul li{ padding:3px;float:left; list-style:none; width:118px; height:118px;} #member .mt .intr{width:490px; float:right; min-height:440px; height:auto;color:#000000; padding-right:10px; overflow:hidden;} #member .mt .intr .dbt{display:block;overflow:hidden; padding:5px 0px; position:relative} #member .mt .intr .dbt .btname{ font-size:26px; padding-bottom:5px; display:block; overflow:hidden} #member .mt .intr .dbt .zj{font-size:32px; color:#AD050E; padding-right:15px;} #member .mt .intr .dbt .tj{font-size:16px; color:#51504F; padding-right:15px;} #member .mt .intr .dbt .model{ font-size:16px;color:#51504F;} #member .mt .intr .dbt .buttom{ position:absolute; right:0px; bottom:0px;} #member .mt .intr .dbt .buttom .bu_an{ background:url(../images/bu_an.jpg) left top repeat-x; width:150px; height:35px; display:block; border-radius:8px; line-height:35px; text-align:center; color:#FFFFFF; font-size:16px;} #member .mt .intr .clsr{ clear:both; margin:50px 0px 10px;} #member .mt .intr .clsr ul{ clear:both; text-align:right; padding-bottom:5px; height:28px; overflow:hidden; margin-top:10px} #member .mt .intr .clsr ul li{ float:left; list-style:none; padding-left:5px; line-height:23px; font-size:12px;} #member .mt .intr .clsr em{ padding-right:3px; font-weight:normal;font-size:12px;} #member .mt .intr .clsr a{ padding:0px 3px;} #member .mt .intr .cpxq{ overflow:hidden; clear:both;margin:0px 0px 15px; line-height:22px; color:#6B6B6B} #member .mt .intr .yscm{ display:block; clear:both; overflow:hidden; margin-top:10px} #member .mt .intr .yscm a{ min-width:50px; width:auto; height:26px; text-align:center; float:left; border:1px solid #CCCCCC; line-height:26px; margin-right:10px} #member .mt .intr .yscm a:hover{ background:#CCCCCC} #member .mt .intr .pro_c{ width:96%; clear:both; height:auto; display:block; margin-top:40px; padding:15px 2%} #member .mt .intr .pro_c .lxwm{ padding:0px 5px; overflow:hidden} #member .mt .intr .pro_c .p5{ padding:0px 5px; overflow:hidden} #member .mt .intr .an{display:block;padding:15px 0px;overflow:hidden} #member .mt .intr .an a{margin-right:40px; font-weight:bold; font-size:12px;float:left} #member .mf{clear:both; overflow:hidden; color:#333333; padding:20px 0px;} #member .mf .mfbt{clear:both; overflow:hidden; color:#ffffff; font-size:16px; font-weight:bold; padding-left:10px; margin-bottom:10px; background:url(../images/dbg.jpg) left top repeat-x; line-height:36px; height:36px;} #member .mt .intr .an .but {background: url(../images/butbg_h.jpg) left top repeat-x;height:25px;line-height:25px;color:#fff;overflow:hidden;display:table-cell;padding:0px 15px; border:none; font-weight:bold;border-radius:5px} #member .mt .intr .an .but:hover {background: url(../images/butbg_h.jpg) left top repeat-x;height:25px;line-height:25px;color:#000000;padding:0px 15px;} #member .mt .intr .an INPUT[type="submit"] {background: url(../images/butbg_h.jpg) left top repeat-x;height:25px;line-height:25px;color:#fff;overflow:hidden;display:table-cell;padding:0px 15px; border:none; font-weight:bold;border-radius:5px; cursor:pointer} /* 会员左边 END */ /* 放大镜 START */ .cx_l{position:absolute; left:0px; top:0px; z-index:1000} .cx_r{position:absolute; right:0px; top:0px; z-index:1000} .cx_lf{position:absolute; left:0px; bottom:0px; z-index:1000} .cx_rf{position:absolute; right:0px; bottom:0px; z-index:1000} /* 放大镜 END */ /* 購物流程 START */ #process{width:100%; margin:0px auto;overflow:hidden; padding:25px 0px 0px;background:url(../images/01.png) right bottom no-repeat; padding-bottom:250px} #process .lc{width:69%; margin:0px auto; overflow:hidden} #process .lc .lc_01{ background:url(../images/lc_1.png) 2px bottom no-repeat; width:150px;float:left; font-size:16px; text-align:left; padding-bottom:38px; color:#2D2D2D} #process .lc .lc_02{ background:url(../images/lc_1.png) -185px bottom no-repeat; width:170px;float:left;font-size:16px; text-align:center; padding-bottom:38px; color:#2D2D2D} #process .lc .lc_03{ background:url(../images/lc_1.png) -441px bottom no-repeat; width:195px;float:left; font-size:16px; text-align:center; padding-bottom:38px; color:#2D2D2D} #process .lc .lc_04{ background:url(../images/lc_1.png) right bottom no-repeat; width:125px;float:left;font-size:16px; text-align:right; padding-bottom:38px; color:#2D2D2D} #process .pbt{width:96%;height:44px;line-height:45px;margin: 20px auto 10px;clear: both;cursor: pointer;overflow: hidden; background:#E4E4E4;font-weight: bold; padding:0px 2%; clear:both; color:#2D2D2D; font-size:20px;} #process .incon{width:95%; margin:0px auto; overflow:hidden} #process .incon dl{width:95%; display:block;} #process .incon dl dt{ width:95%; display:block; font-size:16px; color:#1C2453; font-weight:bold; padding-top:10px; clear:both} #process .incon dl dd{ width:95%; display:block; padding-top:5px; clear:both} #process .incon dl dd INPUT[type="text"]{ margin-right:10px;} #process .incon dl dd select{ margin-right:5px; margin-top:8px;} #process .incon dl dd span{ width:95%; display:block} #process .incon dl dd em{width:95%; display:block text-align:right} #process .incon .fl{float:left} #process .incon .pfrer{width:300px; float:right;line-height:26px;margin-top:15px; overflow:hidden} #process .incon .pfrer .diycon{float:right; padding:15px; line-height:26px; color:#666666; margin-top:15px;} #process .incon .pfrer .freight{width:300px; float:right;line-height:26px;margin-top:15px; color:#1C2453; font-size:18px; font-weight:bold; overflow:hidden; padding-left:15px;} #process .payopt{width:95%; margin:0px auto; overflow:hidden} #process .payopt li{list-style:none; float:left;line-height:30px; padding-left:20px;} #process .payopt li em{ width:30px; float:left; padding-top:8px} #process .payopt li span{ width:150px; float:left; font-size:26px; font-weight:bold; color:#1C2453;letter-spacing:3px;} #process .payopt li span label{ width:150px; float:left; font-size:26px; font-weight:bold; color:#1C2453;etter-spacing:3px;} #process .payopt li span label .cc{width:150px; float:left; font-size:26px; font-weight:bold; color:#1C2453;letter-spacing:3px;} #process .paydiy{width:100%; padding:15px; line-height:26px; margin:0px auto; color:#666666} #process .fre{width:100%; margin:15px auto;text-align:left;} #process .fre span{font-size:26px; padding-right:30px;color:#1C2453; } #process .hj{width:86%; margin:0px auto;padding:15px 0px 5px; overflow:hidden; text-align:left} #process .hj em{width:600px; text-align:right; float:right;} #process .hj span{padding-left:15px; text-align:left; float:right; font-size:18px; line-height:30px; color:#1C2453} #process .hj b{width:100px; text-align:left; float:right; font-size:18px; line-height:30px; color:#1C2453;padding-left:50px;} #process .del_add{ display:block; clear:both; overflow:hidden;} #process .del_add #add_l{ width:44%; float:left; padding:0px 3%; border-right:1px solid #CCCCCC;} #process .del_add #add_l .add_bt{ font-size:18px; font-weight:bold; clear:both; overflow:hidden; padding-bottom:10px; margin-top:10px;} #process .del_add #add_l .add_bt INPUT[type="radio"]{ margin-right:15px} #process .del_add #add_l .AddressList{ display:block; clear:both; overflow:hidden; margin:10px 0px 20px;} #process .del_add #add_l .AddressList dt{ display:block; clear:both; overflow:hidden; font-size:16px; padding-bottom:10px} #process .del_add #add_l .AddressList dd{ display:block; clear:both; overflow:hidden; padding-top:5px; overflow:hidden; display:block; clear:both} #process .del_add #add_l .AddressList .w20{ width:5%; float:left; padding-top:4px} #process .del_add #add_l .AddressList .w80{ width:95%; float:left} #process .del_add #add_l #dlAddress{ display:block; clear:both; overflow:hidden; margin:10px 0px 20px;} #process .del_add #add_l #dlAddress dt{ display:block; clear:both; overflow:hidden; font-size:14px; padding:15px 0px 0px; overflow:hidden; display:block; clear:both} #process .del_add #add_l #dlAddress dd{ display:block; clear:both; overflow:hidden; padding-top:10px;} #process .del_add #add_l .add_but{ display:block; clear:both; overflow:hidden; margin-top:15px;} #process .but{padding:0px 5px; height:38px; background:url(../images/addbut.jpg) left top repeat-x; border-radius:8px; float:left;text-align:center; color:#FFFFFF; line-height:38px; font-size:18px; margin-left:0px; cursor:pointer} #process .del_add #add_l .dlDeliverDesc{margin:20px 0px 10px 30px; display:block; clear:both; overflow:hidden;} #process .del_add #add_r{ width:47%; float:right;} #process .del_add #add_r .add_bt{ font-size:18px; font-weight:bold; clear:both; overflow:hidden; padding-bottom:10px; margin-top:10px;} #process .del_add #add_r .add_bt INPUT[type="radio"]{ margin-right:15px} #process .del_add #add_r .dlDeliverDesc{margin:20px 0px 10px 30px; display:block; clear:both; overflow:hidden;} #process .settl{width:95%; margin:15px auto;text-align:right} #process .settl .set_l{width:45%; float:left; text-align:left} #process .settl .set_r{width:45%; float:right} #process .settl .set_r span{font-size:18px; padding-right:30px;color:#1C2453;display:block;clear:both } #process .settl .set_r span em{width:150px; float:right; text-align:right} #process .settl .set_r span input{width:100px; margin-top:10px;text-align:center; border:0px;} #process .settl .set_r .tol{padding-top:15px; text-align:right; float:right} #process .settl .set_l span{font-size:18px; padding-right:30px;color:#1C2453;display:block;clear:both; overflow:hidden; margin-bottom:8px} #process .settl .set_l span font{ width:100px; float:left} #process .settl .set_l span .ucb{padding: 0px 10px; text-align: center; color: #fff; background:#5E5E5E; border: 0px; cursor: pointer; height: 22px; line-height: 22px; font-size: 12px; font-weight: bold; border-radius:5px; background:url(../images/butbg.jpg) left top repeat-x} #process .settl .set_l span INPUT[type="text"]{ eight: 22px; line-height: 22px; font-size: 14px; border:1px solid #CCCCCC; outline:none} #process .purch{ padding:0px; margin:0px auto; width:99%; border:1px solid #CCCCCC; overflow:hidden} #process .purch li{clear:both; padding:5px 0px; margin:0px; list-style:none; border-top:1px solid #CCCCCC; overflow:hidden; line-height:26px;} #process .purch li:first-child{border-top: none;} #process .purch .pus_1{width:10%; text-align:center; float:left; height:auto;} #process .purch .pus_2{width:21%; text-align:center; float:left; height:auto;} #process .purch .pus_3{width:20%; text-align:left; float:left; height:auto;} #process .purch .pus_4{width:10%; text-align:center; float:left; height:auto;} #process .purch .pus_5{width:11%; text-align:center; float:left; height:auto;} #process .purch .pus_6{width:8%; text-align:center; float:left; height:auto;} #process .purch .pus_7{width:20%; text-align:center; float:left; height:auto;} #process .purch .pubt{ font-size:16px; font-weight:bold} #process .purch .tcc_1{width:117px; height:122px; display:table-cell; vertical-align:middle;font-size:16px; } #process .purch .tcc_2{width:243px; height:122px; display:table-cell; vertical-align:middle;font-size:16px; } #process .purch .tcc_3{width:226x; height:122px; display:table-cell; vertical-align:middle;font-size:16px; padding:0 3px;} #process .purch .tcc_4{width:111px; height:122px; display:table-cell; vertical-align:middle;font-size:16px; padding:0 3px;} #process .purch .tcc_5{width:128px; height:122px; display:table-cell; vertical-align:middle;font-size:16px; } #process .purch .tcc_6{width:93px; height:122px; display:table-cell; vertical-align:middle;font-size:16px; } #process .purch .tcc_7{width:232px; height:122px; display:table-cell; vertical-align:middle;font-size:16px; } #process .purch INPUT[type="number"]{ width:50px; margin:0px 5px; text-align:center; border:1px solid #999999; height:36px; line-height:36px} #process .pt20{ padding-top:20px;} #process .pucart{ padding:0px; margin:0px auto; width:99%; border:1px solid #CCCCCC; overflow:hidden} #process .pucart li{clear:both; padding:5px 0px; margin:0px; list-style:none; border-top:1px solid #CCCCCC; overflow:hidden; line-height:26px} #process .pucart li:first-child{border-top: none;} #process .pucart .pct_1{width:9%; text-align:left; float:left; padding-left:1%} #process .pucart .pct_2{width:8%; text-align:center; float:left; min-height:50px; height:auto} #process .pucart .pct_3{width:10%; text-align:center; float:left; min-height:50px; height:auto} #process .pucart .pct_4{width:18%; text-align:center; float:left; min-height:50px; height:auto} #process .pucart .pct_5{width:14%; text-align:left; float:left; min-height:50px; height:auto} #process .pucart .pct_6{width:9%; text-align:center; float:left; min-height:50px; height:auto} #process .pucart .pct_7{width:13%; text-align:center; float:left; min-height:50px; height:auto} #process .pucart .pct_7 INPUT[type="text"]{ width:30%;} #process .pucart INPUT[type="number"]{ width:50px; margin:0px 5px; text-align:center; border:1px solid #999999; height:36px; line-height:36px} #process .pucart .pct_8{width:13%; text-align:center; float:left; min-height:50px; height:auto} #process .pucart .pct_9{width:4%; text-align:center; float:left; min-height:50px; height:auto; padding-right:1%} #process .pucart .tcp_1{width:67px; height:122px; display:table-cell; vertical-align:middle;font-size:16px; } #process .pucart .tcp_2{width:89px; height:122px; display:table-cell; vertical-align:middle;font-size:16px; } #process .pucart .tcp_3{width:115px; height:122px; display:table-cell; vertical-align:middle;font-size:16px; } #process .pucart .tcp_4{width:222px; height:122px; display:table-cell; vertical-align:middle;font-size:16px; } #process .pucart .tcp_5{width:156px; height:122px; display:table-cell; vertical-align:middle;font-size:14px; } #process .pucart .tcp_6{width:100px; height:122px; display:table-cell; vertical-align:middle;font-size:16px; } #process .pucart .tcp_7{width:186px; height:122px; display:table-cell; vertical-align:middle;font-size:16px; } #process .pucart .tcp_8{width:145px; height:122px; display:table-cell; vertical-align:middle;font-size:16px; } #process .pucart .tcp_9{width:44px; height:122px; display:table-cell; vertical-align:middle;font-size:16px; } #process .pucart .pubt{ font-size:16px; font-weight:bold} #process .rksj{display: block;clear: both;} #process .rksj ul{display: block;clear: both;padding: 10px 10px 0px 10px;margin: 0px 0px;overflow: hidden;} #process .rksj ul li{display: block;clear: both;list-style: none;padding: 0px 0px 5px 0px;margin: 0px;line-height: 20px;overflow: hidden;border-bottom: 1px solid #999999;} #process .rksj ul li label{width:8%;float:left;text-align: center;padding:15px 0px 0px 2%;} #process .rksj ul li em{width: 65%;float: left;padding-top:5px;} #process .rksj ul li b{width: 100%; display:block;text-align:left;padding-top:15px; font-weight:normal} #process .rksj ul li b .bh{ display:block; clear:both; padding-bottom:5px;} #process .rksj ul li b input[type="text"]{ width:50px; text-align:center; margin:0px 5px;} #process .rksj ul li b strong{ display:block; clear:both;color:#FF0000; text-align:left; text-indent:0px; padding-top:5px;} /* 購物流程 END */ /* 产品列表all S */ #pro{ clear:both; overflow:hidden;background:url(../images/02.png) right bottom no-repeat; padding-bottom:200px} #pro .sub-con{width:100%;} #pro .sub-con .mcom .mbt{ padding-left:0%;} #pro .sub-con .mcom .mbt span{ font-size:18px;} /* 产品列表all E */ /* 登陸後界面 START */ #record{width:100%; margin:0px auto; overflow:hidden;padding:25px 0% 0px;background:url(../images/01.png) right bottom no-repeat; padding-bottom:200px} #record INPUT[type="button"]{ font-weight:bold; background:url(../images/butbg.png) left top repeat-x; border:none; cursor:pointer; border-radius:5px; color:#FFFFFF} #record .quick-menu{width:20%; float:left; padding-right:0px; margin:0px;} #record .quick-menu ul{margin:0px auto; padding:0px; overflow:hidden;} #record .quick-menu ul li{height:34px;list-style:none; line-height:34px; padding:0px 15px 0px 10px; font-size:16px; margin-bottom:10px; overflow:hidden; border-bottom:1px solid #AAAAAA} #record .quick-menu ul li a{padding-left:15px; display:block; color:#131313; font-size:16px;} #record .quick-menu ul li a:hover{color:#CD580A} #record .sub-con{width:74%; float:right;} #record .sub-con .rban{ display:block} #record .sub-con{float:right;} #record .sub-con .rban{display:block} #record .sub-con .list{display:block;} #record .sub-con .list INPUT[type="button"]{ margin-left:0px; padding:3px 6px} #record .sub-con .list .w200{ width:300px; border:1px solid #CCCCCC; height:24px; line-height:24px;} #record .sub-con .list .bt{display:block;line-height:28px; font-weight:bold; font-size:18px; padding-left:0px} #record .sub-con .list table{display:block; clear:both} #record .sub-con .list table td{ line-height:22px; padding:5px 5px;} #record .sub-con .list .ui_r{display:block; border-top:1px solid #CCCCCC; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC} #record .sub-con .list .ui_r li{ display:block; display:block; clear:both; overflow:hidden; margin-bottom:0px; line-height:36px; padding:0px;} #record .sub-con .list .ui_r li+li{border-bottom:1px solid #CCCCCC} #record .sub-con .list .ui_r .bt{ height:36px; line-height:36px; background:#E4E4E4; color:#2D2D2D; font-size:14px;} #record .sub-con .list .ui_r .w_1{ width:16.6%; float:left; text-align:center; padding:3px 0px;} #record .sub-con .list .ui_r .w_2{ width:17%; float:left; text-align:center; padding:3px 0px;} #record .sub-con .list .ui_r .w_3{ width:16.6%; float:left; text-align:center; padding:3px 0px;} #record .sub-con .list .ui_r .w_4{ width:16.6%; float:left; text-align:center; padding:3px 0px;} #record .sub-con .list .ui_r .w_5{ width:16.6%; float:left; text-align:center; padding:3px 0px;} #record .sub-con .list .ui_r .w_6{ width:16.6%; float:left; text-align:center; padding:3px 0px;} #record .sub-con .list .ui_r .w2_1{ width:20%; float:left; text-align:center; padding:3px 0px;} #record .sub-con .list .ui_r .w2_2{ width:20%; float:left; text-align:center; padding:3px 0px;} #record .sub-con .list .ui_r .w2_3{ width:20%; float:left; text-align:center; padding:3px 0px;} #record .sub-con .list .ui_r .w2_4{ width:20%; float:left; text-align:center; padding:3px 0px;} #record .sub-con .list .ui_r .w2_5{ width:20%; float:left; text-align:center; padding:3px 0px;} #record .sub-con .list li{ display:block; display:block; clear:both; overflow:hidden; margin-bottom:0px; line-height:36px; padding:0px 0px; border-bottom:1px solid #CCCCCC} #record .sub-con .list .w_7_1{ width:12.28%; float:left; text-align:center; padding:3px 0px;} #record .sub-con .list .w_7_2{ width:16.28%; float:left; text-align:center; padding:3px 0px;} #record .sub-con .list .w_7_3{ width:14.28%; float:left; text-align:center; padding:3px 0px;} #record .sub-con .list .w_7_4{ width:14.28%; float:left; text-align:center; padding:3px 0px;} #record .sub-con .list .w_7_5{ width:12.28%; float:left; text-align:center; padding:3px 0px;} #record .sub-con .list .w_7_6{ width:14.28%; float:left; text-align:center; padding:3px 0px;} #record .sub-con .list .w_7_7{ width:16.28%; float:left; text-align:center; padding:3px 0px;} #record .list{display: block;clear: both;} #record .list .recon{display: block;clear: both;padding: 0px;margin: 0px 0px;overflow: hidden; border-top:1px solid #CCCCCC; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC} #record .list .recon li{display: block;clear: both;list-style: none;padding: 0px 0px 5px 0px;margin: 0px;line-height: 20px;overflow: hidden;border-bottom: 1px solid #CCCCCC;} #record .list .recon .w_l{ width:25%; float:left; padding-left:2%; line-height:24px;} #record .list .recon .w_r{ width:71%; float:left; padding-left:2%; line-height:24px;} /* 登陸後界面 END */