﻿/*===================================*/
/*==============展示页面=============*/
/*===================================*/
/* href="javascript:history.back();" */


/*#region ===========导航===========*/
.nav_bg{ overflow:hidden; padding:10px 10px; background:#fff;}
.nav{ overflow:hidden;}
.nav li{ float:left; width:25%; overflow:hidden; text-align:center;}
.nav li a.img{ display:block; overflow:hidden; position:relative;}
.nav li a.img img{ width:75%; display:block; margin:0 auto; max-width:70px;}
.nav li p{ text-align:center; overflow:hidden; display:block; line-height:25px;}
.nav li p a{ color:#687072; font-size:1.3em;}
/*#endregion */


/*#region ===========首页产品列表===========*/
/*标题*/
.home_title{ height:50px; line-height:50px; overflow:hidden; background:#f8f7f7; padding:0 10px;}
.home_title img{ float:left; height:25px; margin:13px 3px 0 0;}
.home_title span{ float:left; color:#4d4a4a; font-size:1.6em;}
/*新品列表*/
.home_newpro{ background:#f8f7f7; overflow:hidden; padding:0 10px 10px 10px;}
.home_newpro img{ float:left; width:50%; display:block;}

/*三张图*/
.threeimg { overflow:hidden;}
.threeimg li { float:left; width:50%; display:block; overflow:hidden;}
.threeimg li a { display:block; overflow:hidden;}
.threeimg li a img { width:100%; display:block;}
.threeimg li.li1 a { padding:0 2px 0 10px;}
.threeimg li.li2 a { padding:0 10px 5px 2px;}
.threeimg li.li3 a { padding:0 10px 0 2px;}
/*#endregion */


/*#region ===========内页产品分类===========*/
.infoclass_top{ overflow:hidden; padding:15px 10px;}

.home_class{ overflow:hidden; padding:0 10px; background:#f8f7f7;}
.home_class ul{ overflow:hidden; border-top:1px solid #ddd; border-left:1px solid #ddd; background:#fff;}
.home_class ul li{ float:left; width:33%; overflow:hidden; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.home_class ul li a{ display:block; overflow:hidden; margin:10px; position:relative; }
.home_class ul li a span{ width:100%; height:25px; line-height:25px; text-align:center; color:#373737; font-size:1.4em; display:block; overflow:hidden;
position:absolute; left:0; top:0; z-index:10; background:rgba(255,255,255,0.8);}
.home_class ul li a img{ width:100%;}
/*#endregion */


/*#region ===========内页产品列表===========*/
/*标题*/
.info_title{ overflow:hidden; height:40px; line-height:40px; background:#f8f7f7; padding:0 10px; border-bottom:1px solid #ddd;}
.info_title span{ font-size:1.5em; color:#555;}

/*列表*/
.info_prolist{ overflow:hidden; background:#f8f7f7; padding:0 5px;}
.info_prolist li{ float:left; width:50%; overflow:hidden; padding:0 0 15px 0;}
.info_prolist li div{ overflow:hidden; margin:0 5px; padding:10px; border:1px solid #cfcdcd; background:#fff; position:relative;}
.info_prolist li div img.hot{ width:25%; position:absolute; right:0; top:0; z-index:10;}
.info_prolist li a.img{ display:block; overflow:hidden; padding:0;}
.info_prolist li a.img img{ width:100%;}
.info_prolist li a.name{ height:40px; line-height:20px; display:block; overflow:hidden; color:#9b9b9b; font-size:1.3em; margin:5px 0;}
.info_prolist li span.price{ line-height:30px; color:#ba2028; font-size:1.5em; display:block; overflow:hidden; padding:5px 0 0 0; border-top:1px solid #dfdfdf;}
.info_prolist li a.btn{ position:absolute; bottom:10px; right:10px; z-index:10;}
/*#endregion */




/*#region ===========产品详细页===========*/
.proban{ overflow:hidden; background:#fff; border-bottom:1px solid #ddd; position:relative;}
.proban a.pico{ width:40px; height:40px; line-height:40px; display:block; overflow:hidden; color:#fff; background:rgba(0,0,0,0.3); border-radius:100%; font-size:20px; text-align:center; position:absolute; top:10px; z-index:200;}
.proban a.pico_back{ left:10px;}

/*购买信息*/
.ifp_a{ overflow:hidden; background:#fff; padding:10px; border-bottom:1px solid #ddd; position:relative;}
.ifp_a p.name{ line-height:25px; font-size:1.6em; color:#333; padding:5px 85px 5px 0;}
.ifp_a p.price{ line-height:30px; display:block; overflow:hidden;}
.ifp_a p.price span{ color:#ff6600; font-size:1.8em; font-weight:bold;}
.ifp_a p.price s{ color:#999; font-size:1.5em; margin-left:10px;}
.ifp_a p.str{ line-height:30px; font-size:1.4em;}
.ifp_a p.str span{ color:#9a9a9a;}
.ifp_a p.str em{ color:#333;}
.ifp_a a.join{ width:85px; height:30px; line-height:30px; display:inline-block; overflow:hidden; background:#ff6600; color:#fff;
font-size:1.4em; position:absolute; top:12px; right:10px; z-index:10; text-align:center; border-radius:3px;}

.ifp_c{ overflow:hidden; background:#fff;}
.ifp_c a{ display:block; overflow:hidden; height:50px; line-height:50px; padding:0 10px; border-bottom:1px solid #ddd;}
.ifp_c a span{ float:left; display:inline-block; overflow:hidden; padding:0 0 0 30px; font-size:1.6em; color:#333;
background:url(../images/ico_p2.jpg) no-repeat left center; background-size:auto 25px;}
.ifp_c a em{ float:right; font-size:1.5em; color:#666; font-family:"宋体"; font-weight:bold;}

.info_daoshi{ overflow:hidden; background:#fff; padding:10px; border-bottom:1px solid #ddd;}
.info_daoshi img{ float:left; height:23px; display:block; margin:0 8px 0 0;}
.info_daoshi p{ font-size:1.4em; color:#e3312f; line-height:23px;}

/*详细介绍*/
.infopro_title{ overflow:hidden; line-height:40px; font-size:1.5em; background:#ff6600; padding:0 10px; color:#fff; margin-top:10px;}
.infopro_conts{ overflow:hidden; line-height:200%; font-size:1.4em; min-height:50px; background:#fff; padding:15px 10px;}

/*底部*/
.pinfo_none{ height:40px; overflow:hidden;}
.pinfo_foot{ width:100%; overflow:hidden; position:fixed; left:0; bottom:0; z-index:1000;}
.pinfo_foot div{ width:100%; max-width:960px; height:40px; line-height:40px; margin:0 auto; background:#f9f9fa; border-top:1px solid #eee;
position:relative;}
.pinfo_foot div a.car{ float:left; display:block; overflow:hidden; padding:0 10px; font-size:26px; color:#ff6600;}
.pinfo_foot div span.num{ color:#fff; background:#ff6600; height:12px; line-height:12px; display:inline-block; overflow:hidden; padding:0 5px;
font-size:10px; position:absolute; left:33px; top:5px; z-index:10; border-radius:12px;}
.pinfo_foot div a.btn{ float:right; min-width:30%; height:28px; line-height:28px; margin:5px; border:1px solid #ff6600; background:#ff6600; border-radius:3px; color:#fff; font-size:1.5em; text-align:center;}


.ifp_x{ overflow:hidden; background:#fff; border-bottom:1px solid #ddd;}
.ifp_x a{ float:left; width:50%; height:45px; line-height:45px; display:block; overflow:hidden; text-align:center; border-right:1px solid #ddd; box-sizing:border-box; font-size:15px;}

/*#endregion */



/*#region ===========隐藏加入购物车页面===========*/
/*背景 background:rgba(0,0,0,0.8); */
.choose_item_bg{ width:100%; height:100%; overflow:hidden; position:fixed; left:0; top:0; z-index:1999;}
.choose_item{ width:100%; max-width:960px; overflow:hidden; margin:0 auto; position:fixed; bottom:0; z-index:2000; background:#fff;
animation:choose_item_open 0.5s ease 1; -webkit-animation:choose_item_open 0.5s ease 1; border-top:1px solid #eee;}
.choose_body{ width:100%; overflow:hidden; max-width:960px; margin:0 auto; background:#fff;}
.choose_iframe{ width:100%; border:0 none;}

/*信息*/
.choose_item_top{ overflow:hidden; height:50px; padding:10px 70px; border-bottom:1px solid #e5e5e5; position:relative;}
.choose_item_top img.img{ width:48px; height:48px; position:absolute; left:10px; top:10px; z-index:10; border:1px solid #eee;}
.choose_item_top img.close{ width:30px; height:30px; position:absolute; right:15px; top:15px; z-index:10; cursor:pointer;}
.choose_item_top p.name{ line-height:25px; height:25px; overflow:hidden; display:block; font-size:1.4em; color:#333;}
.choose_item_top p.price{ line-height:25px; font-size:1.6em; color:#ff6600;}

/*选择数量*/
.buynum{ overflow:hidden; height:30px; padding:10px 10px; border-bottom:1px solid #e5e5e5;}
.buynum_left{ float:left; line-height:30px; overflow:hidden; font-size:1.4em; color:#333;}
.buynum_right{ float:right; overflow:hidden;}
.buynum_right span{ float:left; line-height:30px; font-size:1.4em; color:#333; margin:0 10px 0 0;}
.buynum_right span em{ font-style:normal;}
.buynum_right a{ float:left; display:inline-block; overflow:hidden; height:28px; line-height:25px; width:30px; text-align:center;
border:1px solid #999; font-size:25px; background:#fff; color:#6c6c6c;}
.buynum_right a.jian{ border-right:0 none; border-radius:3px 0 0 3px;}
.buynum_right a.add{ border-left:0 none; border-radius:0 3px 3px 0;}
.txt_num{ float:left; width:30px; height:28px; line-height:28px; text-align:center; font-size:1.4em; border:1px solid #999; color:#6c6c6c; border-radius:0px;}

/*按钮*/
.choose_item_btn{ overflow:hidden; height:30px; padding:10px 0; text-align:center;}
.choose_item_btn a{ width:40%; height:30px; line-height:30px; display:inline-block; overflow:hidden; color:#fff; background:#ff6600;
border-radius:3px; font-size:1.4em; text-align:center; margin:0 3%;}
/*#endregion */






/*#region ===========单篇===========*/
.info_base{ overflow:hidden; line-height:170%; font-size:1.3em; padding:10px;}
/*#endregion */


/*#region ===========新闻中心===========*/
.newslist{ overflow:hidden; padding:10px 0;}
.newslist li{ padding:0 15px; overflow:hidden; height:40px; line-height:40px; margin-bottom:10px; background:#fff; position:relative;}
.newslist li a{ font-size:1.4em; display:block; overflow:hidden; padding:0 15px 0 0;}
.newslist li em{ font-style:normal; color:#333; font-size:1.4em; position:absolute; right:15px; top:0px; z-index:100;}
/*#endregion */


/*#region ===========门店===========*/
.store_search{ overflow:hidden; background:#fff; padding:10px;}
.store_search li{ overflow:hidden; padding:5px 0 5px 70px; position:relative;}
.store_search li span.name{ width:70px; height:30px; line-height:30px; display:inline-block; overflow:hidden;
text-align:right; font-size:1.3em; position:absolute; top:5px; left:0px; z-index:10;}

.store_form{ overflow:hidden; padding:0 30px 0 0; position:relative;}
.store_form a.btn{ display:inline-block; overflow:hidden; width:40px; height:20px; padding:5px 0; text-align:center; position:absolute; top:0; right:30px; z-index:10;}
.store_form a.btn img{ height:20px;}
.txt_store{ height:28px; width:100%; line-height:28px; border:1px solid #ccc; font-size:1.3em; text-indent:5px;}
.ddl_store{ float:left; height:25px; width:30%; border:1px solid #ccc; font-size:1.3em; margin:2px 5px 0 0;}


.stores_top{ overflow:hidden; height:40px; padding:5px 10px; background:#fff; border-bottom:1px solid #e5e5e5;}
.stores_top img{ float:left; width:40px; height:40px; margin:0 10px 0 0;}
.stores_top span{ font-size:1.6em; color:#333; line-height:40px;}


.stores_list{ overflow:hidden; padding:0;}
.stores_list li{ overflow:hidden; padding:0 10px; margin-bottom:10px; background:#fff;
border-bottom:1px solid #e5e5e5; border-top:1px solid #e5e5e5;}
.stores_list li h4{ font-size:1.5em; line-height:40px; color:#333; border-bottom:1px solid #e5e5e5;}
.stores_conts{ overflow:hidden; padding:10px 60px 10px 85px; position:relative;}
.stores_conts a.img{}
.stores_conts a.img img{ width:73px; height:73px; position:absolute; left:0; top:10px; z-index:10; border:1px solid #ddd;}
.stores_conts a.name{ font-size:1.5em; line-height:25px; height:75px; display:block; overflow:hidden; color:#333; border-right:1px solid #e5e5e5;}
.stores_conts a.phone{ width:40px; height:40px; position:absolute; right:10px; top:27px; z-index:10; display:block; overflow:hidden;}
.stores_conts a.phone img{ width:40px; height:40px;}
/*#endregion */


/*#region ===========倒计时===========*/
.Countdown{ display:block; overflow:hidden; line-height:20px; padding:0 0 5px 0;}
.Countdown b{ display:block; overflow:hidden; color:#df250c; font-size:1.3em;}
.Countdown span{ float:left; width:25px; height:20px; display:inline-block; overflow:hidden; text-align:center; color:#fff; font-size:13px;
background:#454545;}
.Countdown em{ float:left; font-style:normal; font-size:16px; color:#000; margin:0 2px;}

.Countdown2{ display:block; overflow:hidden; line-height:20px; padding:0 0 5px 0; background:#fff; padding:10px; border-bottom:1px solid #ddd;}
.Countdown2 img{ float:left; margin:0 8px 0 0;}
.Countdown2 b{ float:left; display:block; overflow:hidden; color:#df250c; font-size:1.4em;}
.Countdown2 span{ float:left; width:25px; height:20px; display:inline-block; overflow:hidden; text-align:center; color:#fff; font-size:13px;
background:#454545;}
.Countdown2 em{ float:left; font-style:normal; font-size:16px; color:#000; margin:0 2px;}
/*#endregion */

