/*清除文档类型声明中的默认属性*/
body
{
    -moz-user-select:none;  
    }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;} 
img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}
/*字体定义*/
body {
	background:#c4c4c4;
	font-family: "微软雅黑", arial, helvetica, clean, sans-serif;
	font-size: 12px;
	color: #333333;
	font-weight: lighter;
}
table {font-size:inherit;font:100%;text-align: left;} 
/*重新定义*/
h1 {font-size:12px;}
h2 {
	font-size:11px;
	font-weight:normal;
}
h3 {
	font-size:14px;
}
h4 {font-size:12px;font-weight:normal;}

a {text-decoration:none;} 
a:hover {text-decoration:underline;}
/*通用定义*/
.clear {clear:both;} 
.clearfix:after { content: "."; display: block; height: 0;  clear: both; visibility: hidden;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
.left {
	float: left;
}
.right {
	float: right;
}
.bold {font-weight:bold;}
.f14   {font-size:14px;} 
.h20 { line-height:20px;}
.l10 {
	padding-top: 10px;
}
.rm10 {
	margin-right: 10px;
}
/*颜色预定义*/
.black {color:#000;}
.white {color:#fff;}
.red {color:#cc6633;}
.red2 {color:#990000;}
.red3 {
	color:#cc0000;
}
.grey {
	color:#999999;
}
.grey2 {
	color:#666666;
}
.grey3 {
	color:#CCCCCC;
}
.orange {color:#ff7200;}
.blue {color:#3a8ecf;}
.bg_grey {
	background-color: #CCCCCC;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
	border: 1px solid #FFFFFF;
}
/*-------------------------------------网页开始-------------------------------------*/
/*容器定义*/
#container{
	width:930px;
	margin-right: auto;
	margin-left: auto;
}
/*头部定义*/
#head {
	background-color: #000000;
	border-bottom-width: 2px;
	border-bottom-style: inset;
	border-bottom-color: #FFFFFF;
}
#head_right {
	line-height: 250%;
	text-align: right;
	color: #CCCCCC;
	padding-right: 30px;
	padding-top: 10px;
}
#head_right a {
	color: #CCCCCC;
}
/*内容定义*/
#main {
	margin-top: 20px;
	background-color: #FFFFFF;
}
#main_left {
	background-color: #e8e8e8;
	float: left;
	width: 200px;
}
#seach {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
}
.seach_a {
	width: 90%;
	margin-top: 10px;
	font-family: "微软雅黑";
	font-size: 11px;
}
.seach_b {
	width: 88%;
	margin-top: 10px;
	font-family: "微软雅黑";
	font-size: 11px;
}
/*菜单1*/
.ml_nav1{
	padding: 20px;
}
.ml_nav1 ul {
}
.ml_nav1 ul li{
	line-height: 180%;
	background-image: url(../images/l2.gif);
	background-repeat: no-repeat;
	padding-left: 12px;
	background-position: left 7px;
}
.ml_nav1 ul li a{
	color: #666666;
}
/*菜单2*/
.ml_nav2{
	padding: 20px;
}
.ml_nav2 ul {
}
.ml_nav2 ul li{
	line-height: 180%;
	background-image: url(../images/l3.gif);
	background-repeat: no-repeat;
	padding-left: 12px;
	background-position: left 5px;
}
.ml_nav2 ul li a{
	color: #666666;
}
/*菜单3*/
.ml_nav3{
}
.ml_nav3 ul {
}
.ml_nav3 ul li{
	line-height: 180%;
	background-image: url(../images/l4.gif);
	background-repeat: no-repeat;
	padding-left: 12px;
	background-position: left 5px;
}
.ml_nav3 ul li a{
	color: #333333;
}
/*广告*/
.ml_ad {
	padding-top: 20px;
	padding-bottom: 20px;
}
.ml_ad_type {
	color: #FFFFFF;
	background-color: #000000;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
#main_content {
	padding-left: 10px;
	float: left;
	width: 710px;
	padding-right: 10px;
	background-color: #FFFFFF;
}
#mc_location {
	margin: 10px;
}
#mc_location a {
	color: #999999;
}
#mc_summary {
	margin: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: groove;
	border-bottom-style: groove;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
}
.mcs_content {
	padding-left: 140px;
	text-align: justify;
	text-justify:inter-ideograph;
}
.mcs_content p{
	padding-top: 10px;
}
.mcs_select{
	font-size: 12px;
	width: 24%;
	font-family: "微软雅黑";
}
#title {
	margin: 10px;
}
.title_list {
	line-height: 200%;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: justify;
	text-justify:inter-ideograph;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #CCCCCC;
}
.title_type {
	margin-right: 220px;
}
#pic {
}
.pic_list {
	height: 188px;
	width: 122px;
	overflow: hidden;
	margin: 10px;
	float: left;
	display: inline;
	font-size: 11px;
}
.pic_list a{
	border: 1px solid #FFFFFF;
	display: block;
}
.pic_list a:hover{
	border: 1px solid #666666;
}
.pic_view {
	margin: 10px;
	float: left;
	width: 240px;
	display: inline;
	overflow: hidden;
}
.pic_more{
	margin-top: 50px;
	display: table;
}
.pic_more img{
	width:68px;
	height:68px;
}
.pic_more_line {
	margin-right: 15px;
}
.pic_more a{
	border: 1px solid #FFFFFF;
	display: block;
	float: left;
	margin-bottom:15px;
}
.pic_more a:hover{border: solid 1px #cdcdcd;}

.piv_view_r {
	text-align: justify;
	text-justify:inter-ideograph;
	float: left;
	width: 430px;
	padding: 10px;
    vertical-align:top;
}
.pvrc_line{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
.pvr_c{

}
.pvr_c p{
	padding-top: 10px;
}
.shop {
	/*float: left;
	height: 110px;*/
	/*width: 192px;*/
	overflow: hidden;
	padding: 10px;
}
.shop img {
	float: left;
	width: 60px;
}
.shop div {
	padding-left: 70px;
}
.shop_ok {
	text-align: right;
	padding-top: 30px;
}
/*底部定义*/
#footer {
	text-align: center;
}
#footer_link {
	background-color: #545454;

	padding-top: 6px;
	padding-bottom: 6px;
}
#footer_link a {
	color: #CCCCCC;
	padding-right: 3px;
	padding-left: 3px;
}
#footer_copy {
	padding-top: 10px;
	padding-bottom: 10px;
}
/*翻页代码*/
.flip {
	TEXT-ALIGN: right;
	font-family: Arial, Helvetica, sans-serif;
	border-top-width: 2px;
	border-top-style: groove;
	border-top-color: #CCCCCC;
	margin-top: 3px;
	margin-right: 10px;
	margin-bottom: 3px;
	margin-left: 10px;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.flip a {
	BORDER-RIGHT: #ddd 1px solid;
	PADDING-RIGHT: 5px;
	BORDER-TOP: #ddd 1px solid;
	PADDING-LEFT: 5px;
	PADDING-BOTTOM: 2px;
	BORDER-LEFT: #ddd 1px solid;
	COLOR: #aaa;
	MARGIN-RIGHT: 2px;
	PADDING-TOP: 2px;
	BORDER-BOTTOM: #ddd 1px solid;
	TEXT-DECORATION: none;
}
.flip a:hover {
	BORDER-RIGHT: #a0a0a0 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #a0a0a0 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #a0a0a0 1px solid; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #a0a0a0 1px solid
}
.flip span.current {
	BORDER-RIGHT: #e0e0e0 1px solid;
	PADDING-RIGHT: 5px;
	BORDER-TOP: #e0e0e0 1px solid;
	PADDING-LEFT: 5px;
	FONT-WEIGHT: bold;
	PADDING-BOTTOM: 2px;
	BORDER-LEFT: #e0e0e0 1px solid;
	COLOR: #aaa;
	MARGIN-RIGHT: 2px;
	PADDING-TOP: 2px;
	BORDER-BOTTOM: #e0e0e0 1px solid;
	BACKGROUND-COLOR: #f0f0f0;
}
.flip span.disabled {
	BORDER-RIGHT: #f3f3f3 1px solid;
	PADDING-RIGHT: 5px;
	BORDER-TOP: #f3f3f3 1px solid;
	PADDING-LEFT: 5px;
	PADDING-BOTTOM: 2px;
	BORDER-LEFT: #f3f3f3 1px solid;
	COLOR: #ccc;
	MARGIN-RIGHT: 2px;
	PADDING-TOP: 2px;
	BORDER-BOTTOM: #f3f3f3 1px solid;
}
/*-------------------------------------首页代码-------------------------------------*/
#index_banner {
}
#index_main {
	background-color: #FFFFFF;
}
.im_list {
	padding-top: 20px;
	padding-right: 10px;
	padding-left: 10px;
}
.iml_mid {
	width: 340px;
	float: left;
}
.iml_mid img {
	padding-bottom: 10px;
}
.iml_news {
	padding: 10px;
	
	
	margin: 10px;
}
/*-------------------------------------会员代码-------------------------------------*/
/*------会员导航-------*/
#mnav {
	line-height:normal;
	background-color: #e8e8e8;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	margin-right: 10px;
	margin-left: 10px;
}
#mnav ul {
	margin:0;
	padding:10px 10px 0 40px;
	list-style:none;
}
#mnav li {
    display:inline;
    margin:0;
    padding:0;
}
#mnav a {
	float:left;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
	background-image: url(../images/tableft6.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#mnav a span {
	float:left;
	display:block;
	padding:5px 15px 4px 6px;
	color:#FFF;
	background-image: url(../images/tabright6.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
#mnav a span {float:none;}
#mnav a:hover span {
    color:#FFF;
}
#mnav a:hover {
    background-position:0% -42px;
}
#mnav a:hover span {
    background-position:100% -42px;
}
/*------会员内容-------*/
#m_center {
	margin: 10px;
}
.main_tabel {
	width: 100%;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #e6e7e8;
	border-bottom-color: #e6e7e8;
}
.main_tabel thead{
	background-color: #e8e8e8;
}
.main_tabel thead th{
	padding: 5px;
	color: #666666;
	font-weight: normal;
}
.main_tabel tbody td{
	padding: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #e6e7e8;
}
.main_tabel tbody tr:hover{
	background-color: #FFFFCC;
}
.mt_gray{
	background-color: #e8e8e8;
}
.login {
	border: 1px solid #CCCCCC;
	width: 40%;
	margin-top: 30px;
	margin-left: 60px;
	padding-bottom: 20px;
	overflow: hidden;
}
.login_t {
	background-color: #efefef;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 20px;
	margin-top: 1px;
	margin-right: 1px;
	margin-bottom: 10px;
	margin-left: 1px;
	white-space: normal;
}
.login_l {
	width: 100%;
}
.login p{
	padding-top: 6px;
	padding-right: 20px;
	padding-left: 20px;
}
.reg_l {
	width: 50%;
}
.reg_ok {
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #999999;
	text-align: center;
	padding-top: 10px;
	margin-top: 30px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}

