/*弹出菜单*/
.muenbg{ display:none;width:100%; height:100%;background:rgba(0, 0, 0, 0.5) none repeat scroll 0 0 !important;z-index:9991;position:fixed; top:0; right:-100%;}
.muenbg .hidebtn{ width:20%; float:left; padding-top:200px; text-align:center;}

.muenclassbox{display:none; width:80%;height:100%; background-color:#E8E8E8;z-index:9992;position:fixed; top:0; right:-100%; overflow:auto;}
.muenclassbox .musearchbox{ margin:4%; height:30px; border:1px solid #ccc; background-color:#FFF;}
.muenclassbox .musearchbox .muinputbox{ float:left; width:70%;}
.muenclassbox .musearchbox .muinputbox .muintxt{width:100%; height:20px; border:1px solid #fff;}
.muenclassbox .musearchbox .butsbox{ float:right; height:16px;padding-right:7px; padding-top:2px;}

.muenclassbox .mulist{margin:4%;}
.muenclassbox .mulist ul{ display:block;}
.muenclassbox .mulist ul li{ margin-bottom:2px; padding-right:10px; height:40px; line-height:40px; border-bottom:none; background-color:#fff;}
.muenclassbox .mulist ul li:last-child{}
.muenclassbox .mulist ul li a{ display:block;height:40px; line-height:40px; padding-left:12px; font-size:16px; font-family:"微软雅黑", "宋体", Arial, Helvetica, sans-serif; background:url(../images/mor-ico-01.png) no-repeat 100% center; background-size:auto 12px;}

#navclass{ background-color:#444;}
/*弹出菜单END*/

.shopmuen{ width:100%; height:55px; position:fixed; left:0; bottom:0; background-color:#28BDFF;}
.shopmuen ul{ display:block; padding-top:8px;}
.shopmuen ul li{width:20%; float:left;}
.shopmuen ul li a{display:block; text-align:center; padding-top:4px;}
.shopmuen ul li a i{ display:block; height:22px; padding-bottom:3px;}
.shopmuen ul li a span{display:block; font-size:12px; color:#fff;}
.shopmuen ul li a.home i img{ margin-top:-4px;}

.footer .telbox{ padding-top:20px;}
.footer .telbox span{ display:block; font-size:12px; color:#999; text-align:center;}
.footer .telbox a{ display:block; text-align:center;}
.footer .telbox a strong{ font-size:24px; color:#666;}

/*顶部*/
.shopheader{ height:40px; background-color:#28BDFF; position:relative;}
.hdfixed{ width:100%; position:fixed; left:0; top:0;}
.shopheader .topback{width:20px; height20px; position:absolute; top:10px; left:8px;}
.shopheader .topback a{}
.shopheader .topback a img{ display:block;}
.shopheader .cmpname{ padding:0 30px;}
.shopheader .cmpname h3{ height:40px; line-height:40px; text-align:center; font-size:18px; color:#fff; font-weight:600; overflow:hidden;}
.shopheader .muenbtn{ width:20px; height:20px; position:absolute; top:10px; right:8px;}
.shopheader .muenbtn .shorltmu{ display:block;}
.shopheader .muenbtn .shorltmu img{ display:block;}
/*商店头部LOGO和菜单*/
.shoptopbox{}
.shoptopbox .shoplogowbox{ padding-left:110px;height:90px; background:url(../images/sh-topbar-bg.png) no-repeat 0 0; background-size:cover; position:relative;}
.shoptopbox .shoplogowbox .logomainpic{ position:absolute; top:20px; left:12px; border:5px solid #fff; overflow:hidden;}
.shoptopbox .shoplogowbox .logomainpic img{}
.shoptopbox .shoplogowbox .shopname{ padding-top:30px; line-height:28px; font-size:18px;color:#fff;}
.shoptopbox .shoplogowbox .shopname h3{font-weight:bold;text-shadow: 1px 1px  3px rgba(0,0,0, 0.5);}
.shoptopbox .shopmuennod{ padding-top:20px;overflow:hidden;}
.shoptopbox .shopmuennod ul{ display:block; padding:6px 0;text-align:center; overflow:hidden; }
.shoptopbox .shopmuennod ul li{float:left; width:25%;}
.shoptopbox .shopmuennod ul li a{display:block; line-height:30px; font-size:14px; color:#999999; display:block; border-right:1px solid #dedede;}
.shoptopbox .shopmuennod ul li:last-child a{ border:none;}

/*商铺首页*/
.yhcxiao{ padding:10px; height:60px;}
.yhcxiao a{ display:block;height:60px; position:relative; background:url(../images/sh-rli.png) no-repeat right center; background-size:auto 16px;}
.yhcxiao a .yhuijuncx{ width:110px; height:60px; background:url(../images/sh-yh-t-b.png) no-repeat 0 0; background-size:100% 100%; position:absolute; top:0; left:0;}
.yhcxiao a .yhuijuncx .juantits{ padding-top:6px; height:26px; font-size:16px; font-weight:bold; color:#fff; text-align:center;}
.yhcxiao a .yhuijuncx .lqubtnx{ margin:0 12px; text-align:center; font-size:12px; color:#F85351; height:18px; line-height:18px; background-color:#fff; }
.yhcxiao a .cxbyun{ padding-left:120px;}
.yhcxiao a .cxbyun h3{ padding-top:10px; line-height:20px; font-size:16px; font-weight:bold; color:#08bced; font-weight:bold;}
.yhcxiao a .cxbyun span{ font-size:10px; color:#999999;}

.warp .sptgmod{}
.warp .sptgmod .sptgtit{height:40px; position:relative;}
.warp .sptgmod .sptgtit h3{ float:left; line-height:40px; padding-left:6px; font-size:16px;color:#252525; font-weight:bold;}
.warp .sptgmod .sptgtit h3 img{margin-top:-4px;}
.warp .sptgmod .sptgtit span{display:block; position:absolute; top:8px; right:8px;}
.warp .sptgmod .sptgtit span a{}
.warp .sptgmod .sptgtit span a img{}
.warp .sptgmod .sptglist{}
.warp .sptgmod .sptglist ul.tglist1{overflow:hidden;}
.warp .sptgmod .sptglist ul.tglist1 li{ overflow:hidden;}
.warp .sptgmod .sptglist ul.sptglist1 li{ padding-top:6px; border-bottom:1px solid #dedede;}
.warp .sptgmod .sptglist ul.sptglist1 li:first-child{padding-top:0px;}
.warp .sptgmod .sptglist ul.tglist1 li a .dowtime{ padding:0 0 12px; font-size:12px; color:#999;}
.warp .sptgmod .sptglist ul.tglist1 li a .dowtime span{ height:22px;font-size:14px; line-height:22px; display:inline-block;}
.warp .sptgmod .sptglist ul.tglist1 li a .dowtime span.dataspan{ padding-right:16px;}
.warp .sptgmod .sptglist ul.tglist1 li a .dowtime span.tim{ display:inline-block; padding:0 6px;font-size:14px; background-color:#999999; color:#fff;border-radius:2px;}
.warp .sptgmod .sptglist ul.tglist1 li a .dowtime i{ padding-left:4px;font-style:normal; text-align:center;}

.warp .sptgmod .sptglist ul.tglist1 li a{ display:block; padding:6px 6px 20px; overflow:hidden; background-color:#fff;}
.warp .sptgmod .sptglist ul.tglist1 li a .tgoupromsg{ padding-left:130px; position:relative;}
.warp .sptgmod .sptglist ul.tglist1 li a .tgbigpic{ width:120px; height:120px; position:absolute; top:0; left:0;}
.warp .sptgmod .sptglist ul.tglist1 li a .tgbigpic span{ display:block;}
.warp .sptgmod .sptglist ul.tglist1 li a .tgbigpic img{}

.warp .sptgmod .sptglist ul.tglist1 li a .tgbtxt{ min-height:110px;padding-top:8px; font-size:12px;}
.warp .sptgmod .sptglist ul.tglist1 li a .tgbtxt .tgtit{ font-size:16px; color:#0e0e0e;height:24px; line-height:24px; overflow:hidden;}
.warp .sptgmod .sptglist ul.tglist1 li a .tgbtxt .tgprice{ color:#ff0000; font-size:18px;}
.warp .sptgmod .sptglist ul.tglist1 li a .tgbtxt .tgprice strong{ color:#fff;}
.warp .sptgmod .sptglist ul.tglist1 li a .tgbtxt .tgprice s{color:#999; font-size:12px; padding-left:4px;}

.warp .sptgmod .sptglist ul.tglist1 li a .tgbtxt .tgbuynumber{ padding:22px 70px 0 3px;font-size:14px; line-height:30px; color:#999; position:relative;}
.warp .sptgmod .sptglist ul.tglist1 li a .tgbtxt .tgbuynumber img{ margin-top:-4px;}
.warp .sptgmod .sptglist ul.tglist1 li a .tgbtxt .tgbuynumber strong{ color:#2f2f2f;}
.warp .sptgmod .sptglist ul.tglist1 li a .tgbtxt .tgbuynumber .shobtns{ display:block; width:68px; height:30px; line-height:30px; text-align:center; color:#fff; font-size:14px; background-color:#F9384E; position:absolute; bottom:0; right:8px;}


.warp .spprotjan{}
.warp .spprotjan .spptjantit{height:40px; position:relative;}
.warp .spprotjan .spptjantit h3{ float:left; line-height:40px; padding-left:6px; font-size:16px;color:#252525; font-weight:bold;}
.warp .spprotjan .spptjantit h3 img{margin-top:-4px;}
.warp .spprotjan .spptjantit span{display:block; position:absolute; top:8px; right:8px;}
.warp .spprotjan .spptjantit span a{}
.warp .spprotjan .spptjantit span a img{}

.warp .spprotjan .spptjlist{ padding:0 4px; padding-bottom:12px;}
.warp .spprotjan .spptjlist ul{ display:block; overflow:hidden;}
.warp .spprotjan .spptjlist ul li{ float:left; width:50%;}
.warp .spprotjan .spptjlist ul li a{ display:block; margin:4px;}
.warp .spprotjan .spptjlist ul li a dl{}
.warp .spprotjan .spptjlist ul li a dl dt{ position:relative;}
.warp .spprotjan .spptjlist ul li a dl dt i{ display:block; height:30px; line-height:30px; width:40px; padding-right:5px; text-align:center; background-color:#F9384E; font-size:16px; font-weight:bold; color:#fff; position:absolute; top:10px; left:0; border-top-right-radius:50px;border-bottom-right-radius:50px;}
.warp .spprotjan .spptjlist ul li a dl dt img{}
.warp .spprotjan .spptjlist ul li a dl dd{ padding-top:3px;}
.warp .spprotjan .spptjlist ul li a dl dd span{ display:block; height:24px; line-height:24px; font-size:12px; color:#666; overflow:hidden;}
.warp .spprotjan .spptjlist ul li a dl dd strong{ font-size:14px; color:#ff6666; font-weight:normal;}


.warp .spprolo{}
.warp .spprolo .spsprlist{ padding:4px; padding-bottom:12px;}
.warp .spprolo .spsprlist ul{ display:block; overflow:hidden;}
.warp .spprolo .spsprlist ul li{ float:left; width:33.3%;}
.warp .spprolo .spsprlist ul li a{ display:block; margin:4px;}
.warp .spprolo .spsprlist ul li a dl{}
.warp .spprolo .spsprlist ul li a dl dt{min-height:120px;}
.warp .spprolo .spsprlist ul li a dl dt img{max-height:120px;}
.warp .spprolo .spsprlist ul li a dl dd{ padding-top:3px;}
.warp .spprolo .spsprlist ul li a dl dd span{ display:block; height:24px; line-height:24px; font-size:12px; color:#666; overflow:hidden;}
.warp .spprolo .spsprlist ul li a dl dd strong{ font-size:14px; color:#ff6666; font-weight:normal;}

.warp .spnewbox{ height:50px; border-bottom:1px solid #dedede; position:relative;}
.warp .spnewbox .spnwlibox{ height:50px;}
.warp .spnewbox .spnwlibox ul{}
.warp .spnewbox .spnwlibox ul li{}
.warp .spnewbox .spnwlibox ul li dl{ height:50px; line-height:50px; padding-right:50px; overflow:hidden;}
.warp .spnewbox .spnwlibox ul li dl dt{ display:inline; padding-left:6px;}
.warp .spnewbox .spnwlibox ul li dl dt a{ display:inline-block; width:50px;}
.warp .spnewbox .spnwlibox ul li dl dt a span{ display:inline-block; min-width:46px;  height:18px; line-height:20px; text-align:center; border:1px solid #ff9600; border-radius:50px; color:#ff9600; font-size:14px;white-space:nowrap;}
.warp .spnewbox .spnwlibox ul li dl dd{display:inline;}
.warp .spnewbox .spnwlibox ul li dl dd a{ font-size:14px;}
.warp .spnewbox .spnewmore{ width:48px; line-height:48px; text-align:center; background-color:#fff; position:absolute; top:0; right:0;}
.warp .spnewbox .spnewmore a{ font-size:12px; color:#999;}

.warp .spaboutmod{ padding:20px 10px;}
.warp .spaboutmod a{ display:block;}
.warp .spaboutmod a dl{ padding-left:70px; height:60px; position:relative;}
.warp .spaboutmod a dl dt{ width:60px; height:60px; position:absolute; top:0; left:0;}
.warp .spaboutmod a dl dt span{}
.warp .spaboutmod a dl dt span img{}
.warp .spaboutmod a dl dd{}
.warp .spaboutmod a dl dd h3{ line-height:22px; font-size:14px; font-weight:bold; color:#010101;}
.warp .spaboutmod a dl dd span{ display:block; height:36px; font-size:12px; line-height:18px; color:#666; overflow:hidden;}

/*新闻列表*/
.warp .newslistwarp{ min-height:300px;}
.warp .newslistwarp ul{ border-top:1px solid #dedede;}
.warp .newslistwarp ul li{ display:block; height:60px; padding:12px 10px; background-color:#fff; border-bottom:1px solid #dedede;}
.warp .newslistwarp ul li a{ display:block; line-height:30px; padding-right:12px;background:url(../images/mor-ico-01.png) no-repeat 100% center; background-size:auto 18px;}
.warp .newslistwarp ul li a span{ display:block; height:30px;line-height:30px; font-size:14px; color:#999;overflow:hidden;}
.warp .newslistwarp ul li a span strong{ font-size:16px; color:#666; font-weight:normal;}
.warp .newslistwarp ul li a span strong img{ margin-top:-2px;}
.warp .newslistwarp ul li a span.txtdiscr{ padding-left:14px;}

/*全景列表*/
.warp .PanoramaListwarp{ min-height:300px;}
.warp .PanoramaListwarp dl{ border-top:1px solid #dedede;clear:both;}
.warp .PanoramaListwarp dl dt{width:30%;height:80px;overflow:hidden;float:left;}
.warp .PanoramaListwarp dl dt img{width:120px;height:70px;margin:5px;}
.warp .PanoramaListwarp dl dd{ display:block; float:left;width:62%;overflow:hidden;height:60px; padding:12px 10px; background-color:#fff;}
.warp .PanoramaListwarp dl dd a{ display:block; line-height:30px; padding-right:12px;background:url(../images/mor-ico-01.png) no-repeat 100% center; background-size:auto 18px;}
.warp .PanoramaListwarp dl dd a span{ display:block; height:30px;line-height:30px; font-size:14px; color:#999;overflow:hidden;}
.warp .PanoramaListwarp dl dd a span strong{ font-size:16px; color:#666; font-weight:normal;}
.warp .PanoramaListwarp dl dd a span strong img{ margin-top:-2px;}
.warp .PanoramaListwarp dl dd a span.txtdiscr{ padding-left:14px;}

/*新闻详情*/
.warp .txtconwarp{}
.warp .txtconwarp .schtxtcontitbox{padding:20px 10px;}
.warp .txtconwarp .schtxtcontitbox h3{ font-size:16px; color:#666; text-align:center;font-weight:bold;}
.warp .txtconwarp .schdeterbox{ height:30px; line-height:30px; font-size:12px; padding-left:12px; margin:0 10px; background-color:#F0F0F0;}
.warp .txtconwarp .schdeterbox span{ padding-right:12px; color:#999;}
.warp .txtconwarp .schxtxt{line-height:30px; padding:12px 20px; margin-bottom:14px; font-size:14px; color:#666;}
.warp .txtconwarp .schxtxt img{ max-width:100%; height:auto;}
.warp .txtconwarp .spabuttxt{ padding-top:0;}

/*联系我们*/
.warp .contactbox{ min-height:200px; margin:10px 16px 40px; padding:12px; border:2px solid #eeeeee; color:#454545;line-height:40px;}
.warp .contactbox .mapicodress{ }
.warp .contactbox .mapicodress img{ margin-top:-4px;}

/*优惠券*/

.warp .sptgmod .youhuimstxt{ padding:0 12px 12px;}
.warp .sptgmod .youhuimstxt h3{ font-size:18px; color:#08bced; font-weight:bold; line-height:30px;}
.warp .sptgmod .youhuimstxt span{ color:#999999; font-size:12px;}

.warp .youhujun .yhujlist{ /*max-width:600px; margin:0 auto;*/}
.warp .youhujun .yhujlist ul{ display:block; overflow:hidden;}
.warp .youhujun .yhujlist ul li{ float:left; width:50%; }
.warp .youhujun .yhujlist ul li a{ display:block; margin:0 6px 16px;}

.warp .youhujun .juanbox{ background:url(../images/yh-bg1.png) no-repeat 0 0; background-size:100% 100%;}
.warp .youhujun .juanbox .juanbg{ padding:8px 10px 4px; position:relative;}
.warp .youhujun .juanbox .juanbg i{ display:none; position:absolute; top:12px; left:50%;margin-left:-20px; }
.warp .youhujun .juanbox .juanbg i img{ width:80px; height:auto;}
.warp .youhujun .juanbox .juanbg .juaninfo{ height:30px; overflow:hidden;}
.warp .youhujun .juanbox .juanbg .juaninfo .juanmoney{ float:left; }
.warp .youhujun .juanbox .juanbg .juaninfo .juanmoney .juanpar{ color:#fff;font-size:22px;}
.warp .youhujun .juanbox .juanbg .juaninfo .juanmoney .juanpar strong{ line-height:30px; font-size:28px;}
@media (max-width:321px){
	.warp .youhujun .juanbox .juanbg .juaninfo .juanmoney .juanpar{ color:#fff;font-size:16px;}
	.warp .youhujun .juanbox .juanbg .juaninfo .juanmoney .juanpar strong{ font-size:26px;}
	}

.warp .youhujun .juanbox .juanbg .juaninfo .juaninfocen{ float:right;padding-top:0px;line-height:15px; color:#fff; font-size:10px;}
.warp .youhujun .juanbox .juanbg .juaninfo .juaninfocen .juninfotxt{}
.warp .youhujun .juanbox .juanbg .juaninfo .juaninfocen .juanterm{ font-size:12px;}
.warp .youhujun .juanbox .juanbg .usethav{ padding-left:4px; height:20px; line-height:20px; font-size:12px; color:#fff; overflow:hidden;}
.warp .youhujun .juanbox .juanbg .havbtn{ padding:3px 0;}
.warp .youhujun .juanbox .juanbg .havbtn span{ display:block; height:20px; line-height:20px; font-size:14px; background-color:#fff; text-align:center;}
.warp .youhujun .juanbox .juanbg .userdpin{ height:20px; line-height:20px; font-size:12px; color:#fff; overflow:hidden;}
.warp .youhujun .juanbox .juanbg .userdpin span{}

.warp .youhujun .yhujlist ul li:nth-child(4n+1) .juanbox{ background:url(../images/yh-bg1.png) no-repeat 0 0; background-size:100% 100%;}
.warp .youhujun .yhujlist ul li:nth-child(4n+1) .juanbox .juanbg .havbtn span{ color:#F85351;}
.warp .youhujun .yhujlist ul li:nth-child(4n+2) .juanbox{ background:url(../images/yh-bg2.png) no-repeat 0 0; background-size:100% 100%;}
.warp .youhujun .yhujlist ul li:nth-child(4n+2) .juanbox .juanbg .havbtn span{ color:#CC9049;}
.warp .youhujun .yhujlist ul li:nth-child(4n+3) .juanbox{ background:url(../images/yh-bg3.png) no-repeat 0 0; background-size:100% 100%;}
.warp .youhujun .yhujlist ul li:nth-child(4n+3) .juanbox .juanbg .havbtn span{ color:#4ACDBF;}
.warp .youhujun .yhujlist ul li:nth-child(4n) .juanbox{ background:url(../images/yh-bg4.png) no-repeat 0 0; background-size:100% 100%;}
.warp .youhujun .yhujlist ul li:nth-child(4n) .juanbox .juanbg .havbtn span{ color:#9548E9;}
/*店铺券*/
.warp .youhujun .yhujlist ul.dianpuyhju .juanbox{ background:url(../images/yh-bg1.png) no-repeat 0 0 !important; background-size:100% 100%!important;}
.warp .youhujun .yhujlist ul.dianpuyhju .juanbox .juanbg .havbtn span{ color:#F85351 !important;}
/*领光 过期 已领取*/
.warp .youhujun .juanbox2 { background:url(../images/yh-bg0.png) no-repeat 0 0!important; background-size:100% 100%!important;}
.warp .youhujun .juanbox2 .juanbg i{ display:block !important;}
.warp .youhujun .juanbox2 .juanbg .havbtn span{ color:#999 !important;}
/*店铺券领光*/
.warp .youhujun .yhujlist ul.dianpuyhju .juanbox2 { background:url(../images/yh-bg0.png) no-repeat 0 0!important; background-size:100% 100%!important;}
.warp .youhujun .yhujlist ul.dianpuyhju .juanbox2 .juanbg i{ display:block !important;}
.warp .youhujun .yhujlist ul.dianpuyhju .juanbox2 .juanbg .havbtn span{ color:#999 !important;}

/*优惠券详情*/
.warp .yhconbox{ min-height:300px; background-color:#fff;}
.warp .yhconbox .yhctit{ padding:20px 12px;}
.warp .yhconbox .yhctit h3{ font-size:16px; color:#666; font-weight:bold; text-align:center;}
.warp .yhconbox .yhcconli{ padding:0 12px;}
.warp .yhconbox .yhcconli ul{}
.warp .yhconbox .yhcconli ul li{ margin-bottom:20px; padding:12px 8px; background-color:#F0F0F0;}
.warp .yhconbox .yhcconli ul li span{ display:block; color:#666; font-size:14px;}
.warp .yhconbox .yhcontxt{ padding:0 20px 40px; line-height:30px; font-size:14px; color:#666;}
.warp .yhconbox .usrsmin{ font-size:14px; text-align:center; color:#999;}
.warp .yhconbox .usrsmin strong{ color:#ff7b4d; padding-right:4px;}

.warp .yhconbox .yhcjuan{ width:300px; height:98px; margin:20px auto 20px; background:url(../images/yhj-con-bg1.png) no-repeat 0 0; background-size:100% 100%;}
.warp .yhconbox .yhcjuan .yhjmainbox{ float:left;padding-top:10px;}
.warp .yhconbox .yhcjuan .yhjmainbox .yjhtxifo{  height:30px; position:relative;}
.warp .yhconbox .yhcjuan .yhjmainbox .yjhtxifo i{ display:none; position:absolute; top:-10px; left:100px;}
.warp .yhconbox .yhcjuan .yhjmainbox .yjhtxifo i img{}
.warp .yhconbox .yhcjuan .yhjmainbox .yjhtxifo .yhjujer{ margin:12px; width:150px; height:30px; line-height:30px; color:#fff; overflow:hidden;}
.warp .yhconbox .yhcjuan .yhjmainbox .yjhtxifo .yhjujer span{ float:left; font-size:16px;}
.warp .yhconbox .yhcjuan .yhjmainbox .yjhtxifo .yhjujer span strong{ font-size:28px;}
.warp .yhconbox .yhcjuan .yhjmainbox .yjhtxifo .yhjujer em{ float:right; font-size:14px;}
.warp .yhconbox .yhcjuan .yhjmainbox .usretjian{ margin:6px 14px; font-size:12px; color:#fff; width:150px;}
.warp .yhconbox .yhcjuan .yhjlqu{ float:right; width:120px;}
.warp .yhconbox .yhcjuan .yhjlqu a{ display:block; margin:14px; width:92px; height:70px; line-height:70px; font-size:16px; font-weight:bold; color:#f85351; text-align:center; background-color:#fff; font-family:"微软雅黑", Arial, Geneva, Helvetica, Sans-serif;}

.warp .yhconbox .yhisok{background:url(../images/yhj-con-bg2.png) no-repeat 0 0; background-size:100% 100%;}
.warp .yhconbox .yhisok .yhjlqu a{color:#999;}
.warp .yhconbox .yhisok .yhjmainbox .yjhtxifo i{ display:block;}
/*优惠券END	*/

/*产品详情*/
.warp .promainpic{ padding:20px 5% 20px;border-bottom:12px solid #f1f1f1; }
.warp .promainpic img{}

.warp .procenwarp .proinfomod{ border-bottom:12px solid #f1f1f1; background-color:#fff;}
.warp .procenwarp .proinfomod .protitbox{border-bottom:1px solid #ECF0F1; padding:12px 8px; color:#666;}
.warp .procenwarp .proinfomod .protitbox h3{ padding-left:6px; font-size:16px; font-weight:bold;}
.warp .procenwarp .procsbox{ padding:12px 0px 0;}
.warp .procenwarp .procsbox ul{font-size:14px; color:#999;}
.warp .procenwarp .procsbox ul li{ min-height:26px; line-height:26px; padding-bottom:6px;}
.warp .procenwarp .procsbox ul li span{ display:block; height:24px;}
.warp .procenwarp .procsbox ul li .cltxt{ float:left; width:60px; text-align:right;}
.warp .procenwarp .procsbox ul li .rltxt{ float:left; color:#666;}
.warp .procenwarp .procsbox ul li .selnumberbox{ width:78px; height:26px; line-height:24px; float:left; padding-right:6px;}
.warp .procenwarp .procsbox ul li .selnumberbox .numbertable{ border:1px solid #ECF0F1; background-color:#ECF0F1;}
.warp .procenwarp .procsbox ul li .selnumberbox .proinputnumber{ width:26px; height:24px; border:1px solid #ECF0F1; text-align:center;}
.warp .procenwarp .procsbox ul li a{ font-size:12px; line-height:22px; color:#999;display:inline-block;_display:inline;_zoom:1; text-decoration:none; padding:0px 8px; border:2px solid #e1e1e1; margin:0 6px 6px 0px;white-space:nowrap; }
.warp .procenwarp .procsbox ul li a:hover{ color:#333;}
.warp .procenwarp .procsbox ul li a.selectmk{ border:2px solid #FF8700; color:#FF8700; background:url(../images/select.gif) no-repeat right bottom;}

.warp .procenwarp .proinfomod .procsbox ul li.selbox br{ display:none;}
ul.speclist,ul.speclists{ padding-left:20px;}
ul.speclist span,ul.speclists span{display:inline;}
ul.speclist li,ul.speclists li{ height:22px;font-size:12px; line-height:22px; color:#999; display:inline;_display:inline;_zoom:1; text-decoration:none; padding:0px 8px 0; border:2px solid #e1e1e1; margin:0 6px 6px 0px;white-space:nowrap;}
.warp .procenwarp .procsbox ul li ul.speclist li,.warp .procenwarp .procsbox ul li ul.speclists li{ display:inline-block; padding-bottom:0; min-height:22px; height:22px; line-height:22px;}
ul.speclist li.on,ul.speclists li.on{border:2px solid #FF8700; color:#FF8700; background:url(../images/select.gif) no-repeat right bottom;}


.warp .procenwarp .proinfomod .btnbar{ height:40px; padding:10px;background-color:#fff; position:relative;}
.warp .procenwarp .proinfomod .btnbar.posiontop{ width:100%; padding-top:10px; position:fixed; top:0; left:0;box-shadow:0 2px 4px rgba(0,0,0, 0.1); z-index:35;}
.warp .procenwarp .proinfomod .btnbar.posiontop a{ margin-right:20px;}
.warp .procenwarp .proinfomod .btnbar .proprice{float:left; line-height:40px;}
.warp .procenwarp .proinfomod .btnbar .proprice strong{ color:#ff0000; padding-right:12px; font-size:18px;}
.warp .procenwarp .proinfomod .btnbar .proprice s{ color:#999; font-size:14px;}
.warp .procenwarp .proinfomod .btnbar .probtnfr{ float:right; padding-right:0; position:absolute; top:10px; right:10px;}
.warp .procenwarp .proinfomod .btnbar .probtnfr .buybtn{ display:block; height:40px; line-height:40px; font-size:18px;padding:0 16px; font-weight:bold;background-color:#FA5252; color:#fff;}

/*套餐搭配模块start*/
.warp .procenwarp .procontentmod .pctodtit{ height:40px; border-bottom:1px solid #dedede; overflow:hidden;}
.warp .procenwarp .procontentmod .pctodtit2{ border-bottom:none;}
.warp .procenwarp .procontentmod .pctodtit h3{float:left; padding:4px 0 0 6px; color:#000000; font-size:18px; line-height:34px; font-weight:bold;}
.warp .procenwarp .procontentmod .pctodtit h3 img{ margin-top:-3px;}
.warp .procenwarp .procontentmod .pctodtit h3 i{ float:left; display:inline-block; width:4px; height:16px; margin:8px 6px 0 0; line-height:2px; background-color:#486DB7;}

.warp .procenwarp .procontentmod .pctodtit span.apms{ display:block; float:right;}
.warp .procenwarp .procontentmod .pctodtit span.apms a{ display:block; width:30px; height:18px; padding:11px 0; line-height:18px; text-align:center;}
.warp .procenwarp .procontentmod .pctodtit span.apms img{margin-top:-4px;}

/*套餐*/

.warp .procenwarp .procontentmod .pctodtit .shu { float:left; line-height:40px; padding-left:6px; color:#999; font-style:normal;}
.warp .procenwarp .procontentmod .pctodtit .showtcpro{ float:right; padding:8px;}
.warp .procenwarp .procontentmod .pctodtit .showtcpro a{ display:block; height:24px; line-height:24px;}
.warp .procenwarp .procontentmod .pctodtit .showtcpro a strong{ color:#ff4400; font-size:14px;}
.warp .procenwarp .procontentmod .pctodtit .showtcpro a strong img{ margin-top:-5px;}
.warp .procenwarp .procontentmod .tcwarp{ overflow:hidden;}
.warp .procenwarp .procontentmod .tcwarp ul{}
.warp .procenwarp .procontentmod .tcwarp ul li{ border-bottom:1px solid #dedede;}
.warp .procenwarp .procontentmod .tcwarp ul li:last-child{border-bottom:1px solid #fff;}
.warp .procenwarp .procontentmod .tcwarp ul li a{ display:block;}
.warp .procenwarp .procontentmod .tcwarp ul li a dl{}
.warp .procenwarp .procontentmod .tcwarp ul li a dl dt{ height:40px;}
.warp .procenwarp .procontentmod .tcwarp ul li a dl dt .tctit{height:40px; line-height:40px; font-size:12px; color:#666; padding:0 16px 0 6px; background:url(../images/mor-ico-01.png) no-repeat 98% center; background-size:auto 14px; overflow:hidden;}
.warp .procenwarp .procontentmod .tcwarp ul li a dl dt .tctit span{ display:inline-block; height:24px;line-height:24px; background-color:#fff; border:1px solid #f23030; color:#f23030; padding:0 8px;border-radius:4px;}
.warp .procenwarp .procontentmod .tcwarp ul li a dl dt .tctit strong{ padding:0 0 0 8px; color:#f00;}
.warp .procenwarp .procontentmod .tcwarp ul li a dl dd{}
.warp .procenwarp .procontentmod .tcwarp ul li a dl dd .tcprolist{ overflow:hidden; padding:0px 0 10px 8px; }
.warp .procenwarp .procontentmod .tcwarp ul li a dl dd .tcprolist .tcproli{ width:20%; float:left; padding-top:8px; padding-bottom:8px;}
.warp .procenwarp .procontentmod .tcwarp ul li a dl dd .tcprolist .tcproli span{ display:block; padding-right:20px; background:url(../images/add-002.png) no-repeat right center; background-size:auto 10px;}
.warp .procenwarp .procontentmod .tcwarp ul li a dl dd .tcprolist .tcproli:last-child span{ background:none;}
.warp .procenwarp .procontentmod .tcwarp ul li a dl dd .tcprolist .tcproli span img{}
/*搭配*/
.warp .procenwarp .procontentmod .tjdpeilist{ padding:10px 0; overflow:hidden;}
.warp .procenwarp .procontentmod .tjdpeilist a{ display:block; }
.warp .procenwarp .procontentmod .tjdpeilist a ul{ display:block; overflow:hidden;}
.warp .procenwarp .procontentmod .tjdpeilist a ul li{ width:20%; float:left;}
.warp .procenwarp .procontentmod .tjdpeilist a ul li span{ display:block; padding:10px 12px 10px 8px;}
.warp .procenwarp .procontentmod .tjdpeilist a ul li span img{}
/*套餐搭配模块END*/

.warp .procenwarp .procontentmod .procontxt{ padding:0 12px 12px; font-size:14px; color:#666; line-height:30px;}
.warp .procenwarp .procontentmod .procontxt img{ max-width:100%; height:auto;}
.warp .procenwarp .procontentmod .procontxt video{ max-width:100%; height:auto;}


/*评论*/
.commentbox{ padding-top:0px;}
.commentbox .ctbtit{ height:40px;}
.commentbox .ctbtit h3{ padding-left:8px; height:40px; line-height:40px; font-size:18px; font-weight:bold;}
.commentbox .ctbtit h3 img{ margin-top:-4px;}
.commentbox .ctbinput{ padding:12px 8px 6px;}
.commentbox .ctbinput .ctbinputtxt{ width:99%; height:60px; border:2px solid #dedede;}
input.ctbinputtxt:focus{ border:2px solid #dedede;}
.commentbox .ctbsubmit{ text-align:right; padding:6px 8px 30px;}
.commentbox .ctbsubmit .ctbbtn{ width:80px; height:30px; font-size:14px; font-weight:bold; color:#FFF; background-color:#0CA41B; border:1px solid #138C14;}
.ctblistbox{}
.ctblistbox .ctbtit{height:40px;}
.ctblistbox .ctbtit h3{padding-left:8px; height:40px; line-height:40px; font-size:18px; font-weight:bold;}
.ctblistbox .ctbtit h3 img{margin-top:-4px;}
.ctblistbox .ctblist{ padding-bottom:20px;}
.ctblistbox .ctblist ul{}
.ctblistbox .ctblist ul li{ padding-bottom:12px; margin:0 6px; border-top:1px solid #f1f1f1; overflow:hidden;}
.ctblistbox .ctblist ul li:last-child{border-bottom:1px solid #f1f1f1;}
.ctblistbox .ctblist ul li dl{ padding:8px; position:relative; padding-left:40px;}
.ctblistbox .ctblist ul li dl dt{ width:30px; height:30px; text-align:right;padding-top:6px; position:absolute; top:10px; left:8px;}
.ctblistbox .ctblist ul li dl dt a{}
.ctblistbox .ctblist ul li dl dt a img{}
.ctblistbox .ctblist ul li dl dd{}
.ctblistbox .ctblist ul li dl dd .ctbinfobox{ padding-top:6px; padding-left:6px; font-size:14px; overflow:hidden;}
.ctblistbox .ctblist ul li dl dd .ctbinfobox .ctbuser{ float:left;}
.ctblistbox .ctblist ul li dl dd .ctbinfobox .ctbuser span{ display:block;}
.ctblistbox .ctblist ul li dl dd .ctbinfobox .ctbuser .ctbname{}
.ctblistbox .ctblist ul li dl dd .ctbinfobox .ctbuser .ctbdata{ font-size:10px;  color:#999;}
.ctblistbox .ctblist ul li dl dd .ctbinfobox .ctnz{ float:right; padding-top:6px;}
.ctblistbox .ctblist ul li dl dd .ctbinfobox .ctnz a{ color:#999;}
.ctblistbox .ctblist ul li dl dd .ctbinfobox .ctnz a img{ margin-top:-10px;}
.ctblistbox .ctblist ul li dl dd .ctbtxt{padding-left:6px; font-size:14px; color:#666; line-height:30px;}
.ctbpagelist{ text-align:center; padding-bottom:12px; }
a.loadmore{ display:block; margin:0 auto; width:90%; height:30px; line-height:30px;font-size:14px; color:#999; background-color:#f1f1f1;}
/*产品详情END*/

/*促销弹出层*/
.tcconbox{ width:100%; height:100%; background-color:#fff; overflow:auto; position:fixed; top:0; left:0; z-index:50;}
.tcconbox .tccbtit{width:100%; height:40px;position:relative;}
.tcconbox .tccbtit span a{ display:block; padding:8px 0; width:30px; height:20px; line-height:20px; text-align:center; position:absolute; top:0; left:0;}
.tcconbox .tccbtit span a img{}
.tcconbox .tccbtit h3{line-height:40px; text-align:center; font-size:18px; color:#000;}

.tcconbox .tcconhtit{ border-bottom:1px solid #dedede; line-height:24px; font-size:14px; color:#666; padding:12px 16px 12px 70px; overflow:hidden; position:relative; font-weight:bold;}
.tcconbox .tcconhtit span{ display:inline-block; height:24px;line-height:24px; background-color:#fff; border:1px solid #FA5252; color:#FA5252; padding:0 8px;border-radius:4px; position:absolute; top:12px; left:6px; font-weight:normal;}

.tcconbox .tcconlist{}
.tcconbox .tcconlist ul{}
.tcconbox .tcconlist ul li{  height:80px; padding:12px 8px; border-bottom:1px solid #dedede;}
.tcconbox .tcconlist ul li a{ padding-right:10px; display:block;height:80px; background:url(../images/mor-ico-01.png) no-repeat 100% center; background-size:auto 18px;}
.tcconbox .tcconlist ul li dl{ display:block;}
.tcconbox .tcconlist ul li dl dt{float:left; width:80px; height:80px; margin-right:12px;}
.tcconbox .tcconlist ul li dl dt img{ width:80px; height:80px;}
.tcconbox .tcconlist ul li dl dd{}
.tcconbox .tcconlist ul li dl dd .nprotit{ padding-top:10px; font-size:14px; color:#666; height:30px; line-height:30px; overflow:hidden;}
.tcconbox .tcconlist ul li dl dd .nproprice{ padding-top:6px}
.tcconbox .tcconlist ul li dl dd .nproprice strong{ margin-left:4px;  color:#f00; padding:0 4px; }

.tcconbox .tcpricbox{ font-size:14px; padding:12px 0;}
.tcconbox .tcpricbox .tcyhpric{ padding:6px 0; font-size:16px;}
.tcconbox .tcpricbox .tcyhpric span{ display:inline-block; width:110px; text-align:right;}
.tcconbox .tcpricbox .tcyhpric strong{ color:#f00;}
.tcconbox .tcpricbox .tcmarkpric{ color:#999; padding:6px 0;font-size:16px;}
.tcconbox .tcpricbox .tcmarkpric span{display:inline-block; width:110px; text-align:right; text-decoration:line-through;}
.tcconbox .tcpricbox .tcmarkpric strong{ font-weight:normal;text-decoration:line-through; margin-right:8px;}
.tcconbox .tcpricbox .tcmarkpric em{ display:inline-block; padding:0 6px; line-height:16px; font-size:10px; color:#fff; background-color:#ff9600;border-radius:2px;}

.tcconbox .addbuybtnbox{ border-top:1px solid #dedede; padding:20px 30px 60px;}
.tcconbox .addbuybtnbox a.addbuybtn{ display:block; width:100%; height:40px; line-height:40px; text-align:center; font-weight:bold; font-size:18px; color:#fff; background-color:#FA5252;}

.tcconbox .tcconlist ul li.dapeili{position:relative;}
.selctcheck{ width:20px; height:20px; position:absolute; top:45px; right:10px;}
.regular-checkbox{ display:none;}
.regular-checkbox + label {width:20px; height:20px;display: inline-block;background:url(../images/check-ico-1.png) no-repeat 0 0; background-size:20px 20px;}
.regular-checkbox:checked + label {background:url(../images/check-ico-2.png) no-repeat 0 0; background-size:20px 20px;}
.regular-checkbox:checked + label:after {background:url(../images/check-ico-2.png) no-repeat 0 0; background-size:20px 20px;}

.tcconbox .tcconlist ul li.dapeili a{ background:none; padding:0;}

.warp .sptgmod .shopfencailist{}
.warp .sptgmod .shopfencailist ul{ display:block; overflow:hidden;}
.warp .sptgmod .shopfencailist ul li{ float:left;width:50%; border-bottom:1px solid #ECF0F1;}
.warp .sptgmod .shopfencailist ul li a{display:block;padding:20px 10px; }
.warp .sptgmod .shopfencailist ul li a img{display:block;}

 .hdphotolist{ padding-top:8px; overflow:hidden;}
 .hdphotolist ul li{ width:25%; float:left;}
 .hdphotolist ul li a{ border-right:1px solid #fff;border-bottom:1px solid #fff; display:block;}
 .hdphotolist ul li a img{}
 .hdphotolist ul.photoulli{ overflow:hidden;}
 .hdphotolist ul.photoulli li{ width:50%; float:left;}
 .hdphotolist ul.photoulli li a{ padding:4px;}