@charset "utf-8";
/*
商城首页样式表
*/

/* 产品分类 */
.w-prodcate{}
.prodcate{ position:relative;z-index:1;}
.pro-cate{background:url(../images/cate.gif) no-repeat left top;width:30px;height:84px;position:absolute;left:-31px;top:-1px;line-height:0;font-size:0; _zoom:1; _clear:both;}
.prodcate dl{margin:0;padding:0;list-style:none; position:relative;}
.prodcate .prod-item{float:left;width:492px;display:table-cell;vertical-align:middle;overflow:hidden;height:80px;background-color:#fff;border:1px solid #c6d4db;margin-top:-1px;margin-left:-1px;}
.pro-tit{float:left;overflow:hidden;display:inline-block;width:66px;height:80px;padding-top:15px;line-height:0;background-color:#eaf3f7;text-align:center;box-sizing: border-box;}
.pro-tit span{display:block;color:#4f779e;font-size:12px;overflow:hidden;line-height:14px;cursor:pointer; margin-top:5px;}
.pro-item{vertical-align:middle;padding:0 0 0 10px;}
.prod-item dd{line-height:18px;padding:8px 0 10px 15px; color:#999999;}
.prod-item a{display:inline-block;line-height:14px;color:#444;padding:0 8px;}
.prod-item a:hover{color:#3399ff;text-decoration:underline;}

.prodcate .hover{ border:1px solid #78c3e6; background:#ddeef6; position:relative; z-index:9;}
.prodcate .hover .pro-tit{ background:#ddeef6; cursor:pointer;}

/* ico-host */
.ico-host{ width:21px; height:21px; display:inline-block; *display:inline; *zoom:1; background:url(../images/ico_host.png) no-repeat;}
.i-host-1{ background-position:0px 0px;}
.i-host-2{ background-position:-21px 0px;}
.i-host-3{ background-position:0px -21px;}
.i-host-4{ background-position:-21px -21px;}
.i-host-5{ background-position:0px -42px;}
.i-host-6{ background-position:-21px -42px;}
.i-host-7{ background-position:0px -63px;}
.i-host-8{ background-position:-21px -63px;}
.i-host-9{ background-position:0 -84px;}
.i-host-10{ background-position:0 -105px;}
.i-host-11{ background-position:-21px -105px;}

.prodcate .hover .i-host-1{ background-position:-42px 0px;}
.prodcate .hover .i-host-2{ background-position:-63px 0px;}
.prodcate .hover .i-host-3{ background-position:-42px -21px;}
.prodcate .hover .i-host-4{ background-position:-63px -21px;}
.prodcate .hover .i-host-5{ background-position:-42px -42px;}
.prodcate .hover .i-host-6{ background-position:-63px -42px;}
.prodcate .hover .i-host-7{ background-position:-42px -63px;}
.prodcate .hover .i-host-8{ background-position:-63px -63px;}
.prodcate .hover .i-host-8{ background-position:-84px -87px;}

.prodcate .hover .sub-hover .i-host-1{ background-position:-84px 0px;}
.prodcate .hover .sub-hover .i-host-2{ background-position:-105px 0px;}
.prodcate .hover .sub-hover .i-host-3{ background-position:-84px -21px;}
.prodcate .hover .sub-hover .i-host-4{ background-position:-105px -21px;}
.prodcate .hover .sub-hover .i-host-5{ background-position:-84px -42px;}
.prodcate .hover .sub-hover .i-host-6{ background-position:-105px -42px;}
.prodcate .hover .sub-hover .i-host-7{ background-position:-84px -63px;}
.prodcate .hover .sub-hover .i-host-8{ background-position:-105px -63px;}
.prodcate .hover .sub-hover .i-host-9{ background-position:-84px -84px;}
.prodcate .hover .sub-hover span{ color:#3399ff; text-decoration:underline;}

/* 产品分类右侧广告 */
.w-promotion{}
.promotion .ad{width:216px;height:222px;overflow:hidden;}
.promotion .ad a{text-decoration:none;border:0 none;line-height:0;font-size:0;border:1px solid #e3e3e3;width:214px;height:104px;display:block;margin-bottom:10px;overflow:hidden;}

/* 组合推荐 */
.w-prodpackage{}
.prodpackage{margin:0;padding:0;position:relative;z-index:1 }
.prodpackage ul{margin:0;padding:15px 0;list-style:none;}
.prodpackage ul li{float:left;border-left:1px solid #d9ecf4;margin-left:-1px;padding:0 15px;}
.comb-img{width:128px;height:100px;float:left;display:inline;line-height:0;font-size:0;}
.comb-pay{float:left;margin-left:128px;margin-left:10px;width:150px;}
.comb-tit a{color:#3399ff;font-weight:bold;}
.comb-suy{line-height:18px;color:#666;}
a:hover.comb-suy{color:#000;}
.pay-info{color:#999;}
.font-style2{text-decoration:line-through;}
.font-style3{color:#ff6600;font-weight:bold;}

/* 新品推荐的广告栏 */
.w-ad{font-size:0;line-height:0;border:1px solid #d7d7d7}

/* 热门推荐的广告栏 */
.w-hotprod{border:1px solid #efd978;font-size:0;line-height:0;position:relative;}
.w-hotprod a{position:absolute;display:inline-block;width:63px;height:21px;left:34px;bottom:15px;}
.w-hotprod a.btnView{left:auto;right:27px}

/* 网络产品列表 */
.w-grid{
    /* background:url(../images/bgItem_1.png); */
    width:985px;position:relative;zoom:1;}
.w-grid ul{width:985px;}
.w-grid li{width:327px;position:relative;margin:0 1px 1px 0;}
.w-grid li .con{width:100%;box-sizing: border-box;}
.w-grid li .proLogo{height:80px;width:80px;padding:15px 0 11px 20px;font-size:0;line-height:0;display:inline-block;}
.w-grid li .info_1{padding-left:105px;margin:-90px 0 0 0;height:90px;line-height:20px;}
.w-grid li .info_1 p{ overflow:hidden; height:40px;}
.w-grid li .info_1 strong a{color:#333;text-decoration:none;}
.w-grid li .info_1 strong a:hover{text-decoration:underline;}
.w-grid li .note_1{color:#666;}
.w-grid li .price{color:#f3741d;font-weight:700;}
.w-grid li .note_2{height:16px;background:url(../images/bgItem_2.png) repeat-y;background-size: contain;line-height:16px;padding:10px 0px 10px 16px;color:#666}
.w-grid li .note_2 .overflow{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-wrap:normal;width:100%;height:16px; display:inline-block;}
.w-grid li .activity_1{color:#4793d0;}
.w-grid li .info_2{display:none;line-height:20px;padding:2px 16px;}
.w-grid li .info_2 span{display:block;color:#666}
.w-grid li .info_2 p{text-align:center;}
.w-grid.first{z-index:10;}/*修复IE6,7 z-index失效问题*/
.w-grid.second{z-index:9;}

/* 硬件产品列表 */
.w-grid2{border:1px solid #e5e5e5;overflow:hidden;zoom:1;_padding-bottom:18px;/*position:relative;*/}
.w-grid2 ul{overflow:hidden;/*position:relative;*/margin-left:-1px;zoom:1;*padding-bottom:18px;}
.w-grid2 li{float:left;width:200px;height:194px;padding:0 22px;margin:18px 0;border-left:1px dotted #cccccc;text-align:center;}
.w-grid2 li a.name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-wrap:normal;width:200px;}
.w-grid2 li a.img{height:110px;width:200px;*font-size:96.25px;display:table-cell;vertical-align:middle;text-align:center;*display:block;*font-family:Arial;overflow:hidden}
.w-grid2 li a.img{vertical-align:middle}
.w-grid2 li a.name{display:block;margin-top:5px;color:#333;line-height:20px;}
.w-grid2 li .name:hover{text-decoration:underline;color:#3399ff}
.w-grid2 li .note{color:#999999;display:block;line-height:18px;margin:2px 0;height:36px;overflow:hidden;}
.w-grid2 li .price{display:block;line-height:20px;color:#f3741d;font-size:14px;}
.w-grid2 li p{overflow:hidden;zoom:1;}
.w-grid2 li p .price{float:left;display:inline-block;}
.w-grid2 li p .follow{float:right;line-height:20px;color:#999;}
.w-grid2 li p .follow b{font-weight:400;color:#ff6600}

/* 产品列表标题 */
.w-title{overflow:hidden;line-height:28px;zoom:1;}
.w-title .more{float:right;text-decoration:underline;color:#333;padding-right:10px;}
.w-title .more:hover{color:#39F}
.w-title h2{float:left;display:inline-block;height:28px;width:204px;text-align:center;color:#fff;font-size:18px;font-family:"寰蒋闆呴粦",Arial,Helvetica,sans-serif;font-weight:400;}
.r5 .w-title{margin:0;}
.r5 .w-title{ background:#ebf9ff;}
.r5 .w-title h2{ color:#000;text-align:left;padding-left:15px;}
.r7 .w-title{ background:url(skin/skin/bgTitle_1.png); }
.r7 .w-title h2{ background:url(skin/skin/bgTitle_1_h.png);}
.r9 .w-title{ background:url(skin/skin/bgTitle_2.png); }
.r9 .w-title h2{ background:url(skin/skin/bgTitle_2_h.png);}

/*首页改版样式 20131210*/
.r_index-domain .c{ width:984px; margin:0 auto; padding:13px 0px;}
.w-domain-search{ margin-left:38px;font-size: 16px; *display:inline;}
.w-domain-search .input-domain{height:38px;padding:10px 20px;line-height:38px;width:656px; font-family:Microsoft YaHei; color:#1c5c99; vertical-align:middle; border:1px solid #cbcbcb;}
.w-domain-search .input_container{*padding:0px 2px;}
.w-domain-search .btn-search{ position:absolute; width:200px; height:60px; background: url(../images/btn-ymcs1.png) no-repeat; border:none; margin-top:1px; cursor:pointer;_margin-top:2px;}

.r_index-domain .w-text{ margin-left:39px; margin-top:8px; }
.r_index-domain .w-text a{ color:#999999; margin-right:10px; }