.sttabel {
	width: 100%;
}
.sttabel thead{
	background-color: #e8e8e8;
}
.sttabel thead th{
	padding: 5px;
	font-weight: normal;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}
.sttabel tbody td{
	padding: 5px;
}
.stttabel_black {
	color: #FFFFFF;
	background-color: #666666;
}
.shop_tabel {
	width: 100%;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #e6e7e8;
	border-bottom-color: #e6e7e8;
}
.shop_tabel thead{
	background-color: #999999;
}
.shop_tabel thead th{
	padding: 5px;
	color: #FFFFFF;
	font-weight: normal;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}
.shop_tabel tbody td{
	padding: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #e6e7e8;
}
.shop_tabel tbody tr:hover{
	background-color: #FFFFCC;
}
.sellpic {
	width: 320px;
	float: left;
	margin: 10px;
	display: inline;
}
.sell_img {
	width: 122px;
	float: left;
	margin-right: 10px;
}
.sell_img a{
	border: 1px solid #666666;
	display: block;
}
.sell_left {
	padding-left: 135px;
}

/* ================= 移动端响应式与 SEO 优化样式追加 ================= */
.product_detail_wrap {
    width: 100%;
}
.product_detail_pic {
    float: left;
    width: 260px;
}
.product_detail_info {
    float: left;
    width: 450px;
}

