/*===================================*/
/*===========电脑版公共样式==========*/
/*===================================*/
/* href="javascript:history.back();" :first-child  :last-child  :nth-child(2) */
/* @media only screen and (min-width:0px) and (max-width:480px){} @media only screen and (min-width:480px){} */
.tuzi {
    background: url(/images/tou.png) no-repeat center center;
    text-align: center;
    height: 180px;
    padding: 10px;
    line-height: 24px;
    font-size: 14px;
    background-size:cover;
}
    .tuzi span {
        text-align: center;
        width: 60%;
        display: inline-block;
        margin-top: 20%;
        height:75px;
        overflow:hidden;
    }

   
    /*#region ===========全局属性===========*/
    body {
        font: 12px/normal "Microsoft Yahei",Arial,Verdana, "宋体";
        margin: 0px;
        padding: 0px;
        position: relative;
        background: #f8f8f8;
    }
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,a,img{ margin:0; padding:0; font-style:normal;}
h1,h2,h3,h4,h5,h6,dl,dt,dd,em,th{ font-size:100%; font-weight:normal;}
input,textarea,select{ font-size:12px; margin:0px; padding:0px; font-family:"Microsoft Yahei";}
ul,li{ list-style:none; margin:0px; padding:0px; display:block;} li{ vertical-align:top;}
table,tr,td{ font-size:12px; padding:0px; margin:0px; vertical-align:middle; border-collapse:collapse; border-spacing:0;}
img{ border:none;}
a{ color:#666; text-decoration:none; outline:none; cursor:pointer;}
a:hover{ color:#db2626;}
p{ margin:0px; padding:0px;}
/*常用样式*/
.clear{ display:block; height:0; overflow:hidden; clear:both; *zoom:1;}
.hidden{ display:none !important;}
.inline { display:inline !important;}
.left{ float:left !important;}
.right{ float:right !important;}
.center{ text-align:center !important;}
.oh{ overflow:hidden;}
.body{ width:100%; overflow:hidden; margin:0; padding:0;}
.bai{ background:#fff !important;}
.mask{ width:100%; height:100%; overflow:hidden; cursor:pointer; background:rgba(0,0,0,0.7); position:fixed; left:0; top:0; z-index:1003;}
/*图片垂直居中*/
img.v{ position:relative; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%);}
/*暂无数据*/
.NodataTips{ line-height:30px; display:block; overflow:hidden; padding:30px 10px; text-align:center; font-size:13px; color:#666;}
#trans-tooltip,#tip-arrow-bottom,#tip-arrow-top{ display:none;}
/*#endregion */


/*#region ==========滚动条美化==========*/
::-webkit-scrollbar{ width:5px; height:5px; background-color:#f6f6f6;}
::-webkit-scrollbar-track{ border-radius:5px; background-color:#f6f6f6;}
::-webkit-scrollbar-thumb{ border-radius:5px; background-color:#999;}
/*#endregion */


/*#region ===========顶部===========*/
.head_bg{ width:100%; height:30px; background:#f6f6f6; position:relative; z-index:300;}
.head{ width:1200px; height:30px; margin:0 auto;}
/*左边*/
.head_left{ float:left; overflow:hidden; line-height:30px;}
.head_left span{ float:left; color:#666; margin:0 15px 0 0;}
.head_left a{ float:left; color:#666; margin:0 10px 0 0;}
.head_left a:hover{ color:#db2626;}
/*右边*/
.head_right{ float:right; width:auto; height:30px;}
.headnav{ float:left; width:auto; height:30px; line-height:30px; display:inline-block; cursor:pointer; position:relative;}
.headnav a.btn{ display:block; overflow:hidden; padding:0 10px;}
.headnav span{ float:left; display:inline-block; overflow:hidden; color:#666;}
.headnav i{ float:left; width:18px; display:inline-block; overflow:hidden; font-size:12px; color:#999; text-align:center;}
.headnav ul{ display:none; width:100%; overflow:hidden; background:#fff; position:absolute; left:0; top:30px; z-index:100;
border-bottom:1px solid #e0e0e0;}
.headnav ul li{ height:28px; line-height:28px; overflow:hidden; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0;}
.headnav ul li a{ display:block; overflow:hidden; padding:0 0 0 9px; color:#666;}
.headnav ul li a:hover{ background:#f5f5f5;}
.head_qrcode{ display:none; width:100px; overflow:hidden; background:#fff; position:absolute; right:0; top:30px; z-index:2000; text-align:center;
border-bottom:1px solid #e0e0e0; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0;}
.head_qrcode div{ overflow:hidden;}
.head_qrcode p{ text-align:center; line-height:15px; display:block; overflow:hidden; padding:5px 0; color:#F30;}
.head_qrcode img{ width:90px; display:block; margin:0 auto 5px auto;}

.headnav:hover{ background:#fff;}
.headnav:hover a.btn{ border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; padding:0 9px;}
.headnav:hover ul{ display:block;}
.headnav:hover div.head_qrcode{ display:block;}
/*#endregion */


/*#region ===========头部===========*/
.top_bg{ width:100%; height:110px; position:relative; z-index:200; background:#fff;}
.top{ width:1200px; height:110px; margin:0 auto;}
.logo{ float:left; width:466px; height:44px; display:block; overflow:hidden;
       margin-top:28px;
}
.logo img{ /*height:110px;*/ display:block; /*max-width:100%; max-height:100%;*/}
/*搜索*/
.search_box{ float:left; /*width:550px;*/ overflow:hidden; margin:0 0 0 70px; padding:35px 0 0 0;}
.search_txt{ float:left; width:250px; height:34px; line-height:34px; border:1px solid #E0E0E0; padding:0 10px; color:#666; outline:none; font-size:14px;padding-right:40px;

             border-top-left-radius:6px;
             border-bottom-left-radius:6px;
}
.sea_sel{
    color:#999999;
    float:left;height:36px;outline:none;line-height:36px;border-bottom:1px solid #E0E0E0;border-top:1px solid #E0E0E0; border-left:0; font-size:14px;padding:0 5px;
}
.search_btn{ border-top-right-radius:6px;
             border-bottom-right-radius:6px;display:block; overflow:hidden; width:90px;  height:36px; line-height:36px; text-align:center; color:#fff; background:#db2626; font-size:14px;}
.search_btn:hover{ color:#fff;}
.search_box p{ display:block; overflow:hidden; line-height:20px; padding:5px 0 0 0;}
.search_box p a{ float:left; color:#999; margin:0 10px 0 0;}
.search_box p a:hover{ color:#db2626;}
/*按钮*/
.topcartbtn{ float:right; width:130px; height:34px; line-height:34px; display:block; overflow:hidden; border:1px solid #e0e0e0;
background:#fafafa; margin:35px 0 0 0;}
.topcartbtn i{ float:left; font-size:18px; color:#a6a6a6; margin:0 10px 0 20px;}
.topcartbtn span{ float:left; color:#666; margin:0 10px 0 0;}
.topcartbtn b{ float:left; padding:0 4px; height:14px; line-height:14px; display:inline-block; overflow:hidden; border-radius:100%; color:#fff;
text-align:center; background:#db2626; font-weight:lighter; margin:10px 0 0 0; font-size:11px;}
/*#endregion */


/*#region ===========导航===========*/
.nav_bg{ width:100%; height:38px; position:relative; z-index:100; border-bottom:2px solid #db2626; background:#fff;}
.nav_div{ width:1200px; height:38px; margin:0 auto;}
.nav_class{ float:left; width:220px; height:38px; position:relative;}
.nav_class:hover div.navpclass{ display:block;}
.nav_firstc{ width:220px; height:40px; line-height:38px; display:block; overflow:hidden; color:#fff; background:#db2626; font-size:16px; text-align:center;}
.nav_firstc:hover{ color:#fff;}
.nav_list{ overflow:hidden; height:38px;}
.nav_list li{ float:left; height:38px; line-height:38px; overflow:hidden;}
.nav_list li a{ display:block; overflow:hidden; padding:0 25px; font-size:14px;}
.nav_list li a.aon{ color:#db2626;}
.nav_class:hover div.navpclass{ display:block;}
/*分类菜单*/
.navpclass{ width:670px; height:380px; position:relative; display:none; background:#000; background:rgba(0,0,0,0.7); z-index:2000;}
.navpbtn{ width:220px; height:50px;position:relative;display:inline-block;}
.navpbtn:hover .leftbtn{ background:#fff;}
.navpbtn:hover .leftbtn p a.title{ color:#666;}
.navpbtn:hover .navp_hid{ display:block;}
/*左侧一个块*/
.leftbtn{ height:50px; line-height:50px; display:block; overflow:hidden; padding:0px 0 0px 20px;}
.leftbtn p{ height:50px; line-height:50px; display:block; overflow:hidden;}
.leftbtn p a{ float:left; font-size:14px; color:#999; margin:0 13px 0 0;}
.leftbtn p a.title{ color:#fff;}
/*右侧一片*/
.navp_hid{ display:none; width:600px; height:500px; overflow:hidden; background:#fff; position:absolute; left:0px; top:50px; z-index:1000;}
.navp_hid_class {
    height: 310px;
    padding: 10px 10px 0 25px;
    border-top: 1px solid #333;
}
    .navp_hid_class li {
        line-height: 25px;
        display: inline-block;
        overflow: hidden;
        padding-bottom: 10px;
        width: 24%;
    }
.navp_hid_class li h4{ float:left; width:98%; display:block; overflow:hidden; margin:0 10px 0 0;border:1px solid #fff;text-align:center;}
.navp_hid_class li h4:hover{
    border:1px solid #db2626;
    border-radius:5px;
}
.navp_hid_class li h4 a{ font-size:14px; color:#ff4444;}
.navp_hid_class li h4:hover a{ font-size:14px; color:#db2626;}
.navp_hid_class li p{ display:block; overflow:hidden; color:#999;}
.navp_hid_class li p a{ float:left; display:inline-block; overflow:hidden; font-size:12px; color:#999; margin:0 20px 0 0;}
.navp_hid_class li p a:hover{ color:#db2626;}
.navp_hid_img{ height:160px; overflow:hidden; padding:0 0 20px 0;}
.navp_hid_img li{ float:left; width:260px; height:160px; overflow:hidden; margin-left:25px;}
.navp_hid_img li img{ width:260px; height:160px; display:block;}
/*#endregion */


/*#region ===========底部===========*/
/*图标*/
.foot_bg{ overflow:hidden; background:#f5f5f5;}
.foot_icon{ overflow:hidden; width:1200px; padding:30px 0; margin:0 auto; border-bottom:1px solid #ddd;}
.foot_icon li{ float:left; width:20%; height:40px; line-height:40px; overflow:hidden; text-align:center; position:relative;}
.foot_icon li i{ width:50px; height:40px; line-height:45px; display:inline-block; overflow:hidden; color:#8c8c8c; text-align:center; font-size:32px;}
.foot_icon li span{ display:inline-block; overflow:hidden; color:#8c8c8c; font-size:16px;}
.foot_icon li b{ width:1px; height:16px; display:block; overflow:hidden; background:#ddd; position:absolute; right:0; top:12px; z-index:1;}
/*导航*/
.foot_navbg{ overflow:hidden; width:1200px; padding:25px 0; margin:0 auto;}
.foot_nav{ float:left; overflow:hidden;}
.foot_nav li{ float:left; width:140px; overflow:hidden;}
.foot_nav li p{ color:#555; font-size:16px; line-height:25px; padding-bottom:10px;}
.foot_nav li a{ line-height:25px; color:#999; display:block; overflow:hidden;}
.foot_nav li a:hover{ color:#db2626;}
/*联系*/
.foot_lianxi{ float:right; overflow:hidden;}
.foot_hotline{ float:left; width:150px; overflow:hidden;}
.foot_hotline h4{ line-height:25px; color:#8c8c8c; font-size:16px; display:block; overflow:hidden; padding-bottom:10px;}
.foot_hotline p{ line-height:25px; color:#76ac25; font-size:20px; display:block; overflow:hidden; font-family:Arial;}
.foot_hotline a.btn{ width:125px; height:32px; line-height:32px; display:block; overflow:hidden; background:#db2626; color:#fff; margin-top:15px;}
.foot_hotline a.btn i{ float:left; font-size:18px; margin:1px 8px 0 15px;}
.foot_hotline a.btn span{ font-size:14px; color:#fff;}
.foot_qrcode{ float:left; width:120px; overflow:hidden; margin-left:50px;}
.foot_qrcode img{ width:110px; display:block; overflow:hidden; border:1px solid #ddd; padding:4px; background:#fff;}
.foot_qrcode p{ line-height:30px; color:#999; text-align:center;}
/*底部内容*/
.foot_conts{ overflow:hidden; padding:20px 0; background:#fff;}
.foot_conts p{ height:30px; line-height:30px; display:block; overflow:hidden; text-align:center; color:#b5b5b5; line-height:30px;}
.foot_conts p.link a{ margin:0 5px;}
.foot_conts a{ height:30px; line-height:30px; display:inline-block; overflow:hidden; color:#666;}
.foot_conts a:hover{ color:#666;}
.foot_conts span { height:30px; line-height:30px; display:inline-block; overflow:hidden; color:#666;}
.foot_conts .yyzz { height:30px; line-height:30px; display:inline-block; overflow:hidden; color:#666;}
.foot_conts .yyzz img{ float:left; height:20px; margin:5px 3px 5px 5px;}
/*#endregion */


/*#region ===========工具===========*/
/*工具栏*/
.toolbar{ width:40px; height:100%; position:fixed; top:0; right:0; z-index:1000;}
.toolbar_div{ width:40px; height:100%; position:relative;}
/*按钮*/
.toolbar_btn{ width:40px; height:100%; position:absolute; top:0; left:0; z-index:10; background:#000;}
.toolbar_btn a.icon{ width:40px; height:40px; line-height:40px; display:block; overflow:hidden; text-align:center; color:#fff; font-size:20px;}
.toolbar_btn a.icon:hover{ background:#222222; color:#fff;}
.undericon{ position:absolute; left:0; bottom:0;z-index:1;}
.icon_qrcode{ position:relative; overflow:visible !important;}
.icon_qrcode img{ width:100px; height:100px; display:none; position:absolute; right:40px; bottom:0px; z-index:777; padding:5px;
background:#000; background:rgba(0,0,0,0.5); border:1px solid #999;}
.icon_qrcode:hover img{ display:block;}
/*购物车按钮*/
.tb_cart{ width:40px; overflow:hidden; display:block; text-align:center; position:relative; color:#fff; margin:15px 0;}
.tb_cart i{ width:40px; height:40px; line-height:40px; display:block; overflow:hidden; font-size:20px; text-align:center;}
.tb_cart span{ font-size:13px; width:15px; display:block; overflow:hidden; margin:0 auto; text-align:center;}
.tb_cart b{ display:inline-block; overflow:hidden; height:14px; line-height:14px; color:#fff; background:#db2626; border-radius:100%; padding:0 5px;
font-weight:lighter; font-size:10px; margin:5px 0 15px 0;}
.tb_cart:hover{ background:#222222; color:#fff;}
/*购物车*/
.toolbar_cart{ width:200px; height:100%; position:absolute; top:0; right:-235px; z-index:9; background:#f5f5f5;
border-left:solid 1px #ddd; box-shadow:-3px 0 2px rgba(0,0,0,0.2);}
.bcart_title{ height:40px; line-height:40px; overflow:hidden; padding:0 10px; border-bottom:1px solid #ddd;}
.bcart_title span{ float:left; color:#333; font-size:15px;}
.bcart_title a{ float:right; color:#666; font-size:15px;}
.bcart_iframe { overflow:hidden;}
/*列表*/
.bcart_list{ overflow:hidden; padding:10px;}
.bcart_list li{ width:178px; height:40px; padding:5px 0; position:relative; background:#fff; margin-bottom:10px; border:1px solid #ddd;}
.bcart_list li:hover{ border:1px solid #db2626;}
.bcart_list li a.img{ float:left; display:block; overflow:hidden; margin:0 5px;}
.bcart_list li a.img img{ width:40px; height:40px; display:block;}
.bcart_list li a.name{ line-height:20px; height:20px; display:block; overflow:hidden; padding:0 10px 0 0;}
.bcart_list li p.price{ line-height:20px;}
.bcart_list li p.price span{ color:#ff2200; font-weight:bold; margin:0 3px 0 0; font-size:13px;}
.bcart_list li p.price em{ color:#666; font-style:normal;}
.bcart_list li a.del{ width:14px; height:14px; line-height:16px; display:block; overflow:hidden; text-align:center; color:#fff; background:#999;
border-radius:100%; position:absolute; top:-6px; right:-6px; z-index:10;}
.bcart_list li:hover a.del{ background:#db2626;}
.bcart_none{ height:60px; overflow:hidden;}
.bcart_foot{ width:200px; overflow:hidden; text-align:center; position:fixed; left:0; bottom:5px; z-index:10;}
.bcart_foot p.price{ color:#666; line-height:20px; padding:0 0 5px 0;}
.bcart_foot p.price span{ color:#F00; font-size:13px; font-weight:bold;}
.bcart_foot p.price em { font-style:normal;}
.bcart_foot a.btn{ height:25px; line-height:25px; overflow:hidden; display:inline-block; color:#fff; background:#db2626; padding:0 10px;}
/*#endregion */


/*#region ===========其他通用样式===========*/
/*猜你喜欢*/
.product_like{ width:100%; height:370px; padding:30px 0 0 0;}
.plike_title{ height:40px; line-height:40px; overflow:hidden; position:relative;}
.plike_title p{ width:530px; height:1px; overflow:hidden; background:#ddd; margin:20px 0 0 0;}
.plike_title span{ width:140px; height:40px; overflow:hidden; display:block; overflow:hidden; text-align:center; color:#666; font-size:18px;
position:absolute; top:0; left:50%; z-index:20; margin-left:-70px;}
.plike_list{ width:1225px; /*330px*/}
.plike_list li{ float:left; width:198px; height:288px; overflow:hidden; border:1px solid #fff; margin:20px 25px 0 0; padding:10px; background:#fff;}
.plike_list li:hover{ border:1px solid #e9e9e9; box-shadow:0 0 5px rgba(0, 0, 0, 0.2);}
.plike_list li a.img{ display:block; overflow:hidden;}
.plike_list li a.img img{ width:198px; height:198px; display:block;}
.plike_list li p.price{ height:30px; line-height:30px; display:block; overflow:hidden; padding:10px 0 0 0; color:#db2626;}
.plike_list li p.price i{ font-style:normal; font-size:16px; font-family:"微软雅黑";}
.plike_list li p.price span{ font-size:20px; font-family:Arial;}
.plike_list li a.name{ height:40px; line-height:20px; padding:5px 0; display:block; overflow:hidden;}
/*#endregion */





/*#region ===========图标字体===========*/
@font-face {font-family: "iconfont";
  src: url('iconfont/iconfont.eot'); /* IE9*/
  src: url('iconfont/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('iconfont/iconfont.woff') format('woff'), /* chrome、firefox */
  url('iconfont/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('iconfont/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
.icon-search:before { content: "\e648"; }
.icon-top:before { content: "\e653"; }
.icon-share:before { content: "\e64a"; }
.icon-favorite:before { content: "\e66e"; }
.icon-gouwuche:before { content: "\e655"; }
.icon-gerenzhongxin:before { content: "\e60f"; }
.icon-shouye:before { content: "\f004a"; }
.icon-fanhui:before { content: "\e608"; }
/*#endregion */


/*#region ===========分页样式===========*/
.aspnetpager{ overflow:hidden; padding:15px;}
.paginator{ font-size:12px; line-height:14px; text-align:right; margin:0 auto; text-align:center;}
.paginator a{ height:14px; line-height:14px; margin:0px 1px; padding:4px 8px; display:inline-block; text-decoration:none; color:#666; background:#fff; border:1px solid #dadad8;}
.paginator a:hover{ text-decoration:none; color:#fff; background:#ff2200;}
.paginator span.cpb{ height:14px; line-height:14px; margin:0px 1px; padding:4px 8px; display:inline-block; color:#fff; background:#ff2200; border:1px solid #dadad8; font-weight:bold;}
.paginatordis{ display:none;}
.paginator input[type="text"]{ text-align:center; height:22px; line-height:22px; border:1px solid #dadad8; padding:0;}
.paginator input[type="submit"]{padding:0 5px; height:24px; line-height:22px; margin-left:3px; border:1px solid #ddd; background:#f7f7f7;color:#666;}
/*#endregion */


/*#region ===========顶部提示===========*/
.WebTopTips{ height:30px; line-height:30px; overflow:hidden; text-align:center; color:#fff; background:rgba(0,0,0,0.6); position:relative;
font-size:14px; padding:0 30px;}
.WebTopTips p{}
.WebTopTips b{ width:30px; height:30px; line-height:30px; display:inline-block; overflow:hidden; position:absolute; top:0; left:0; z-index:100;
font-size:15px; padding:0 3px; cursor:pointer;}
/*#endregion */


@font-face {
  font-family: 'iconfont2';  /* project id 1873702 */
  src: url('//at.alicdn.com/t/font_1873702_ps4dsrfic8s.eot');
  src: url('//at.alicdn.com/t/font_1873702_ps4dsrfic8s.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_1873702_ps4dsrfic8s.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_1873702_ps4dsrfic8s.woff') format('woff'),
  url('//at.alicdn.com/t/font_1873702_ps4dsrfic8s.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_1873702_ps4dsrfic8s.svg#iconfont') format('svg');
}
.iconfont2{
    font-family:"iconfont2" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}