﻿@charset "utf-8";
/* CSS Document */
/*reset*/
body,h1,h2,h3,h4,h5,h6,p,dl,dd,ul,ol,form,input,textarea,th,td,select{ margin:0; padding:0;}
em{ font-style:normal;}
li{ list-style:none;}
a{ text-decoration:none; color:#333;}
img{ border:none; vertical-align:top;}
table{ border-collapse:collapse;}
input,textarea{ outline:none;}
textarea{ resize:none; overflow:auto;}
body{ font-size:12px; font-family:Microsoft YaHei;}
a{color:#333;text-decoration:none;}
a:hover{color:#1cbfda;text-decoration:none;}
/*end reset*/
/* public*/
.clear{zoom:1;}
.clear:after{ content:''; display:block; clear:both;}
.fl{ float:left;}
.fr{ float:right;}
.w{ width:1190px; margin:0 auto;}
.gradient{ 
	background:-moz-linear-gradient(top,#ffffff,#f8f8f8);
	background:-webkit-linear-gradient(top,#ffffff,#f8f8f8);
	background:-ms-linear-gradient(top,#ffffff,#f8f8f8);
	background:linear-gradient(top,#ffffff,#f8f8f8);
	-ms-filter:"progid:DXImage Transform.Microsoft.gradient(GradientType=0,startColorstr=#ffffff,endColorstr=#f8f8f8)";
	+background:#fs9f9f9;
}
.triangle_up,.triangle_down_red,.triangle_down_gray{ position:absolute; width:0; height:0; overflow:hidden; border-left:4px solid transparent; border-right:4px solid transparent; }
.triangle_up{border-bottom:4px solid #ca0309;}
.triangle_down_red{ border-top:4px solid #ca0309;}
.triangle_down_gray{ border-top:4px solid #c1c1c1;}
.triangle_down_active{ border-top:4px solid #808080;}
/* end public*/
#topcut,#head,.nav,#slogen{ background:#fff;}
#topcut{ height:28px; line-height:28px; border-top:1px solid #bfbfbf; border-bottom:1px solid #ddd;background-color: #eeeeee;height: 30px;}
#topcut p a.ind{ color: #555; font-size: 13px; padding-left:20px; background: url(//www.homedo.com/Themes/Mvc/B2b/Images/Index/index_back.gif) left center no-repeat;display: inline-block;}
#topcut p a.ind:hover{background-image: url(//www.homedo.com/Themes/Mvc/B2b/Images/Index/index_back_h.gif);color: #1bbfda; }
#topcut p i {font-style: normal;margin: 0 8px;font-size: 18px;line-height: 30px;color: #ddd;}
#topcut p{ width:220px; color:#555; font-family:"宋体";}
#topcut p strong{ font-weight:normal;}
#topcut p strong a,#topcut p a{ color: #555;}
#topcut p label{ color:#10a3bb;}
#topcut .fl a{ color:#10a3bb;}
#topcut ul li a{ color:#808080;}
#topcut ul li a:hover,#topcut p  a:hover{ color:#1cbfda;}
#topcut ul .pr a:hover{ color:#808080;}
#topcut ul li{ float:left; padding:0 10px; font-family:"微软雅黑"; color:#808080;}
#topcut ul li.spacer{ width:1px; height:18px; margin-top:4px; background:#ddd; padding:0;}
#topcut ul li .dd{ width:48px; padding-right:16px; position:relative;}
#topcut ul li .dd .triangle_down_gray{ top:12px; right:2px;}
#topcut ul li.scfw{ position:relative;}
#topcut ul li.scfw .drop_player{ display:none; width:84px; padding:5px 0 8px; background:#fff; border:1px solid #ddd; border-top:none;  position:absolute; top:28px; left:-1px; z-index:102;*z-index:9999;}
#topcut ul li.scfw .drop_player li{ padding-left:10px; line-height:21px; font-size:11px;}
#topcut ul li.scfw .drop_player li a{ color:#808080;}
#topcut ul li.scfw .drop_player li a:hover{ color: #1cbfda;}
#topcut .pr{ padding-right:0;}
#topcut ul li .mall_serv{ width:48px; padding-right:16px; position:relative;}
#topcut ul li .mall_serv .triangle_down_gray{ top:12px; right:2px;}
#topcut ul li.ac_li{ color:#1cbfda; border:1px solid #ddd; top:-1px; border-bottom:none;background-color: white}

#head{ height:120px;}
#head .logo{ width:412px; height:65px; padding-top:24px;padding-left: 15px}
#head .logo img{ }
.logo_word{ font-size: 14px;color: #888888;height: 22px;line-height: 22px;padding-left: 28px;width: 0px;overflow: hidden}
#head .search,#head .settleup{ padding-top:31px; height:40px; }
#head .search{ width:460px;}
#head .search .txt{ width:335px; height:38px; line-height:38px; border:1px solid #1cbfda; padding-left:42px; background:url(../Images/Layout/search2.png) no-repeat 10px 8px; color:#888; font-family:"宋体";}
#head .search .btn{ width:79px; height:40px; line-height:40px; text-align:center; border:none; background:#1cbfda; color:#fff;font-family:"微软雅黑"; font-size: 16px }
#head .settleup{ width:200px; font-family:"宋体"; color:#888;position:relative;z-index: 100}
#head .settleup .shoppingcar{ width:156px; height:38px; line-height:38px; border:1px solid #ccc; padding-left:42px; background:url(../Images/Layout/shopico.png) no-repeat 0 0px #fff; font-size:14px; position:relative;z-index: 101}
#head .settleup .shoppingcar span{ float:left; }
#head .settleup .shoppingcar span a{ color:#888;}
#head .settleup .shoppingcar span a:hover{ color:#1cbfda;}
#head .settleup .shoppingcar .st{ height:34px;line-height: 34px; color:#f82900; font-weight:normal; margin-top:2px; margin-bottom:2px; border-left:1px solid #ccc; float:right;text-align: center;width: 45px;font-family: Microsoft YaHei;font-size: 16px}
#head .settleup .shoppingcar .shoplist{ display:none; border:1px solid #ccc; width:348px; height:402px; position:absolute; top:38px; right:-1px; z-index:10; background:#fff;}
#head .settleup .shoplist{ border:1px solid #ccc; width:348px; position:absolute; top:69px; right:0; z-index:10; background:#fff;z-index: 100}
#head .settleup  .shoplist h3{ height:37px; line-height:37px; color:#333; text-indent:8px; border-bottom:1px solid #ccc;font-weight: bold;font-size: 12px}
#head .settleup  .shoplist .list{ overflow:auto; z-index:10;}
#head .settleup  .shoplist .list ul{ width:331px;}
#head .settleup  .shoplist .list li{  padding-right:10px; height:68px; border-bottom:1px dotted #ccc;}
#head .settleup .shoplist .list li dl{}
#head .settleup .shoplist .list li dt{ padding:8px 10px 0; float:left; width:52px;}
#head .settleup .shoplist .list li dt a{ display:block;}
#head .settleup .shoplist .list li dt a img{width:50px; height:50px; border:1px solid #ccc; }
#head .settleup .shoplist .list li dd{ float:left; width:140px; padding:4px 0; height:60px; line-height:20px; font-size:12px; overflow:hidden;}
#head .settleup .shoplist .list li dd a{ color:#666;}
#head .settleup .shoplist .list li li dt a{ color:#666;width: 160px;overflow: hidden;line-height: 16px;height: 32px}
#head .settleup .shoplist .list li li dt a:hover{color:#1cbfda}
#head .settleup .shoplist .list li .dd{ width:90px; padding-right:11px; float:right;}
#head .settleup .shoplist .list li .dd span{ display:block; padding-top:12px; vertical-align:top; text-align:right; float:none; color:#666;}
#head .settleup .shoplist .list li .dd span label{ color:#f82900;}
#head .settleup .shoplist li .dd span strong{color: #f82900;}
#head .settleup .shoplist .list li .dd a{ display:block; text-align:right; color:#005ea7;}
#hotword{width:470px; height:18px; line-height:18px;position: absolute;left: 0;top: 75px;overflow: hidden;}
#hotword a{ margin-right:12px;white-space: nowrap;}
#hotword a.active{ color:#ff3300;}
.nav{ height:36px;line-height:36px; font-family:"微软雅黑";background-color: #1cbfda}
.nav .p{ width:150px; float:left; padding-left:52px; background:url(../Images/Layout/search_shop.png) no-repeat 0 -87px #353536; font-size:16px;cursor: pointer;  color:#fff;line-height: 35px;height: 36px}
.nav .ul li{ float:left; font-size:16px;}
.nav .ul li a{ color:#222;padding:0 26px;display: block;color: white}
.nav .ul li .active,.nav .ul li a:hover{ color:#000000;background-color: #b2d233;}
.nav .nav_r{ float: right; height:36px;}
.nav .nav_r div{position: relative;/*background: url(../Images/Layout/wyh.gif) no-repeat;*/width: 262px;height: 43px;left: 0px;top:-43px;cursor: pointer;}
/*foot start*/
#slogen{ height:102px;}
#slogen .w span{font-size: 16px; width: 170px;text-align: center; display: inline-block; float: left; font-size:16px; color:#666;}
#slogen .w span a{ width: 170px;}
#slogen .w a:before,#slogen .w a before{content: ""; height:47px;width: 47px;display: block;margin: 15px 0 10px 60px;*margin-left: 0; background:url(../Images/Layout/icon.jpg) no-repeat;pointer-events:none }
#slogen .w #fore1:before,#slogen .w #fore1 before{ background-position:0 0}
#slogen .w #fore2:before,#slogen .w #fore2 before{ background-position:-47px 0;}
#slogen .w #fore3:before,#slogen .w #fore3 before{ background-position:-94px 0;}
#slogen .w #fore4:before,#slogen .w #fore4 before{ background-position:-141px 0;}
#slogen .w #fore5:before,#slogen .w #fore5 before{ background-position:-188px 0;}
#slogen .w #fore6:before,#slogen .w #fore6 before{ background-position:-235px 0;}
#slogen .w #fore7:before,#slogen .w #fore7 before{ background-position:-282px 0;}

#foot_service{background:#eee;}
#foot_service .service{ height:215px; padding:26px 0 0; border-bottom:1px solid #dadada; background:url(../Images/Layout/foot_phone.png) no-repeat right 30px; position:relative;}
#foot_service .service dl{ width:170px; float:left; color:#000;}
#foot_service .service dt{ font-size:16px; line-height:34px; }
#foot_service .service dd{ line-height:24px;}
#foot_service .service p{ width:135px;  padding-top:5px; border-right:1px solid #d6d6d6; position:absolute; right:199px; top:32px;}
#foot_service .service p span{ display:block; width:75px; height:75px;padding-left:3px; margin-bottom:6px;}
#foot_service .service p span img{ width:75px; height:75px;}
#foot_service .service p em{ color:#333;}
#foot{ height:169px; background:#eee;}
#foot .w{ padding-top:26px;}
#foot .w p{ margin-bottom:10px; text-align:center;}
#foot .w p.link{ font-size:13px;}
#foot .w p span{ margin:0 7px;color: #dddddd}
#foot .authentication a{ margin-right:10px;}
#foot .authentication{ padding-top:8px; text-align: center}
#foot_service a,#foot a {color:#000000;text-decoration:none;}
#foot_service a:hover,#foot a:hover{color:#1cbfda;text-decoration:none;}
#foot_service a:active,#foot a:active{test:expression(target="_blank");}
/*foot end*/