@media screen and (max-width: 768px) {
    /* 1. 全局容器自适应与内边距 */
    #container {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        box-sizing: border-box !important;
    }
    
    /* 2. 头部Logo和参数栏纵向堆叠并居中 */
    #head {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        padding: 15px 0 !important;
    }
    #head a.left {
        float: none !important;
        margin-bottom: 10px !important;
    }
    #head_right {
        float: none !important;
        width: 100% !important;
        text-align: center !important;
        padding: 0 !important;
        line-height: 1.8 !important;
    }
    
    /* 3. 隐藏左侧长分类菜单 (加快移动端加载、直达核心、极大增强移动端 SEO) */
    #main_left {
        display: none !important;
    }
    
    /* 4. 主体宽度铺满 */
    #main {
        width: 100% !important;
        margin-top: 10px !important;
    }
    #main_content {
        float: none !important;
        width: 100% !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }
    
    /* 5. 详情大框切换为纵向列排布 */
    .product_detail_wrap {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }
    .product_detail_pic {
        float: none !important;
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        margin-bottom: 20px !important;
    }
    .pic_view {
        float: none !important;
        width: 100% !important;
        max-width: 320px !important;
        margin: 0 auto !important;
        text-align: center !important;
    }
    .pic_view img {
        max-width: 100% !important;
        height: auto !important;
    }
    .pic_more {
        margin-top: 20px !important;
        justify-content: center !important;
        display: flex !important;
        flex-wrap: wrap !important;
    }
    .pic_more a {
        float: none !important;
        margin: 5px !important;
    }
    
    .product_detail_info {
        float: none !important;
        width: 100% !important;
        padding: 0 !important;
    }
    .piv_view_r {
        float: none !important;
        width: 100% !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }
    
    /* 6. 规格购买列表自适应 */
    .shop {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        width: 100% !important;
        box-sizing: border-box !important;
        padding: 10px 0 !important;
    }
    .shop img {
        width: 60px !important;
        height: 60px !important;
        flex-shrink: 0 !important;
    }
    .shop div {
        padding-left: 15px !important;
        flex-grow: 1 !important;
    }
    .shop_ok {
        text-align: center !important;
        padding-top: 15px !important;
    }
    .pvr_c img {
        max-width: 100% !important;
        height: auto !important;
    }
    
    /* 7. 页脚流式折行 */
    #footer_link a {
        display: inline-block !important;
        margin: 5px 10px !important;
    }
    
    /* 8. 首页广告图片自适应与纵向堆叠 */
    .iml_mid {
        float: none !important;
        width: 100% !important;
        margin-right: 0 !important;
        margin-bottom: 15px !important;
        box-sizing: border-box !important;
    }
    .iml_mid img {
        width: 100% !important;
        height: auto !important;
    }
    
    /* 9. 首页图片轮播自适应 */
    #slider {
        width: 100% !important;
        height: auto !important;
        max-height: 200px !important;
    }
    #slider .slide {
        width: 100% !important;
    }
    
    /* 10. 全站数据表格防撑破 (启用水平滑动，完美支持购物车与订单页) */
    table {
        display: block !important;
        width: 100% !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }
    
    /* 11. 全站商品/品牌列表网格流式居中排版 */
    #pic {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        width: 100% !important;
    }
    .pic_list {
        float: none !important;
        margin: 10px !important;
    }
}