@charset "utf-8";
/* CSS Document */

body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}
body{ font-size:15px;font-family:'Microsoft Yahei','Simsun'; color:#666; line-height:150%;-webkit-text-size-adjust: none; min-width:320px}
h1,h2,h3,h4,h5,h6{font-size:100%}
address,cite,dfn,em,var,i{font-style:normal}
code,kbd,pre,samp{font-family:courier new,courier,monospace}
form{display:inline}
small{font-size:12px}
ul,ol,li{list-style:none}
a{text-decoration:none; color:#333;}
a:hover, a:active, a:focus{text-decoration: none; color:#333;}
img{vertical-align:middle;border:0;-ms-interpolation-mode:bicubic}
button,input,select,textarea{font-size:100%; vertical-align:middle; outline:none; font-family:'Microsoft Yahei','Simsun';}
table{border-collapse:collapse;border-spacing:0}
textarea{resize:none}
.fn-left{ float:left; display:inline}
.fn-right{ float:right; display:inline}
.radius_3{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.hidden{display:none}
header, footer, article, section, nav, menu, hgroup {display: block;clear:all;} 

body{ margin:0 auto;background:#f6f6f6; color:#333;}

input[type="button"]{-webkit-appearance:none;font-family:'Microsoft Yahei','Simsun';}
input[type="text"]{-webkit-appearance:none;}
textarea{-webkit-appearance:none;}

* {-webkit-tap-highlight-color: rgba(0,0,0,0);}

#scroller {

}
/*顶部bar栏公共样式*/
.top_nav_bar{ overflow:hidden; height:44px; overflow:hidden; position:relative;}
.top_nav_bar .h3_tit{ font-size:17px; text-align:center; height:43px; line-height:43px;}
.top_nav_bar .p_left_1{ width:40px; height:44px; position:absolute; top:0; left:0;}
.top_nav_bar .p_right_1{ width:40px; height:44px; position:absolute; top:0; right:0;}
.top_nav_bar .p_right_2{ width:40px; height:44px; position:absolute; top:0; right:40px;}
.top_nav_bar p input{width:100%; height:44px;}

/*类别分组*/
.nav_tit
{
    position: absolute;
    z-index: 20;
    top: 0;
    left: 0;
    width: 260px;
    height: 50px;
    background: #222;
    color: #ccc;
}

.nav_wrapper
{
    position: absolute;
    z-index: 21;
    top: 0px;
    bottom: 0px;
    left: 0;
    width: 260px;
    overflow: auto;
    color: #ccc;
     /*background:-webkit-gradient(linear, 0 0, 0 100%, from(#666), to(#333)) repeat-x 0 bottom;*/
     background:#fdfdfd;
     box-shadow:#eee -5px 0 5px inset;
     z-index:9999
}
.nav_tit ~ .nav_wrapper
{
    top:50px;
}
.nav_wrapper #nav_scroller
{
    width: 260px;
}

.menu_category_list{ overflow:hidden; margin:10px; margin-top:30px;}
.menu_category_list li{ overflow:hidden; background:#fefefe; position:relative; padding:0 10px;}
.menu_category_list li a{ display:block; height:22px; line-height:22px; padding:10px; padding-left:30px;}
.menu_category_list .cat_all{ margin-bottom:10px; overflow:hidden;border:1px solid #ddd;}
.menu_category_list .cat_nav {border:1px solid #ddd; overflow:hidden; padding:0 10px; background:#fefefe; }
.menu_category_list .cat_nav li{ overflow:hidden; height:44px; border-top:1px solid #fff;  border-bottom:1px solid #ddd;}
.menu_category_list .cat_nav li a{ padding-left:20px;}
.menu_category_list .cat_nav li:first-child{ border-top:0;}
.menu_category_list .cat_nav li:last-child{ border-bottom:0;}
.menu_category_list li .p_icon{ position:absolute; right:10px; top:15px; width:16px; height:16px; background:url(../images/ios_icon_05.png) no-repeat center center; background-size:contain;}
.menu_category_list .cat_nav .p_icon{ position:absolute; right:0px; top:15px; width:16px; height:16px; background:url(../images/ios_icon_05.png) no-repeat center center; background-size:contain;}


.show_div_tit{ height:49px; border-bottom:1px solid #111;  background:-webkit-gradient(linear, 0 0, 0 100%, from(#666), to(#333)) repeat-x 0 bottom;text-align:center; color:#999;line-height:49px;font-size:15px;}
.show_div_tit .p_btn{ position:absolute; left:15px; top:8px; height:28px; line-height:28px; width:28px; background:url(../images/closenav.png) no-repeat center center; background-size:20px 20px; }

.show_div_nav li
{
    height: 40px;
    line-height: 40px;
    text-align: left;
    border-bottom: 1px solid #444;
    border-top: 1px solid #777;
    color: #fff;
    background-size: 16px;
}

.show_div_nav li:first-child
{
    border-top: 0;
}

.show_div_nav li:last-child
{
    border-bottom: 0;
}

.show_div_nav li a
{
    display: block;
    height: 40px;
    padding-left: 20px;
    color: #f9f9f9;
}

.show_div_nav li a:visited
{
    color: #f9f9f9;
}


.float_btn{height:36px; width:36px; line-height:36px; cursor:pointer;  font-size:11px; text-align:center; color:#fff; background:url(../images/menu_btn.png) center center no-repeat; background-size:30px 30px; opacity:1; position:absolute !important;top:18px; right:10px; z-index:999999; border-radius:50px; left:auto !important; bottom:auto !important;}
	
.mask_div{position:absolute; width:100%; height:100%; left:0; top:0; bottom:0;  z-index:10;}  

.loading
{
    text-align: center;
}
.noconter
{
    overflow:hidden; padding:10px; background:#f9f8a0;color:#666;text-align:center;
}

.alert_mask_div { width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 999; background: #000; opacity: 0.5; }
.alert_show_div { width: 260px; height: 140px; position: fixed; left: 50%; top: 50%; margin-top: -70px; margin-left: -130px; z-index: 9999; background: #f9f9f9; border-radius: 3px; overflow: hidden; }
    .alert_show_div .h3_tit { color: #0CF; font-size: 16px; border-bottom: 2px solid #0CF; line-height: 100%; padding: 10px; }
    .alert_show_div .p_info { padding: 10px; font-size:10px;}
    .alert_show_div .p_btn { text-align: center;position: absolute;bottom: 5px;width: 260px; }
        .alert_show_div .p_btn input[type="button"] { border: 1px solid #0CF; color: #0CF; background: none; border-radius: 3px; line-height: 100%; padding: 5px 20px; cursor: pointer; }
            .alert_show_div .p_btn input[type="button"].h_btn { border: 1px solid #ddd; color: #999; }

.mask_div { width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 999; background: #000; opacity: 0.5; }
.show_div { width: 260px; height: 140px; position: fixed; left: 50%; top: 50%; margin-top: -70px; margin-left: -130px; z-index: 9999; background: #f9f9f9; border-radius: 3px; overflow: hidden; }
    .show_div .h3_tit { color: #0CF; font-size: 16px; border-bottom: 2px solid #0CF; line-height: 100%; padding: 10px; }
    .show_div .p_info { padding: 10px; font-size:10px;}
    .show_div .p_btn { text-align: center;position: absolute;bottom: 5px;width: 260px; }
        .show_div .p_btn input[type="button"] { border: 1px solid #0CF; color: #0CF; background: none; border-radius: 3px; line-height: 100%; padding: 5px 20px; cursor: pointer; }
            .show_div .p_btn input[type="button"].h_btn { border: 1px solid #ddd; color: #999; }





.body_box{ overflow:hidden; margin:0 auto; min-width:320px;}


/*类别分组*/

.category_list{ overflow:hidden; margin:10px;}
.category_list li{ overflow:hidden; background:#fefefe; position:relative; padding:0 10px;}
.category_list li a{ display:block; height:22px; line-height:22px; padding:10px; padding-left:30px;}

.category_list .cat_all{ margin-bottom:10px; overflow:hidden;border:1px solid #ddd;}
.category_list .cat_nav {border:1px solid #ddd; overflow:hidden; padding:0 10px; background:#fefefe; }

.category_list .cat_nav li{ overflow:hidden; height:44px; border-top:1px solid #fff;  border-bottom:1px solid #ddd;}
.category_list .cat_nav li a{ padding-left:20px;}
.category_list .cat_nav li:first-child{ border-top:0;}
.category_list .cat_nav li:last-child{ border-bottom:0;}


.category_list li .p_icon{ position:absolute; right:10px; top:15px; width:16px; height:16px; background:url(../images/ios_icon_05.png) no-repeat center center; background-size:contain;}
.category_list .cat_nav .p_icon{ position:absolute; right:0px; top:15px; width:16px; height:16px; background:url(../images/ios_icon_05.png) no-repeat center center; background-size:contain;}

 


/*标题栏*/
.title{ height:30px; line-height:30px; text-align:left; overflow:hidden; margin:0px auto; color:#666;}
.title h3 { padding-left:10px;font-weight:bold;text-shadow: #fff 0 -1px 0; color:#666;}

/*文字导航*/

.txt_nav{ width:100%; line-height:34px;  border:1px solid #ddd; border-left:0; border-right:0;}
.txt_nav ul{ width:100%; margin:0; }
.txt_nav li{  text-align:left; width:100%;font-size:16px;}
.txt_nav a{ width:29%; float:left; text-align:center; height:34px; padding:0px 6px 0px 6px; border-bottom:0px solid #ccc; border-right:0px solid #CCCCCC; color:#666;}
.txt_nav a:last-child{ margin-right:0;}
 

/*图标导航*/
.index_pro_nav{ margin:10px; overflow:hidden; margin-bottom:0; margin-right:0;}
.index_pro_nav li{ width:50%; float:left; overflow:hidden;}
.index_pro_nav li a{ height:30px;line-height:30px; display:block; margin-right:10px; margin-bottom:10px;box-shadow: #bbb 0px 0px 3px; border:1px solid #ddd; border-radius:0px;background:-webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), to(#eee)) repeat-x 0 bottom; }
.index_pro_nav li a:active{background:-webkit-gradient(linear, 0 0, 0 100%, from(#eee), to(#fefefe)) repeat-x 0 bottom;}
.index_pro_nav li a .nav_box{ position:relative; height:54px; margin:0 auto; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; padding-left:30px;} 
 

/*图文混排*/
.txt_box{ font-size:16px; line-height:1.5em; overflow:hidden; margin:10px; table-layout:fixed; word-break:break-all; border:1px solid #ddd; border-left:0; background:#fefefe; padding:5px;}


/*滚动图片*/

.roll_img{ overflow:hidden;width:100%; margin:0 auto; position:relative;border-bottom:#ccc 1px solid;}
.roll_img .img_box{ width:100%; overflow:hidden;text-align:center;}
.roll_img .img_box img{ max-width:100%;}



/*电话呼叫*/

.phone_call_mb_01{ margin:10px; text-align:center;}
.phone_call_mb_01 .phone_call_box{ margin:0 50px;}
.phone_call_mb_01 .phone_call_box a{ font-size:16px; display:block;line-height:44px; height:44px;}

/*一键分享*/

.share_mb_01{margin:10px;}
.share_mb_01 .share{ height:44px; margin:0 50px;}
.share_mb_01 .share button{ width:100%; height:44px;  font-size:16px;color:#666; }


/*搜索*/
.search_mb_01{ overflow:hidden; margin:10px; display:-webkit-box;}
.search_mb_01 .input_txt_box{-webkit-box-flex:1;}
.search_mb_01 .input_txt_box input{ width:100%; padding:0 5px; height:44px; vertical-align:top;}
.search_mb_01 .input_btn_box{ width:80px;}
.search_mb_01 .input_btn_box input{ width:100%; height:44px; }


/*信息列表*/
.news_list{ margin:10px; overflow:hidden;}
.news_list li{ height:25px; line-height:25px; overflow:hidden; padding:0 10px; position:relative;border-radius:0px;  border-bottom:1px solid #ddd;}
.news_list li .p_icon{ position:absolute; width:20px; height:20px; top:11px;right:10px; background:url(../images/ios_icon_05.png) no-repeat center center; background-size:16px 16px;}
.news_list li a{ display:block; height:25px; overflow: hidden; text-overflow: ellipsis;white-space: nowrap; padding-right:15px;}
.news_list li:first-child{ border-top:0;}
.news_list li:last-child{ border-bottom:0;}
.pages{text-align:center; background-color:#CCCCCC;}
/*信息详情*/
.news_info{ margin:10px; overflow:hidden;}
.news_info .news_info_title{ border-bottom:1px solid #ddd;}
.news_info .news_info_title .p_tit{ font-weight:bold;}
.news_info .news_info_title .p_date{font-size:12px; color:#666; margin-bottom:5px;}
.news_info .news_info_body{ border-top:1px solid #fff; font-size:14px; padding-top:10px; overflow:hidden; table-layout:fixed; word-break:break-all; word-wrap:break-word;}
.news_info .news_info_body img{ max-width:100%;}

/*商品排序*/
.pro_p_k{ padding:5px 0; overflow:hidden; text-align:center;}
.show_form_list{ display:-webkit-box; overflow:hidden;}
.show_form_list .list_nr_k{-webkit-box-flex:1;}

.pro_list_btn_1 { border:1px solid #ddd; background:-webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), to(#eee)) repeat-x 0 bottom;}
.pro_btn_p_ico{ height:30px; border:0; width:100%; background:none;}
.ico_gwc{ background:url(../images/icon_ios7_gwc.png) no-repeat center center; background-size:20px 16px;display:block;}
.pro_list_btn_1 .input_gwc{ background:url(../images/icon_ios7_gwc.png) no-repeat center center;background-size:20px;}

/*商品搜索*/
.pro_search{ overflow:hidden; padding:5px 0; display:-webkit-box;}
.pro_search .input_txt_box{-webkit-box-flex:1; background:#fefefe; border:1px solid #ddd; border-right:0;}
.pro_search .input_txt_box input{ width:100%; padding:0 5px; height:30px; vertical-align:top;background:none; border:0;}
.pro_search .input_btn_box{ width:40px;border-left:0; border:1px solid #ddd; background:-webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), to(#eee)) repeat-x 0 bottom;}
.pro_search .input_btn_box input{ width:100%; height:30px;  border:0;}

.pro_search .input_btn_box .input_ss{ background:url(../images/icon_ios7_sousuo.png) no-repeat center center;background-size:20px;}
.inp_txt{border:1px solid #999999; height:20px;}
/*产品列表*/
.det_product_list{ margin:10px; overflow:hidden;}
.det_product_list li{ overflow:hidden;border-radius:0px; width:49%; float:left; margin-right:2px; border-top:1px solid #fff;  border-bottom:1px solid #ddd;}
.det_product_list li:first-child{ border-top:0;}
.det_product_list li:last-child{ border-bottom:0;}
.det_product_list li a{ display:block; padding:10px 0; background:#FFFFFF;}c
.det_product_list .p_img{ width:98%; background:#fff; overflow:hidden; margin-right:10px; text-align:center;}
.det_product_list .p_img img{max-width:100%;height: 120px;}
.det_product_list .p_title{ text-align:center; padding-top:10px;line-height:30px; overflow:hidden;}
.det_product_list .p_price{ font-size:14px; padding-top:6px; color:#999;}
.det_product_list .p_price span{ font-size:20px;color:#c00;}

/*商品详情*/
.det_product_info{ margin:10px auto; overflow:hidden;margin-top:0px;}
.product_scroll_box {position:relative;	margin: 0 auto; overflow: hidden;background:-webkit-gradient(linear, 0 0, 0 100%, from(#f1f1f1), to(#eee)) repeat-x 0 bottom; border-bottom:1px solid #fff;}
.product_scroll_box .p_shadow{ position:absolute; top:0; width:10px; height:240px; z-index:9}
.product_scroll_box .shadow_l{left:-10px; box-shadow:#f1f1f1 5px 0 5px;}
.product_scroll_box .shadow_r{right:-10px; box-shadow:#f1f1f1 -5px 0 5px;}

.scroll_wrapper {width:230px; height:230px; margin:0 auto;  overflow:hidden;}
.scroll_scroller {position: absolute;z-index:1;}
.scroll_scroller .p_img{ margin:5px;}
.scroll_scroller .p_img img{ width:220px; height:220px;}

.product_txt_box{ padding:10px;}
.product_txt_box .pro_tit{ font-weight:bold; line-height:20px;}
.product_txt_box .pro_pre{ font-size:13px; color:#666; text-align:right; padding-right:10px;}
.product_txt_box .pro_pre span{ font-size:17px;color:#c00;}
.product_txt_box .pro_pre em{ font-size:13px; color:#c00;}

.product_btn_box {display:-webkit-box; padding:0 10px;}
.product_btn_box .pro_shopcar{-webkit-box-flex:1; height:36px; border:1px solid #a80329;background:-webkit-gradient(linear, 0 0, 0 100%, from(#c00), to(#a80329)) repeat-x 0 bottom;}
.product_btn_box .pro_collect{ margin-left:10px; width:80px; height:36px; border:1px solid #ddd;background:-webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#eee)) repeat-x 0 bottom;}

.product_btn_box button{border:0; background:none; width:100%; height:36px; }
.product_btn_box .pro_shopcar button{color:#fff;}
.product_btn_box .pro_collect button{ color:#666;}
.product_btn_box button span{height:36px; line-height:36px; padding-left:20px; display:inline-block; }
.product_btn_box .pro_shopcar button span{background: url(../images/bar_icon_shopcar.png) no-repeat left center; background-size:16px;}
.product_btn_box .pro_collect button span{ background: url(../images/bar_icon_sc.png) no-repeat left center; background-size:16px;}

.product_info_box{ padding:10px;}

.info_xq_title{ height:24px; overflow:hidden; line-height:24px; border-bottom:1px solid #ddd; margin-top:10px;}
.info_xq_title .p_tit{ float:left; font-size:14px; font-weight:bold; color:#666; text-shadow:#fff 0 1px 0px;}
.info_xq_title .p_qt{ float:right; font-size:12px; color:#666;}

/*单篇图文*/
.article{ margin:10px; overflow:hidden;}
.article .article_box{ border:1px solid #ddd;}
.article .article_title{ font-size:17px; padding:5px; font-weight:bold;border-bottom:1px solid #ddd;background:-webkit-gradient(linear, 0 0, 0 100%, from(#fcfcfc), to(#f8f8f8)) repeat-x 0 bottom; }
.article .article_body{text-align:left; padding:5px; word-break: break-all; word-wrap:break-word;background:#f9f9f9;}
.article .article_body img{ max-width:100%;}



/*底部bar栏公共样式*/
.footer_nav{position:fixed; left:0; bottom:0; z-index:99; width:100%; height:43px; border-top:1px solid #bfbfbf; border-bottom:1px solid #ddd; background:-webkit-gradient(linear, 0 0, 0 100%, from(#ededed), to(#bdbdbd)) repeat-x 0 bottom;}
.nav_menu{}
.hone_icon{ width:43px; height:43px; position:absolute; left:0; top:0;}
.hone_icon a{ display:block; height:43px; background:url(../images/menu_icon.png) no-repeat center center; background-size:16px;}
.nav_menu>ul{ display:-moz-box;display:-webkit-box;display:box; margin-left:43px;}
.nav_menu>ul>li{ -moz-box-flex:1;-webkit-box-flex:1;box-flex:1;  position:relative; border-left:1px solid #afafaf;}
.menu_btn{ height:43px; line-height:43px; text-align:center;  }
.menu_btn>a{ display:block; height:43px; color:#666;letter-spacing:1px;}
.menu_btn>a:active{background:-webkit-gradient(linear, 0 0, 0 100%, from(#ddd), to(#fefefe)) repeat-x 0 bottom;}
.menu_btn.on{ }
.menu_btn_show{ position:absolute; left:0; bottom:56px;}
.menu_btn_show>ul{ position:relative; border:1px solid #afafaf; border-radius:5px; background:#eee;color:#999; line-height:30px; }
.menu_btn_show>ul .p_icon{ width:10px; height:10px; background:#eee; border-right:1px solid #afafaf;border-bottom:1px solid #afafaf; -webkit-transform:rotate(45deg); background-size:10px; position:absolute; left:50%; margin-left:-5px; bottom:-6px; z-index:1;}
.menu_btn_show>ul>li{ text-align:center;  height:40px; line-height:40px; padding:0 5px;white-space:nowrap;}
.menu_btn_show>ul>li a{ display:block; height:40px; color:#666;}
.menu_btn_show>ul>.p_line{ margin:0 5px; min-width:110px; height:2px; background:url(../images/p_line.png) no-repeat center top; }