.hidden {
display: none;
visibility: hidden;
}
.hidden-desktop {
display:none !important;
}
.hidden-phone {
display:block !important;
}
.visible-desktop {
display:block !important;
}
.visible-phone {
display:block !important;
}
.visible-ipad {
display:none !important;
}
.qingcanniu {background-color:#491B1A; padding:3px 4px; text-align:center; color:#FFFFFF; font-weight:bold; font-size:14px; float:right; }
.qingcanniu a { color:#FFFFFF; }
@media (min-width: 1200px) {
.hidden-desktop {
display:none !important;
}
.hidden-phone {
display:block !important;
}
.visible-phone {
display:none !important;
}
.visible-ipad {
display:none !important;
}
}
@media (min-width: 768px) and (max-width: 979px) {
.hidden-desktop {
display:none !important;
}
.hidden-phone {
display:block !important;
}
.visible-phone {
display:none !important;
}
.hidden-ipad {
display:none !important;
}
.visible-ipad {
display:block !important;
}
}
@media (max-width: 767px) {
.hidden-desktop {
display:block !important;
}
.hidden-phone {
display:none !important;
}
.visible-desktop {
display:none !important;
}
.visible-ipad {
display:block !important;
}
}
@media (max-width: 480px) {
.hidden-desktop {
display:block !important;
}
.hidden-phone {
display:none !important;
}
.visible-desktop {
display:none !important;
}
.visible-ipad {
display:block !important;
}
.qingcanniu {background-color:#491B1A; padding:3px 4px; text-align:center; color:#FFFFFF; font-weight:bold; font-size:14px; float:left; margin:10px 0 0 104px; }
}
@media (min-width: 1200px) {
.container{
width: 1170px;
}
/*首页产品列表 S */
#pcls{ display:block; clear:both;overflow: hidden}
#pcls .pcbt{ margin:0px auto; overflow: hidden;line-height:36px;}
/*首页产品列表 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:170px; 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.14%;overflow:hidden;}
.mcom ul li a{display:block;text-align:center; }
.mcom ul li .inf{isplay:block; padding:6px 5px;overflow:hidden; color:#292929; min-height:60px;}
.mcom ul li p{font-size:12px;line-height:16px; clear:both;}
.mcom ul li .pic{width:260px; height:270px; margin:0px auto;clear:both; padding:0px;display:table-cell;text-align:center;vertical-align:middle;position:relative;border:1px solid #F0F0F0}
.mcom ul li .cx_l{position:absolute; left:5px; top:5px; z-index:1000}
.mcom ul li .cx_r{position:absolute; right:5px; top:5px; z-index:1000}
.mcom ul li .cx_lf{position:absolute; left:5px; bottom:5px; z-index:1000}
.mcom ul li .cx_rf{position:absolute; right:5px; bottom:5px; z-index:1000}
.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{}
.mcom ul li .name_h50{}
.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;}
.mcom ul li .op{color:#6E6E6E; text-decoration:line-through; font-size:16px;}
.mcom .per{padding-top:5px;}
.mcom .det{ background:url(../images/det.png) center center no-repeat #4A535B; line-height:37px; height:37px; text-align:center; padding:0px;overflow:hidden;margin-top:8px; margin-left:5px; float:left; width:40px;}
.mcom .det:hover{ background:url(../images/det.png) center center no-repeat #ACB9C2; line-height:37px; height:37px; text-align:center; padding:0px;overflow:hidden;}
.mcom .add{display:block;clear:both;}
.mcom .add:hover{overflow:hidden;}
.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;}
.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;}
.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;}
.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 .spas{ display:block;padding-top:10px;}
.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 .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) 35% center no-repeat;
padding-left:15px;
height:32px;
line-height:32px;
display:block
}
/* 下拉语言 START */
.select{width:100%;height:32px;line-height:32px;position:relative;text-align:center;cursor:pointer;background: url(../images/sebg.png) left top repeat-x;color:#fff; margin:10px auto;}
.option{ color:#fff;line-height:32px;width:100%;position:absolute;top:32px;left:0px;display:none;background:#474F57; z-index:5;}
.select ul{list-style:none;margin:0;padding:0;width:100%;}
.select ul li{height:32px;text-align:center;color:#fff;}
.select .selbt{height:32px;line-height:32px;text-align:center; color:#FFFFFF;font-size:14px; font-weight:bold;}
.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}
.select_sub_h{background:#E17C56;color:#FFFFFF}
/* 下拉语言 END */
/* 首页快捷菜单 END */
/*底部编辑器 菜单 S */
#fteid{ display:block; clear:both;overflow: hidden;}
#fteid .fmu{ width:30%; float:left; border-right:1px solid #FFFFFF; margin-left:4%; height:auto}
#fteid .fmu:first-child{margin-left:0%;}
#fteid .fmu dt{}
#fteid .fmu dt a{}
#fteid .fmu dd{line-height:26px;}
#fteid .fmu dd a{color:#393939}
#fteid .fmu dd a:hover{color:#F58AA4}
/*底部编辑器 菜单 END */
/* 底部 START */
#foot{width:100%; margin:0px auto;font-size:12px; text-align:left; padding:0px 0px 10px; color:#757575; line-height:20px; clear:both; background:#F8F8F8; overflow:hidden}
#foot .nr{}
#foot .nr a{ padding:0px 5px; margin:0px;}
#foot .powered{}
/* 底部 END */
/* 登陆 START */
#login{width:100%; margin:0px auto;overflow:hidden; min-height:350px;}
#login .dlef{ width:840px; margin:0px auto;text-align:center;}
#login .dlef h2{ font-size:24px;line-height:56px; border-bottom:1px solid #CCCCCC}
#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 b{width:320px;float:left; text-align:right; padding-right:10px; font-weight:normal; font-size:14px;}
#login .dlef ul li em{float:left; width:auto;padding-right:10px;}
#login .dlef ul li strong{float:left; font-weight:normal; width:100px;}
#login .dlef ul li span{float:left; font-size:14px;width:250px}
#login .dlef ul li em img{padding-left:10px;}
#login .dlef ul li .w200{width:200px; border:1px solid #ccc}
#login .dlef ul li .w100{width:100px; border:1px solid #ccc}
#login .drbut{ background:url(../images/butbg.jpg) left top repeat-x; text-align:center; font-weight:bold; border:none; line-height:30px; padding:0px 25px; cursor:pointer; margin-right:5px; color:#FFFFFF}
#login a{ font-size:12px;}
/* 登陆 END */
/* 產品例表__内容 START */
.mbt{width:auto;text-align:center; line-height:34px;height:34px; font-size:24px; font-weight:bold;}
.mbt span{}
.mbt a{}
.mbt a:hover{}
#midban .ban_m4 ul li{min-height:380px;}
#midban .ban_m4 ul li .b4pic{ height:120px}
/* 產品例表__内容 END */
/* 会员左边 START */
#member{width:100%; overflow:hidden; background:#FFFFFF}
#member .meleft{width:78%; float:right;min-height:800px; height:auto; overflow:hidden; margin-left:2%}
#member .meleft .mt{ overflow:hidden; display:block; background:#FFFFFF; padding:20px 0px;}
#member .meleft .mt .ssp{width:420px; float:left;}
#member .meleft .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 .meleft .mt .ssp ul{width:420px;clear:both;}
#member .meleft .mt .ssp ul li{ padding:3px;float:left; list-style:none; width:99px; height:99px;}
#member .meleft .mt .intr{width:460px; float:right; min-height:440px; height:auto;color:#000000; padding-right:10px; overflow:hidden;}
#member .meleft .mt .intr .dbt{ display:block; border-bottom:1px solid #CCCCCC; overflow:hidden; padding:15px 0px;}
#member .meleft .mt .intr .dbt .bt_d{ display:block; font-size:18px; line-height:20px;}
#member .meleft .mt .intr .dbt p{ display:block; font-size:12px; line-height:14px;}
#member .meleft .mt .intr .dbt span{ display:block; font-size:12px;}
#member .meleft .mt .intr .dbt span em{font-size:28px; font-style:normal;}
#member .meleft .mt .intr .dbt span strong{color:#6E6E6E; text-decoration:line-through; font-size:16px; font-weight: normal}
#member .meleft .mt .intr .dbt .clsr{ display:block; font-size:12px;text-align:right;}
#member .meleft .mt .intr .dbt .clsr ul{ clear:both; text-align:right; float:right; padding-bottom:5px; height:28px;}
#member .meleft .mt .intr .dbt .clsr ul li{ float:left; list-style:none; padding-left:5px; line-height:23px; font-size:12px;}
#member .meleft .mt .intr .dbt .clsr em{ padding-right:3px; font-weight:normal;font-size:12px;}
#member .meleft .mt .intr .dbt .clsr a{ padding:0px 3px;}
#member .meleft .mt .intr .size{ width:460px; background:#E1D2D4; clear:both; height:auto; display:block}
#member .meleft .mt .intr .size ul{ width:440px; margin:0 auto; clear:both; padding:10px 0px; overflow:hidden}
#member .meleft .mt .intr .size ul li{ width:440px; list-style:none; line-height:20px; clear:both; padding-top:15px;}
#member .meleft .mt .intr .size ul li span{ width:55px;float:left;}
#member .meleft .mt .intr .size ul li em{width:350px;float:left; color:#666666; overflow:hidden}
#member .meleft .mt .intr .size ul li .inc{width:335px;float:left; color:#666666; overflow:hidden; padding-left:15px;}
#member .meleft .mt .intr .size ul li .col_1{height:20px; margin:0px 5px;text-align:center; float:left; line-height:20px;border:3px solid #E1D2D4; cursor:pointer; padding:0px 5px}
#member .meleft .mt .intr .size ul li .col_1:hover{height:20px; margin:0px 5px;text-align:center; float:left; line-height:20px; border:3px solid #E1E1E1; cursor:pointer;background:#fff;}
#member .meleft .mt .intr .size ul li .col_cur{height:20px; margin:0px 5px;text-align:center; float:left; line-height:20px; border:3px solid #E1E1E1; cursor:pointer;background:#fff;}
#member .meleft .mt .intr .size ul li .szb{height:20px; margin:0px 5px;text-align:center; float:left; line-height:20px;border:3px solid #E1D2D4;cursor:pointer; padding:0px 5px}
#member .meleft .mt .intr .size ul li .szb:hover{height:20px; margin:0px 5px;text-align:center; float:left; line-height:20px; border:3px solid #E1E1E1; background:#fff; cursor:pointer}
#member .meleft .mt .intr .size ul li .szb_cur{height:20px; margin:0px 5px;text-align:center; float:left; line-height:20px; border:3px solid #E1E1E1; background:#fff; cursor:pointer}
#member .meleft .mt .intr .an{display:block;padding:15px 0px;overflow:hidden}
#member .meleft .mt .intr .an a{margin-right:40px; font-weight:bold; font-size:12px;float:left}
#member .meleft .mf{clear:both; overflow:hidden; color:#333333; padding:20px 0px;}
#member .meleft .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 .meleft .mt .intr .an .but {height:25px;line-height:25px;overflow:hidden;display:table-cell;padding:0px 15px; border:none}
#member .meleft .mt .intr .an .but:hover {height:25px;line-height:25px;padding:0px 15px;}
/* 会员左边 END */
/* 放大镜 START */
#div1{width:420px;height:420px;padding:1px;border:none;position:relative; float:left; margin-right:20px;}
#div1 .cx_l{position:absolute; left:0px; top:0px; z-index:1000}
#div1 .cx_r{position:absolute; right:0px; top:0px; z-index:1000}
#div1 .cx_lf{position:absolute; left:0px; bottom:0px; z-index:1000}
#div1 .cx_rf{position:absolute; right:0px; bottom:0px; z-index:1000}
/* 放大镜 END */
/* 購物流程 START */
#process{width:100%; margin:0px auto; background:#FFFFFF; overflow:hidden; padding:25px 0px 10px;}
#process .lc{width:95%; margin:0px auto; overflow:hidden;}
#process .lc .lc_01{ background:url(../images/lc.png) 0px 0px no-repeat; width:230px;height:88px; float:left; line-height:88px; padding-left:15px;}
#process .lc .lc_02{ background:url(../images/lc.png) -255px 0px no-repeat; width:228px;height:88px; float:left; line-height:88px; padding-left:55px;}
#process .lc .lc_03{ background:url(../images/lc.png) -540px 0px no-repeat; width:238px;height:88px; float:left; line-height:88px; padding-left:55px;}
#process .pbt{width:93%;height: 25px;line-height: 25px;margin: 20px auto 10px;clear: both;cursor: pointer;overflow: hidden; border-radius:8px;color: #FFFFFF;font-weight: bold; padding:0px 1%}
#process table{ width:95%; margin:0 auto;}
#process .hj{width:920px; margin:0px auto;padding:15px 0px 5px; overflow:hidden}
#process .hj em{width:600px; text-align:right; float:left; padding-right:50px;}
#process .hj span{padding-right:15px; text-align:left; float:left; font-size:18px; line-height:30px; color:#1C2453}
#process .hj b{width:100px; text-align:left; float:left; font-size:18px; line-height:30px; color:#1C2453}
#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; letter-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{padding:15px; line-height:26px; margin:0px auto; color:#666666}
#process .fre{ margin:15px auto;text-align:left;}
#process .fre span{font-size:26px; padding-right:30px;color:#1C2453; }
#process .settl{width:95%; margin:15px auto;text-align:right}
#process .settl span{font-size:18px; padding-right:30px;color:#1C2453;display:block;clear:both }
#process .settl span .ucb{padding: 0px 10px;
text-align: center;
color: #fff;
background: url(../images/mubg.png) left top repeat-x;
border: 0px;
cursor: pointer;
height: 22px;
line-height: 22px;
font-size: 14px;
font-weight: bold;
width: 110px;}
#process .settl span em{width:150px; float:right; text-align:right}
#process .settl span input{width:100px; margin-top:10px;text-align:center;}
#process .settl .tol{padding-top:15px;}
#process .settl #totalcredits{ font-size:26px; color:red}
/* 購物流程 END */
/* 产品列表all S */
#pro .sub-con{width:78%; float:left; margin-left:2%;}
/* 产品列表all E */
/* 登陸後界面 START */
#record{width:96%; margin:0px auto; overflow:hidden; background:#FFFFFF; padding:25px 2% 10px;}
#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; background:url(../images/mbg.png) left top repeat-x; line-height:34px; padding:0px 15px 0px 10px; font-size:16px; margin-bottom:10px; overflow:hidden; margin-bottom:15px;}
#record .quick-menu ul li a{padding-left:15px;}
#record .quick-menu ul li a:hover{}
#record .sub-con{width:78%; 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 .bt{font-size:12px; font-weight:bold; line-height:36px;}
#record .sub-con .list td{ line-height:22px; color:#666666;font-size:12px;}
#record .sub-con .list a{font-size:12px;}
/* 登陸後界面 END */
/* 电脑版头部搜索 START */
.seac1{top:80px;}
/* 电脑版头部搜索 END */
#herader .t_r{}
#herader .t_l{}
#herader .logo{}
#herader .logo .mid {}
}
@media (min-width: 768px) and (max-width: 979px) {
.container{
width: 724px;
}
/*首页产品列表 S */
#pcls{ display:block; clear:both;overflow: hidden}
#pcls .pcbt{margin:0px auto; overflow: hidden;line-height:36px;}
/*首页产品列表 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.6%; min-height:170px; 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%; border:1px solid #F0F0F0;overflow:hidden;}
.mcom ul li a{display:block;text-align:center; }
.mcom ul li .inf{isplay:block; padding:6px 5px;overflow:hidden; color:#292929; min-height:60px;}
.mcom ul li p{font-size:12px; line-height:16px; clear:both;}
.mcom ul li .pic{width:100%; margin:0px auto;clear:both; padding:0px;display:table-cell;text-align:center;vertical-align:middle;position:relative; height:150px;}
.mcom ul li .cx_l{position:absolute; left:5px; top:5px; z-index:1000}
.mcom ul li .cx_r{position:absolute; right:5px; top:5px; z-index:1000}
.mcom ul li .cx_lf{position:absolute; left:5px; bottom:5px; z-index:1000}
.mcom ul li .cx_rf{position:absolute; right:5px; bottom:5px; z-index:1000}
.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{ font-size:12px; height:36px; line-height:18px;}
.mcom ul li .name_h50{}
.mcom ul li .cpbk{font-size:12px; padding-top:3px; padding-right:8px;overflow:hidden;}
.mcom ul li .price{font-size:14px; padding-top:3px; padding-right:2px;overflow:hidden; font-weight:bold;}
.mcom ul li .op{color:#6E6E6E; text-decoration:line-through; font-size:16px}
.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:25px;}
.mcom .det:hover{ background:url(../images/det.png) center center no-repeat #ACB9C2; line-height:27px; height:27px; text-align:center; padding:0px;overflow:hidden;}
.mcom .add{display:block;clear:both;width:30px; height:20px !important; line-height:20px;}
.mcom .add:hover{overflow:hidden; height:20px !important; line-height:20px;}
.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;}
.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;}
.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;}
.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 .spas{ display:block;padding-top:10px;}
.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 .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 */
#pro .select{width:100%;height:32px;line-height:32px;position:relative;text-align:center;cursor:pointer;color:#fff; margin:10px auto;}
#pro .option{ color:#fff;line-height:32px;width:100%;position:absolute;top:32px;left:0px;display:none;background:#474F57; z-index:5;}
#pro .select ul{list-style:none;margin:0;padding:0;width:100%;}
#pro .select ul li{height:32px;text-align:center;color:#fff;}
#pro .select .selbt{height:32px;line-height:32px;text-align:center; color:#FFFFFF;font-size:14px; font-weight:bold;}
#pro .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}
#pro .select_sub_h{background:#E17C56;color:#FFFFFF}
/* 下拉语言 END */
/* 首页快捷菜单 END *
/
/*底部编辑器 菜单 S */
#fteid{ display:block; clear:both;overflow: hidden;}
#fteid .fmu{ width:20%; float:left; border-right:1px solid #FFFFFF; margin-left:4%;height:auto}
#fteid .fmu dt{}
#fteid .fmu dt a{}
#fteid .fmu dd{line-height:24px;}
#fteid .fmu dd a{color:#393939}
#fteid .fmu dd a:hover{color:#F58AA4}
#midban .ban_m4 ul li{min-height:300px;}
#midban .ban_m4 ul li .b4pic{min-height:180px;}
/*底部编辑器 菜单 END */
/* 底部 START */
#foot{width:100%; margin:0px auto;font-size:12px; text-align:left; padding:0px 0px 10px; color:#757575; line-height:20px; clear:both; background:#F8F8F8; overflow:hidden}
#foot .nr{}
#foot .nr a{ padding:0px 5px; margin:0px;}
#foot .powered{}
/* 底部 END */
/* 登陆 START */
#login{width:100%; margin:0px auto;overflow:hidden; min-height:350px;}
#login .dlef{ width:840px; margin:0px auto;text-align:center;}
#login .dlef h2{ font-size:24px;line-height:56px; border-bottom:1px solid #CCCCCC}
#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 b{width:320px;float:left; text-align:right; padding-right:10px; font-weight:normal; font-size:14px;}
#login .dlef ul li em{float:left; width:auto;padding-right:10px;}
#login .dlef ul li strong{float:left; font-weight:normal; width:100px;}
#login .dlef ul li span{float:left; font-size:14px;width:250px}
#login .dlef ul li em img{padding-left:10px;}
#login .dlef ul li .w200{width:200px; border:1px solid #ccc}
#login .dlef ul li .w100{width:100px; border:1px solid #ccc}
#login .drbut{ background:url(../images/butbg.jpg) left top repeat-x; text-align:center; font-weight:bold; border:none; line-height:30px; padding:0px 25px; cursor:pointer; margin-right:5px; color:#FFFFFF}
#login a{ font-size:12px;}
/* 登陆 END */
/* 產品例表__内容 START */
.mbt{width:auto;text-align:center; line-height:34px;height:34px; font-size:24px; font-weight:bold;}
.mbt span{}
.mbt a{}
.mbt a:hover{}
/* 產品例表__内容 END */
/* 会员左边 START */
#member{width:100%; overflow:hidden; background:#FFFFFF}
#member .meleft{width:78%; float:right;min-height:800px; height:auto; overflow:hidden; margin-left:2%}
#member .meleft .mt{ overflow:hidden; display:block; background:#FFFFFF; padding:20px 0px;}
#member .meleft .mt .ssp{width:300px; float:left;}
#member .meleft .mt .ssp .view{text-align:right; background:url(../images/ico.gif) 225px 3px no-repeat; line-height:26px; font-size:12px; display:block; overflow:hidden; height:30px; overflow:hidden; clear:both}
#member .meleft .mt .ssp ul{width:300px;clear:both;}
#member .meleft .mt .ssp ul li{ padding:3px;float:left; list-style:none;width:69px; height:69px;}
#member .meleft .mt .intr{width:140px; float:right; min-height:440px; height:auto;color:#000000; padding-right:10px; overflow:hidden;}
#member .meleft .mt .intr .dbt{ display:block; border-bottom:1px solid #CCCCCC; overflow:hidden; padding:15px 0px;}
#member .meleft .mt .intr .dbt .bt_d{ display:block; font-size:18px; line-height:20px;}
#member .meleft .mt .intr .dbt p{ display:block; font-size:12px; line-height:14px;}
#member .meleft .mt .intr .dbt span{ display:block; font-size:12px;}
#member .meleft .mt .intr .dbt span em{font-size:18px; font-style:normal}
#member .meleft .mt .intr .dbt span strong{color:#6E6E6E; text-decoration:line-through; font-size:12px;}
#member .meleft .mt .intr .dbt .clsr{ display:block; font-size:12px;text-align:right;}
#member .meleft .mt .intr .dbt .clsr ul{ clear:both; text-align:right; float:right; padding-bottom:5px; height:28px; overflow:hidden}
#member .meleft .mt .intr .dbt .clsr ul li{ float:left; list-style:none; padding-left:5px; line-height:23px; font-size:12px;}
#member .meleft .mt .intr .dbt .clsr em{ padding-right:3px; font-weight:normal;font-size:12px;}
#member .meleft .mt .intr .dbt .clsr a{ padding:0px 3px;}
#member .meleft .mt .intr .size{ width:140px; background:#E1D2D4; clear:both; height:auto; display:block}
#member .meleft .mt .intr .size ul{ width:120px; margin:0 auto; clear:both; padding:10px 0px; overflow:hidden}
#member .meleft .mt .intr .size ul li{ width:120px; list-style:none; line-height:20px; clear:both; padding-top:15px;}
#member .meleft .mt .intr .size ul li span{float:left;}
#member .meleft .mt .intr .size ul li em{width:120px;float:left; color:#666666;}
#member .meleft .mt .intr .size ul li .inc{width:120px;float:left; color:#666666; overflow:hidden;}
#member .meleft .mt .intr .size ul li .col_1{height:20px; margin:0px 5px;text-align:center; float:left; line-height:20px;border:3px solid #E1D2D4; cursor:pointer; padding:0px 5px}
#member .meleft .mt .intr .size ul li .col_1:hover{height:20px; margin:0px 5px;text-align:center; float:left; line-height:20px; border:3px solid #E1E1E1; cursor:pointer;background:#fff;}
#member .meleft .mt .intr .size ul li .col_cur{height:20px; margin:0px 5px;text-align:center; float:left; line-height:20px; border:3px solid #E1E1E1; cursor:pointer;background:#fff;}
#member .meleft .mt .intr .size ul li .szb{height:20px; margin:0px 5px;text-align:center; float:left; line-height:20px;border:3px solid #E1D2D4;cursor:pointer; padding:0px 5px}
#member .meleft .mt .intr .size ul li .szb:hover{height:20px; margin:0px 5px;text-align:center; float:left; line-height:20px; border:3px solid #E1E1E1; background:#fff; cursor:pointer}
#member .meleft .mt .intr .size ul li .szb_cur{height:20px; margin:0px 5px;text-align:center; float:left; line-height:20px; border:3px solid #E1E1E1; background:#fff; cursor:pointer}
#member .meleft .mt .intr .an{display:block;padding:15px 0px;overflow:hidden}
#member .meleft .mt .intr .an a{margin-right:10px; font-weight:bold; font-size:12px;float:left}
#member .meleft .mf{clear:both; overflow:hidden; color:#333333; padding:20px 0px;}
#member .meleft .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 .meleft .mt .intr .an .but {height:25px;line-height:25px;overflow:hidden;display:table-cell;padding:0px 15px; border:none;margin-top: 10px;float: left; margin-left:0px; width:60px; border-radius:5px}
#member .meleft .mt .intr .an .but:hover {height:25px;line-height:25px;}
#member .meleft .mt .intr .an INPUT[type="submit"] {height:25px;line-height:25px;overflow:hidden;padding:0px 15px;margin-left:0px; width:90px; margin-top:10px;}
/* 会员左边 END */
/* 放大镜 START */
#div1{width:300px;height:300px;padding:1px;border:none;position:relative; float:left; margin-right:20px;}
#div1 .cx_l{position:absolute; left:0px; top:0px; z-index:1000}
#div1 .cx_r{position:absolute; right:0px; top:0px; z-index:1000}
#div1 .cx_lf{position:absolute; left:0px; bottom:0px; z-index:1000}
#div1 .cx_rf{position:absolute; right:0px; bottom:0px; z-index:1000}
/* 放大镜 END */
/* 購物流程 START */
#process{width:100%; margin:0px auto; background:#FFFFFF; overflow:hidden; padding:25px 0px 10px;}
#process .lc{width:95%; margin:0px auto; overflow:hidden}
#process .lc .lc_01{ background:url(../images/lc_2.png) 0px 0px no-repeat; width:125px;height:62px; float:left; line-height:62px; padding-left:15px; font-size:16px;}
#process .lc .lc_02{ background:url(../images/lc_2.png) -153px 0px no-repeat; width:125px;height:62px; float:left; line-height:62px; padding-left:55px; font-size:16px;}
#process .lc .lc_03{ background:url(../images/lc_2.png) -350px 0px no-repeat; width:125px;height:62px; float:left; line-height:62px; padding-left:55px; font-size:16px;}
#process .pbt{width:91%;height: 25px;line-height: 25px;margin: 20px auto 10px;clear: both;cursor: pointer;overflow: hidden;border-radius:8px;color: #FFFFFF;font-weight: bold; padding:0px 2%}
#process table{ width:95%; margin:0 auto;}
#process .hj{width:90%; margin:0px auto;padding:15px 0px 5px; overflow:hidden}
#process .hj em{width:50%; text-align:right; float:left; padding-right:0px;}
#process .hj span{padding-right:15px; text-align:left; float:left; font-size:18px; line-height:30px; color:#1C2453}
#process .hj b{ text-align:left; float:left; font-size:18px; line-height:30px; color:#1C2453}
#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; letter-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{padding:15px; line-height:26px; margin:0px auto; color:#666666}
#process .fre{margin:15px auto;text-align:left;}
#process .fre span{font-size:26px; padding-right:30px;color:#1C2453; }
#process .settl{width:95%; margin:15px auto;text-align:right}
#process .settl span{font-size:18px; padding-right:30px;color:#1C2453;display:block;clear:both }
#process .settl span .ucb{padding: 0px 10px;
text-align: center;
color: #fff;
background: url(../images/mubg.png) left top repeat-x;
border: 0px;
cursor: pointer;
height: 22px;
line-height: 22px;
font-size: 14px;
font-weight: bold;
width: 110px;}
#process .settl span em{width:150px; float:right; text-align:right}
#process .settl span input{width:100px; margin-top:10px;text-align:center;}
#process .settl .tol{padding-top:15px;}
#process .settl #totalcredits{ font-size:26px; color:red}
/* 購物流程 END */
/* 产品列表all S */
#pro .sub-con{width:78%; float:left; margin-left:2%;}
/* 产品列表all E */
/* 登陸後界面 START */
#record{width:96%; margin:0px auto; overflow:hidden; background:#FFFFFF; padding:25px 2% 10px;}
#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; background:url(../images/mbg.png) left top repeat-x; line-height:34px; padding:0px 15px 0px 10px; font-size:16px; margin-bottom:10px; overflow:hidden; margin-bottom:15px;}
#record .quick-menu ul li a{padding-left:15px;}
#record .quick-menu ul li a:hover{}
#record .sub-con{width:78%; 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 .bt{font-size:12px; font-weight:bold; line-height:36px;}
#record .sub-con .list td{ line-height:22px; color:#666666; font-size:12px;}
#record .sub-con .list a{font-size:12px;}
/* 登陸後界面 END */
#herader .t_r{}
#herader .t_l{}
#herader .logo{}
#herader .logo .mid {}
}
@media (min-width: 481px) and (max-width: 767px) {
.container {width: auto;}
/*首页产品列表 S */
#pcls{ display:block; clear:both;overflow: hidden}
#pcls .pcbt{margin:0px auto; overflow: hidden;line-height:36px;}
/*首页产品列表 E */
/*右边产品列表 S */
.mcom ul{width:100%; text-align:left;clear:both;overflow:hidden; padding:0px 0px 10px; margin-bottom:10px;}
.mcom ul li{width:46%; min-height:170px; height:auto;text-align:left; float:left;font-size:12px; text-align:center; overflow:hidden; display:block; margin:10px 1.7%; border:1px solid #F0F0F0;overflow:hidden;}
.mcom ul li a{display:block;text-align:center; }
.mcom ul li .inf{isplay:block; padding:6px 5px;overflow:hidden; color:#292929; min-height:60px;}
.mcom ul li p{font-size:12px; line-height:16px; clear:both;}
.mcom ul li .pic{width:100%; 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:1000}
.mcom ul li .cx_r{position:absolute; right:5px; top:5px; z-index:1000}
.mcom ul li .cx_lf{position:absolute; left:5px; bottom:5px; z-index:1000}
.mcom ul li .cx_rf{position:absolute; right:5px; bottom:5px; z-index:1000}
.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{}
.mcom ul li .name_h50{}
.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;}
.mcom ul li .op{color:#6E6E6E; text-decoration:line-through; font-size:16px;}
.mcom .per{padding-top:5px;}
.mcom .det{ background:url(../images/det.png) center center no-repeat #4A535B; line-height:37px; height:37px; text-align:center; padding:0px;overflow:hidden;margin-top:8px; margin-left:5px; float:left; width:40px;}
.mcom .det:hover{ background:url(../images/det.png) center center no-repeat #ACB9C2; line-height:37px; height:37px; text-align:center; padding:0px;overflow:hidden;}
.mcom .add{display:block;clear:both}
.mcom .add:hover{overflow:hidden;}
.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;}
.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:100%; float:none; display:block; clear:both padding-right:0px;}
.quick-menu .Pclass{lear:both;padding:0px;}
.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;}
.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 .spas{ display:block;padding-top:10px;}
.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 .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 */
.select{width:100%;height:32px;line-height:32px;position:relative;text-align:center;cursor:pointer;background: url(../images/sebg.png) left top repeat-x;color:#fff; margin:10px auto;}
.option{ color:#fff;line-height:32px;width:100%;position:absolute;top:32px;left:0px;display:none;background:#474F57; z-index:5;}
.select ul{list-style:none;margin:0;padding:0;width:100%;}
.select ul li{height:32px;text-align:center;color:#fff;}
.select .selbt{height:32px;line-height:32px;text-align:center; color:#FFFFFF;font-size:14px; font-weight:bold;}
.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}
.select_sub_h{background:#E17C56;color:#FFFFFF}
/* 下拉语言 END */
/* 首页快捷菜单 END */
/*底部编辑器 菜单 S */
#fteid{ display:block; clear:both;overflow: hidden;}
#fteid .fmu{ width:20%; float:left; border-right:1px solid #FFFFFF; margin-left:4%; min-height:150px; height:auto}
#fteid .fmu dt{}
#fteid .fmu dt a{}
#fteid .fmu dd{line-height:22px;}
#fteid .fmu dd a{color:#393939}
#fteid .fmu dd a:hover{color:#F58AA4}
#midban .ban_m4 ul li{min-height:330px; width:46%; margin: 0 2% 0 2%; }
#midban .ban_m4 ul li .b4pic{min-height:190px; height:190px}
/*底部编辑器 菜单 END */
/* 底部 START */
#foot{width:100%; margin:0px auto;font-size:12px; text-align:left; padding:0px 0px 10px; color:#757575; line-height:20px; clear:both; background:#F8F8F8; overflow:hidden}
#foot .nr{}
#foot .nr a{ padding:0px 5px; margin:0px;}
#foot .powered{}
/* 底部 END */
/* 登陆 START */
#login{width:100%; margin:0px auto;overflow:hidden; min-height:350px;}
#login .dlef{ width:50%; margin:0px auto;text-align:center;}
#login .dlef h2{ font-size:24px;line-height:56px; border-bottom:1px solid #CCCCCC}
#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 b{width:100%;float:none; clear:both; text-align:left; padding-right:10px; font-weight:normal; font-size:14px; clear:both; display:block}
#login .dlef ul li em{float:none; width:auto;padding-right:10px; clear:both; width:100%;}
#login .dlef ul li strong{float:none; font-weight:normal; width:100%;}
#login .dlef ul li span{float: none; font-size:14px;width:100%; display:block; clear:both; margin-left:0px;}
#login .dlef ul li em img{padding-left:10px;}
#login .dlef ul li .w200{width:98%; border:1px solid #ccc}
#login .dlef ul li .w100{width:30%; border:1px solid #ccc}
#login .drbut{ background:url(../images/butbg.jpg) left top repeat-x; text-align:center; font-weight:bold; border:none; line-height:30px; padding:0px 25px; cursor:pointer; margin-right:5px; color:#FFFFFF}
#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;}
.mbt span{}
.mbt a{}
.mbt a:hover{}
/* 產品例表__内容 END */
/* 会员左边 START */
#member{width:100%; overflow:hidden; background:#FFFFFF}
#member .meleft{width:100%; float:none;min-height:800px; height:auto; overflow:hidden; margin-left:0%}
#member .meleft .mt{ overflow:hidden; display:block; background:#FFFFFF; padding:20px 0px;}
#member .meleft .mt .ssp{width:300px; float:left;}
#member .meleft .mt .ssp .view{text-align:right; background:url(../images/ico.gif) 225px 3px no-repeat; line-height:26px; font-size:12px; display:block; overflow:hidden; height:30px; overflow:hidden; clear:both}
#member .meleft .mt .ssp ul{width:300px;clear:both;}
#member .meleft .mt .ssp ul li{ padding:3px;float:left; list-style:none; width:50px; height:50px;}
#member .meleft .mt .intr{width:90%; float:none; min-height:200px; height:auto;color:#000000; padding:0px 5%; overflow:hidden;}
#member .meleft .mt .intr .dbt{ display:block; border-bottom:1px solid #CCCCCC; overflow:hidden; padding:15px 0px;}
#member .meleft .mt .intr .dbt .bt_d{ display:block; font-size:18px; line-height:20px;}
#member .meleft .mt .intr .dbt p{ display:block; font-size:12px; line-height:14px;}
#member .meleft .mt .intr .dbt span{ display:block; font-size:12px;}
#member .meleft .mt .intr .dbt span em{font-size:18px; font-style:normal}
#member .meleft .mt .intr .dbt span strong{color:#6E6E6E; text-decoration:line-through; font-size:12px;}
#member .meleft .mt .intr .dbt .clsr{ display:block; font-size:12px;text-align:right;}
#member .meleft .mt .intr .dbt .clsr ul{ clear:both; text-align:right; float:right; padding-bottom:5px; height:28px; overflow:hidden}
#member .meleft .mt .intr .dbt .clsr ul li{ float:left; list-style:none; padding-left:5px; line-height:23px; font-size:12px;}
#member .meleft .mt .intr .dbt .clsr em{ padding-right:3px; font-weight:normal;font-size:12px;}
#member .meleft .mt .intr .dbt .clsr a{ padding:0px 3px;}
#member .meleft .mt .intr .size{ width:100%; background:#E1D2D4; clear:both; height:auto; display:block;}
#member .meleft .mt .intr .size ul{ width:96%; margin:0 auto; clear:both; padding:10px 0px; overflow:hidden}
#member .meleft .mt .intr .size ul li{ width:100%; list-style:none; line-height:20px; clear:both; padding-top:15px;}
#member .meleft .mt .intr .size ul li span{width:100%;float:none; display:block;}
#member .meleft .mt .intr .size ul li em{width:100%;float:none; display:block;color:#666666}
#member .meleft .mt .intr .size ul li .inc{width:100%;float:none; color:#666666; overflow:hidden; padding-left:0px}
#member .meleft .mt .intr .size ul li .col_1{height:20px; margin:0px;text-align:center; float:left; line-height:20px;border:3px solid #E1D2D4; cursor:pointer; padding:0px 5px}
#member .meleft .mt .intr .size ul li .col_1:hover{height:20px; margin:0px;text-align:center; float:left; line-height:20px; border:3px solid #E1E1E1; cursor:pointer;background:#fff;}
#member .meleft .mt .intr .size ul li .col_cur{height:20px; margin:0px;text-align:center; float:left; line-height:20px; border:3px solid #E1E1E1; cursor:pointer;background:#fff;}
#member .meleft .mt .intr .size ul li .szb{height:20px; margin:0px 5px;text-align:center; float:left; line-height:20px;border:3px solid #E1D2D4;cursor:pointer; padding:0px 5px}
#member .meleft .mt .intr .size ul li .szb:hover{height:20px; margin:0px 5px;text-align:center; float:left; line-height:20px; border:3px solid #E1E1E1; background:#fff; cursor:pointer}
#member .meleft .mt .intr .size ul li .szb_cur{height:20px; margin:0px 5px;text-align:center; float:left; line-height:20px; border:3px solid #E1E1E1; background:#fff; cursor:pointer}
#member .meleft .mt .intr .an{display:block;padding:15px 0px;overflow:hidden}
#member .meleft .mt .intr .an a{margin-right:40px; font-weight:bold; font-size:12px;float:left}
#member .meleft .mf{clear:both; overflow:hidden; color:#333333; padding:20px 0px;}
#member .meleft .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 .meleft .mt .intr .an .but {height:25px;line-height:25px;overflow:hidden;display:table-cell;padding:0px 15px; border: none}
#member .meleft .mt .intr .an .but:hover {height:25px;line-height:25px;padding:0px 15px;}
#member .meleft .mt .intr .size_sj{ width:96%; display:block; height:auto; line-height:40px; padding:0px 10px; background:#E1D2D4; margin:10px 0px; position:relative}
#member .meleft .mt .intr .size_sj a{ display:block; font-size:1em; color:#343434;}
/* 会员左边 END */
/* 放大镜 START */
#div1{width:300px;height:300px;padding:1px;border:none;position:relative; float:left; margin-right:20px;}
#div1 .cx_l{position:absolute; left:0px; top:0px; z-index:1000}
#div1 .cx_r{position:absolute; right:0px; top:0px; z-index:1000}
#div1 .cx_lf{position:absolute; left:0px; bottom:0px; z-index:1000}
#div1 .cx_rf{position:absolute; right:0px; bottom:0px; z-index:1000}
/* 放大镜 END */
/* 購物流程 START */
#process{width:100%; margin:0px auto; background:#FFFFFF; overflow:hidden; padding:0px 0px 20px;}
#process .lc{width:95%; margin:0px auto; overflow:hidden}
#process .lc .lc_01{ background:url(../images/lc.png) 0px 0px no-repeat; width:184px;height:88px; float:left; line-height:88px; padding-left:15px;}
#process .lc .lc_02{ background:url(../images/lc.png) -210px 0px no-repeat; width:176px;height:88px; float:left; line-height:88px; padding-left:55px;}
#process .lc .lc_03{ background:url(../images/lc.png) -450px 0px no-repeat; width:204px;height:88px; float:left; line-height:88px; padding-left:55px;}
#process .pbt{width: 96%;height: 25px;line-height: 25px;margin: 20px auto 10px;clear: both;cursor: pointer;overflow: hidden;border-radius:8px;color: #FFFFFF;font-weight: bold;}
#process .pbt em{ float:left; color:#FFFFFF;}
#process .pbt span{ float:right; color:#FFFFFF; padding-right:5%; line-height:26px; color:#FFFFFF}
#process .pbt span a{ float:right; color:#FFFFFF; padding-right:5%; line-height:26px; color:#FFFFFF;width: 80px;}
#process .pbt span i{ float:right; font-style:normal;text-indent:5px;}
#process table{width: 100%;margin: 0 auto;}
#process .hj{width: 95%;margin: 0px auto;padding: 0px 0px 0px 5%;overflow: hidden;}
#process .hj em{width:90%;text-align: right;float: none; display:block; clear:both;padding-right: 0%;}
#process .hj .sjtol{width: 90%;float: right;padding-right: 10%; text-align:right}
INPUT.coshop{ padding:0px 10px;text-align:center; color:#fff; background:url(../images/mubg.png) left top repeat-x; border:0px; cursor:pointer; height:30px; line-height:30px; font-size:12px; margin-left:10px; font-weight:bold; width:120px;}
#process .hj span{padding-right:15px; text-align:left; float:left; font-size:18px; line-height:30px; color:#1C2453}
#process .hj b{width:100px; text-align:left; float:left; font-size:18px; line-height:30px; color:#1C2453}
#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; letter-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{ padding:15px; line-height:26px; margin:0px auto; color:#666666}
#process .fre{ margin:15px auto;text-align:left;}
#process .fre span{font-size:26px; padding-right:30px;color:#1C2453; }
#process .settl{width:95%; margin:15px auto;text-align:right}
#process .settl span{font-size:12px; padding-right:30px;color:#1C2453;display:block;clear:both }
#process .settl span .ucb{padding: 0px 10px;text-align: center;color: #fff;background: url(../images/mubg.png) left top repeat-x;border: 0px;cursor: pointer;height: 22px;line-height: 22px;font-size: 12px; font-weight: bold;width: 80px;}
#process .settl span em{width:150px; float:right; text-align:right}
#process .settl span input{width:50px; margin-top:10px;text-align:center;}
#process .settl .tol{padding-top:15px;}
#process .settl #totalcredits{ font-size:26px; color:red}
#process .rksj{display: block;clear: both;}
#process .rksj ul{display: block;clear: both;padding: 0px 0px 10px 0px;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:0px 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 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:35px; padding-top:5px;}
/* 購物流程 END */
/* 产品列表all S */
#pro .sub-con{width:100%; float: none; margin-left:0%; clear:both; display:block}
/* 产品列表all E */
/* 登陸後界面 START */
#record{width:100%; margin:0px auto; overflow:hidden; background:#FFFFFF; padding:25px 0% 10px;}
#record .quick-menu{width:100%; float:none; padding-right:0px; margin:0px; display:block}
#record .quick-menu ul{margin:0px auto; padding:0px; overflow:hidden;}
#record .quick-menu ul li{height:34px;list-style:none; background:url(../images/mbg.png) left top repeat-x; line-height:34px; padding:0px 15px 0px 10px; font-size:16px; margin-bottom:10px; overflow:hidden; margin-bottom:15px;}
#record .quick-menu ul li a{padding-left:15px;}
#record .quick-menu ul li a:hover{}
#record .sub-con{width:100%; float: none; display:block}
#record .sub-con .rban{ display:block}
#record .sub-con{float:none;}
#record .sub-con .rban{display:block}
#record .sub-con .list{display:block;}
#record .sub-con .list .bt{font-size:12px; font-weight:bold; line-height:36px;}
#record .sub-con .list td{ line-height:22px; color:#666666;font-size:12px;}
#record .sub-con .list a{font-size:12px;}
#record .sub-con .list .rksj{ display:block; clear:both}
#record .sub-con .list ul{display:block; clear:both; padding:0px 0px 10px 0px; margin:0px 0px 15px 0px; border-bottom:1px solid #999999; overflow:hidden}
#record .sub-con .list ul li{display:block; clear:both; list-style:none; padding:0px 0px 5px 0px; margin:0px; line-height:20px; overflow:hidden}
#record .sub-con .list ul li span{ width:20%; float:left; text-align:right; padding-right:5%; font-weight:bold}
#record .sub-con .list ul li em{ width:75%; float:left}
/* 登陸後界面 END */
#midban .ban_m4 ul li .b4nr .bbt{font-size:14px;}
}
@media (max-width: 480px) {
.container {width: auto;}
/*首页产品列表 S */
#pcls{ display:block; clear:both;overflow: hidden}
#pcls .pcbt{margin:0px auto; overflow: hidden;line-height:26px;}
#pcls .pcbt{color:#301010; margin:0px auto; overflow: hidden;line-height:26px; padding:0px 15px 0px 0px; font-size:1.1em;}
#pcls .pcbt span{ background:#000; color:#FFFFFF; float:left; padding:8px 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:46%; min-height:170px; height:auto;text-align:left; float:left;font-size:12px; text-align:center; overflow:hidden; display:block; margin:10px 1.7%; border:1px solid #F0F0F0;overflow:hidden;}
.mcom ul li a{display:block;text-align:center; }
.mcom ul li .inf{isplay:block; padding:6px 5px;overflow:hidden; color:#292929; min-height:60px;}
.mcom ul li p{font-size:12px; line-height:16px; clear:both;}
.mcom ul li .pic{width:100%; height:170px; 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:1000}
.mcom ul li .cx_r{position:absolute; right:5px; top:5px; z-index:1000}
.mcom ul li .cx_lf{position:absolute; left:5px; bottom:5px; z-index:1000}
.mcom ul li .cx_rf{position:absolute; right:5px; bottom:5px; z-index:1000}
.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{}
.mcom ul li .name_h50{}
.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;}
.mcom ul li .op{color:#6E6E6E; text-decoration:line-through; font-size:16px;}
.mcom .per{padding-top:5px;}
.mcom .det{ background:url(../images/det.png) center center no-repeat #4A535B; line-height:37px; height:37px; text-align:center; padding:0px;overflow:hidden;margin-top:8px; margin-left:5px; float:left; width:40px;}
.mcom .det:hover{ background:url(../images/det.png) center center no-repeat #ACB9C2; line-height:37px; height:37px; text-align:center; padding:0px;overflow:hidden;}
.mcom .add{display:block;clear:both}
.mcom .add:hover{overflow:hidden;}
.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;}
.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:100%; float:none; display:block; clear:both padding-right:0px;}
.quick-menu .Pclass{lear:both;padding:0px;}
.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;}
.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 .spas{ display:block; padding-top:10px;}
.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 .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 */
.select{width:100%;height:32px;line-height:32px;position:relative;text-align:center;cursor:pointer;background: url(../images/sebg.png) left top repeat-x;color:#fff; margin:10px auto;}
.option{ color:#fff;line-height:32px;width:100%;position:absolute;top:32px;left:0px;display:none;background:#474F57; z-index:5;}
.select ul{list-style:none;margin:0;padding:0;width:100%;}
.select ul li{height:32px;text-align:center;color:#fff;}
.select .selbt{height:32px;line-height:32px;text-align:center; color:#FFFFFF;font-size:14px; font-weight:bold;}
.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}
.select_sub_h{background:#E17C56;color:#FFFFFF}
/* 下拉语言 END */
/* 首页快捷菜单 END *
/
/*底部编辑器 菜单 S */
#fteid{ display:block; clear:both;overflow: hidden;}
#fteid .fmu{ width:20%; float:left; border-right:1px solid #FFFFFF; margin-left:4%; min-height:150px; height:auto}
#fteid .fmu dt{}
#fteid .fmu dt a{}
#fteid .fmu dd{line-height:22px;}
#fteid .fmu dd a{color:#393939}
#fteid .fmu dd a:hover{color:#F58AA4}
/*底部编辑器 菜单 END */
/* 底部 START */
#foot{width:100%; margin:0px auto;font-size:12px; text-align:left; padding:0px 0px 10px; color:#757575; line-height:20px; clear:both; background:#F8F8F8; overflow:hidden}
#foot .nr{}
#foot .nr a{ padding:0px 5px; margin:0px;}
#foot .powered{}
/* 底部 END */
/* 登陆 START */
#login{width:100%; margin:0px auto;overflow:hidden; min-height:350px;}
#login .dlef{ width:50%; margin:0px auto;text-align:center;}
#login .dlef h2{ font-size:24px;line-height:56px; border-bottom:1px solid #CCCCCC}
#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 b{width:70px;float:left; text-align:left; padding-right:10px; font-weight:normal; font-size:14px;}
#login .dlef ul li em{float:left; width:auto;padding-right:10px;}
#login .dlef ul li strong{float:left; font-weight:normal; width:100px;}
#login .dlef ul li span{float: none; font-size:14px;width:250px; display:block; clear:both; margin-left:70px;}
#login .dlef ul li em img{padding-left:10px;}
#login .dlef ul li .w200{width:98%; border:1px solid #ccc}
#login .dlef ul li .w100{width:50%; border:1px solid #ccc}
#login .drbut{ background:url(../images/butbg.jpg) left top repeat-x; text-align:center; font-weight:bold; border:none; line-height:30px; padding:0px 25px; cursor:pointer; margin-right:5px; color:#FFFFFF}
#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;}
.mbt span{}
.mbt a{}
.mbt a:hover{}
/* 產品例表__内容 END */
/* 会员左边 START */
#member{width:100%; overflow:hidden; background:#FFFFFF}
#member .meleft{width:100%; float:none;min-height:800px; height:auto; overflow:hidden; margin-left:0%}
#member .meleft .mt{ overflow:hidden; display:block; background:#FFFFFF; padding:20px 0px;}
#member .meleft .mt .ssp{width:300px;float: none; clear:both; height:350px; margin:0px auto;overflow:hidden; display:block}
#member .meleft .mt .ssp .view{text-align:right; background:url(../images/ico.gif) 225px 3px no-repeat; line-height:26px; font-size:12px; display:block; overflow:hidden; height:30px; overflow:hidden; clear:both}
#member .meleft .mt .ssp ul{width:300px;clear:both;}
#member .meleft .mt .ssp ul li{ padding:3px;float:left; list-style:none; width:50px; height:50px;}
#member .meleft .mt .intr{width:90%; float:none; min-height:200px; height:auto;color:#000000; padding:0px 5%; overflow:hidden;}
#member .meleft .mt .intr .dbt{ display:block; border-bottom:1px solid #CCCCCC; overflow:hidden; padding:15px 0px;}
#member .meleft .mt .intr .dbt .bt_d{ display:block; font-size:18px; line-height:20px;}
#member .meleft .mt .intr .dbt p{ display:block; font-size:12px; line-height:14px;}
#member .meleft .mt .intr .dbt span{ display:block; font-size:12px;}
#member .meleft .mt .intr .dbt span em{font-size:18px; font-style:normal}
#member .meleft .mt .intr .dbt span strong{color:#6E6E6E; text-decoration:line-through; font-size:12px;}
#member .meleft .mt .intr .dbt .clsr{ display:block; font-size:12px;text-align:right; margin-top:10px;}
#member .meleft .mt .intr .dbt .clsr ul{ clear:both; text-align:right; float:right; padding-bottom:5px; height:28px; overflow:hidden}
#member .meleft .mt .intr .dbt .clsr ul li{ float:left; list-style:none; padding-left:5px; line-height:23px; font-size:12px;}
#member .meleft .mt .intr .dbt .clsr em{ padding-right:3px; font-weight:normal;font-size:12px;}
#member .meleft .mt .intr .dbt .clsr a{ padding:0px 3px;}
#member .meleft .mt .intr .size{ width:100%; background:#E1D2D4; clear:both; height:auto; display:block;}
#member .meleft .mt .intr .size ul{ width:96%; margin:0 auto; clear:both; padding:10px 0px; overflow:hidden}
#member .meleft .mt .intr .size ul li{ width:100%; list-style:none; line-height:20px; clear:both; padding-top:15px;}
#member .meleft .mt .intr .size ul li span{width:100%;float:none; display:block;}
#member .meleft .mt .intr .size ul li em{width:100%;float:none; display:block;color:#666666}
#member .meleft .mt .intr .size ul li .inc{width:100%;float:none; color:#666666; overflow:hidden; padding-left:0px}
#member .meleft .mt .intr .size ul li .col_1{height:20px; margin:0px;text-align:center; float:left; line-height:20px;border:3px solid #E1D2D4; cursor:pointer; padding:0px 5px}
#member .meleft .mt .intr .size ul li .col_1:hover{height:20px; margin:0px;text-align:center; float:left; line-height:20px; border:3px solid #E1E1E1; cursor:pointer;background:#fff;}
#member .meleft .mt .intr .size ul li .col_cur{height:20px; margin:0px;text-align:center; float:left; line-height:20px; border:3px solid #E1E1E1; cursor:pointer;background:#fff;}
#member .meleft .mt .intr .size ul li .szb{height:20px; margin:0px 5px;text-align:center; float:left; line-height:20px;border:3px solid #E1D2D4;cursor:pointer; padding:0px 5px}
#member .meleft .mt .intr .size ul li .szb:hover{height:20px; margin:0px 5px;text-align:center; float:left; line-height:20px; border:3px solid #E1E1E1; background:#fff; cursor:pointer}
#member .meleft .mt .intr .size ul li .szb_cur{height:20px; margin:0px 5px;text-align:center; float:left; line-height:20px; border:3px solid #E1E1E1; background:#fff; cursor:pointer}
#member .meleft .mt .intr .an{display:block;padding:15px 0px;overflow:hidden}
#member .meleft .mt .intr .an a{margin-right:40px; font-weight:bold; font-size:12px;float:left}
#member .meleft .mf{clear:both; overflow:hidden; color:#333333; padding:20px 0px;}
#member .meleft .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 .meleft .mt .intr .an .but {height:25px;line-height:25px;overflow:hidden;display:table-cell;padding:0px 5px; border:none}
#member .meleft .mt .intr .an .but:hover {height:25px;line-height:25px;padding:0px 15px;}
#member .meleft .mt .intr .size_sj{ width:96%; display:block; height:auto; line-height:40px; padding:0px 10px; background:#E1D2D4; margin:10px 0px; position:relative}
#member .meleft .mt .intr .size_sj a{ display:block; font-size:1em; color:#343434;}
/* 会员左边 END */
/* 放大镜 START */
#div1{width:300px;height:300px;padding:1px;border:none;position:relative; float:left; margin-right:20px;}
#div1 .cx_l{position:absolute; left:0px; top:0px; z-index:1000}
#div1 .cx_r{position:absolute; right:0px; top:0px; z-index:1000}
#div1 .cx_lf{position:absolute; left:0px; bottom:0px; z-index:1000}
#div1 .cx_rf{position:absolute; right:0px; bottom:0px; z-index:1000}
/* 放大镜 END */
/* 購物流程 START */
#process{width:100%; margin:0px auto; background:#FFFFFF; overflow:hidden; padding:0px 0px 20px;}
#process .lc{width:95%; margin:0px auto; overflow:hidden}
#process .lc .lc_01{ background:url(../images/lc.png) 0px 0px no-repeat; width:184px;height:88px; float:left; line-height:88px; padding-left:15px;}
#process .lc .lc_02{ background:url(../images/lc.png) -210px 0px no-repeat; width:176px;height:88px; float:left; line-height:88px; padding-left:55px;}
#process .lc .lc_03{ background:url(../images/lc.png) -450px 0px no-repeat; width:204px;height:88px; float:left; line-height:88px; padding-left:55px;}
#process .pbt{width: 99%;height: 25px;line-height: 25px;margin: 20px auto 10px;clear: both;cursor: pointer;overflow: hidden; border-radius:8px;color: #FFFFFF;font-weight: bold; text-indent:8px;}
#process .pbt em{ float:left; color:#FFFFFF;}
#process .pbt span{ float:right; color:#FFFFFF; padding-right:5%; line-height:26px; color:#FFFFFF}
#process .pbt span a{ float:right; color:#FFFFFF; padding-right:5%; line-height:26px; color:#FFFFFF;width: 80px;}
#process .pbt span i{ float:right; font-style:normal;text-indent:5px;}
#process table{width: 100%;margin: 0 auto;}
#process .hj{width: 95%;margin: 0px auto;padding: 0px 0px 0px 5%;overflow: hidden;}
#process .hj em{width:90%;text-align: right;float: none; display:block; clear:both;padding-right: 0%;}
#process .hj .sjtol{width: 90%;float: right;padding-right: 10%; text-align:right}
INPUT.coshop{ padding:0px 10px;text-align:center; color:#fff; background:url(../images/mubg.png) left top repeat-x; border:0px; cursor:pointer; height:30px; line-height:30px; font-size:12px; margin-left:10px; font-weight:bold; width:120px;}
#process .hj span{padding-right:15px; text-align:left; float:left; font-size:14px; line-height:30px; color:#1C2453}
#process .hj b{width:100px; text-align:left; float:left; font-size:14px; line-height:30px; color:#1C2453}
#process .incon{width:98%; margin:0px auto; overflow:hidden}
#process .incon dl{width:98%; display:block;}
#process .incon dl dt{ width:98%; display:block; font-size:16px; color:#1C2453; font-weight:bold; padding-top:10px; clear:both}
#process .incon dl dd{ width:98%; display:block; padding-top:5px; clear:both}
#process .incon dl dd INPUT[type="text"]{ margin-right:5px;}
#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; letter-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{padding:15px; line-height:26px; margin:0px auto; color:#666666}
#process .fre{ margin:15px auto;text-align:left;}
#process .fre span{font-size:26px; padding-right:30px;color:#1C2453; }
#process .settl{width:95%; margin:15px auto;text-align:right}
#process .settl span{font-size:12px; padding-right:30px;color:#1C2453;display:block;clear:both }
#process .settl span .ucb{padding: 0px 10px;text-align: center;color: #fff;background: url(../images/mubg.png) left top repeat-x;border: 0px;cursor: pointer;height: 22px;line-height: 22px;font-size: 12px; font-weight: bold;width: 80px;}
#process .settl span em{width:150px; float:right; text-align:right}
#process .settl span input{width:120px; margin-top:10px;text-align:center;}
#process .settl .tol{padding-top:10px; overflow:hidden; display:block; clear:both}
#process .settl .towz{padding-top:15px; overflow:hidden; display:block; clear:both}
#process .settl #totalcredits{ font-size:26px; color:red}
#process .rksj{display: block;clear: both;}
#process .rksj ul{display: block;clear: both;padding: 0px 0px 10px 0px;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 span{width: 15%;float: left;text-align: right;padding:0px 5%;font-weight: bold;}
#process .rksj ul li span img{ max-width:100%; width:auto;}
#process .rksj ul li label{width:8%;float:left;text-align: center;padding:0px 2% 0px 0px;}
#process .rksj ul li em{width: 55%;float: left;padding-top:5px;}
#process .rksj ul li b{width: 100%;float: left;text-align:left;padding-top:2px;padding-right:5%}
#process .rksj ul li b input[type="text"]{ width:75%; text-align:center; margin:0px auto;}
#process .rksj ul li b strong{ display:block; clear:both;color:#FF0000; text-align:left; text-indent:35px; padding-top:5px;}
/* 購物流程 END */
/* 产品列表all S */
#pro .sub-con{width:100%; float: none; margin-left:0%; clear:both; display:block}
/* 产品列表all E */
/* 登陸後界面 START */
#record{width:100%; margin:0px auto; overflow:hidden; background:#FFFFFF; padding:25px 0% 10px;}
#record .quick-menu{width:100%; float:none; padding-right:0px; margin:0px;display:block}
#record .quick-menu ul{margin:0px auto; padding:0px; overflow:hidden;}
#record .quick-menu ul li{height:34px;list-style:none; background:url(../images/mbg.png) left top repeat-x; line-height:34px; padding:0px 15px 0px 10px; font-size:16px; margin-bottom:10px; overflow:hidden; margin-bottom:15px;}
#record .quick-menu ul li a{padding-left:15px;}
#record .quick-menu ul li a:hover{}
#record .sub-con{width:100%; float: none; display:block}
#record .sub-con .rban{ display:block}
#record .sub-con{float:none;}
#record .sub-con .rban{display:block}
#record .sub-con .list{display:block;}
#record .sub-con .list .bt{font-size:12px; font-weight:bold; line-height:36px;}
#record .sub-con .list td{ line-height:22px; color:#666666; font-size:12px;}
#record .sub-con .list a{font-size:12px;}
#record .sub-con .list .rksj{ display:block; clear:both}
#record .sub-con .list ul{display:block; clear:both; padding:0px 0px 10px 0px; margin:0px 0px 15px 0px; border-bottom:1px solid #999999; overflow:hidden}
#record .sub-con .list ul li{display:block; clear:both; list-style:none; padding:0px 0px 5px 0px; margin:0px; line-height:20px; overflow:hidden}
#record .sub-con .list ul li span{ width:20%; float:left; text-align:right; padding-right:5%; font-weight:bold}
#record .sub-con .list ul li em{ width:75%; float:left}
/* 登陸後界面 END */
/*首页 中间四张圆图banner S */
#midban{display:block; clear:both;}
#midban .ban_m4{display:block; clear:both; position: relative; height:auto;}
#midban .ban_m4 ul{display:block; clear:both; padding:0px; margin:20px 0px 14px; overflow:hidden}
#midban .ban_m4 ul li{padding:0px; margin:0px; width:46%; float:left; list-style:none; margin:0px 2% 10px}
#midban .ban_m4 ul li:first-child{ margin:0px 2%}
#midban .ban_m4 ul li a img{transition: all 0.5s ease;
filter: url("data:image/svg+xml;utf8,#grayscale");filter: gray;-webkit-filter: grayscale(100%);}
#midban .ban_m4 ul li a:hover img{filter: url("data:image/svg+xml;utf8,#grayscale"); -webkit-filter: grayscale(0%);}
#midban .ban_m4 ul li{min-height:320px;}
#midban .ban_m4 ul li .b4pic{min-height:120px; height:120px}
/*首页 中间四张圆图banner S */
/*首页 banner翻页 S */
.left{ left:12.53%; top:40%;width:24px;height:48px;text-indent: -9999px;background: url(../images/prev_sj.png) left top no-repeat; position:absolute; background-size:100%}
.right{right:12.53%; top:40%;width: 24px;height: 48px;text-indent: -9999px;background: url(../images/next_sj.png) right bottom no-repeat; position:absolute; background-size:100%}
.left:hover{ left:12.53%; top:40%;width: 24px;height: 48px;text-indent: -9999px;background: url(../images/prev_sj.png) left bottom no-repeat; position:absolute; background-size:100%}
.right:hover{right:12.53%; top:40%;width: 24px;height: 48px;text-indent: -9999px;background: url(../images/next_sj.png) right top no-repeat; position:absolute; background-size:100%}
/*首页 banner翻页码END */
/*手機LOGO S */
#head_sj .hm_l{ width:30%;}
#head_sj .hm_r{ width:66%; float:right; padding-top:16px; padding-left:2%; color:#FFFFFF}
/*手機LOGO E */
#midban .ban_m4 ul li .b4nr .bbt{font-size:14px;}
}