/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0;}
html{-webkit-text-size-adjust:none;}
body{background-color:#4f90d2;font:12px/2em Microsoft Yahei,tahoma,HELVETICA;text-align:center;color:#333;}
ol,ul{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
img{border:none;vertical-align:top;
	-webkit-transition: opacity .2s;
	-moz-transition: opacity .2s;
	-o-transition: opacity .2s;
	transition: opacity .2s;
	-ms-transition: none;
}
i,em{font-style:normal;}
input,select,option,textarea{font-size:12px; font-family: Microsoft Yahei,tahoma,HELVETICA;outline:none;}
a{color:#333;text-decoration:none;}
a:hover{color:#f80;}
a:hover em,a:hover b, a:hover i, a:hover span {cursor:pointer;}
a:hover img {opacity: 0.9}
.mark{float: left;}
/* function */
noscript,.spanclass,.pannel,.pannel-inner,.hidden{display:none;}
.show,.block{display:block;}
.mark,.fl,.mark-sub,.fr{display:inline;}
.mark,.fl{float:left;}
.mark-sub,.fr{float:right;}
.fs-14{font-size:14px;} .fs-16{font-size:16px;}
.clear{clear:both;height:0;line-height:0;font-size:0;overflow:hidden;}
.clearfix{*zoom:1}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.blk-img {display:block;position:relative;zoom:1;overflow:hidden;}
.mt-0{margin-top:0}
.mt-10 {margin-top:10px;}
.mt-20{margin-top:20px;}
.mb-0{margin-bottom:0}
.mb-20{margin-bottom:20px;}
.pt-10{padding-top:10px;}

.banner .logo,.banner .logo-sub,.ks-input .ks-submit,.banner .apps li i{background:url(/www1/2015/product/images/global.png) 0 0 no-repeat;}
.drop-bd .icon-tragl, .icon-qrc, .categories .cat-item i, .menu .cats-all i, .area-floor .side, .rank-new .head3 em, .hot-tags dt i, .score-star, .score-star-bg,.area-auto .extra i,.area-auto .circle-ctrl .item, .abc-hd i,.new-goods-hd,.article .extra i,.article .circle-ctrl .item{background-image:url(/www1/2016/product/images/home.png);background-repeat:no-repeat;overflow:hidden;}

.icon-qrc {width:15px;height:15px;float:left;background-position:-112px 0;}


/** 绠ご銆佸皬涓夎 **/
.tragl {width:0;height:0;line-height:0;overflow:hidden;font-size:0;border-style:dashed;border-width:5px;position:absolute;
    -webkit-transition:-webkit-transform .2s;
    transition:transform .2s;
    -webkit-transform-origin :center 20%;
    transform-origin :center 20%;
}
.active .tragl {
    -webkit-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    transform:rotate(180deg);
    border-color:#fa0 transparent transparent
}

.tragl-gray-b {border-style:solid dashed dashed dashed;border-color:#bbb transparent transparent;}
.tragl-blue-b {border-style:solid dashed dashed dashed;border-color:#1281dd transparent transparent;}
.tragl-white-b {border-style:solid dashed dashed dashed;border-color:#fff transparent transparent;}

.active .tragl-gray-b {border-color:#fa0 transparent transparent\9;}

.tragl-gray-r {border-style:dashed dashed dashed solid;border-color:transparent transparent transparent #bbb ;}


/** header **/
.header,.wraper {width:1190px;text-align:left;margin:0 auto;zoom:1;padding:0 5px;background-color:#fff;text-align:left;}
body .navibar-wrap, body .navibar {width:1200px;}

/** banner **/
.banner {padding-right:12px;}
.banner .logo {width:167px;float:left;}
.banner .logo a {height:90px;display:block;text-indent:-9999px;}
.banner .logo-sub {height:28px;margin-top:31px;margin-right:10px;float:left;background-position:0 -138px;overflow:hidden;}
.banner .logo-sub a{display:inline-block;width:112px;height:27px;}

.banner .apps {padding-top:12px;margin-right:-15px;float:right;}
.banner .apps ul {float:left;}
.banner .apps li {width:48px;float:left;display:inline;margin-right:18px;text-align:center;overflow:hidden;}
.banner .apps li a,.banner .apps li i,.banner .apps li .title {display:block;}
.banner .apps li i {width:45px;height:45px;margin:0 auto 2px;
    -webkit-transition:all 1s;
    -moz-transition:all 1s;
    -ms-transition:all 1s;
    transition:all 1s;
}
.banner .apps li a:hover i {
    -webkit-transform:rotateY(360deg);
    -moz-transform:rotateY(360deg);
    -ms-transform:rotateY(360deg);
    -o-transform:rotateY(360deg);
    transform:rotateY(360deg);
}
.banner .apps li .icon-cpph {background-position:-170px 0;}
.banner .apps li .icon-wgbj {background-position:-217px 0;}
.banner .apps li .icon-itbk {background-position:-264px 0;}
.banner .apps li .icon-xpsd {background-position:-311px 0;}
.banner .apps li .title {height:24px;overflow:hidden;}


/** 蹇悳 **/
.ks {width:400px;padding-top:28px;margin-left:132px;float:left;z-index:9;position:relative;zoom:1;}
.ks .active {background-color:#fff;border-radius:5px 0 0 0}

.ks-input input {outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.ks-input .ks-label {width:340px;zoom:1;}

.ks-label {float:left;position:relative;zoom:1;}
.ks-label .ks-pop {width:100%;position:absolute;left:0;top:34px;background-color:#fff;display:none;z-index:3;overflow:hidden;}
.ks-label .ks-pop ul {border:1px solid #e5e5e5;position:relative;zoom:1;z-index:2}
.ks-label .ks-pop li{height:30px;line-height:30px;padding:0 10px;overflow:hidden;vertical-align:middle;font-size:14px;cursor:pointer;}
.ks-label .ks-pop li.hover {background-color:#f2f2f2;}
.ks-label .ks-pop li span {margin-left:6px;float:right;color:#999}
.ks-label .ks-pop iframe {width:100%;height:100%;_height:expression(this.parentNode.clientHeight);background:#fff;position:absolute;left:0px;top:0;}
.ks-input .ks-q {width:329px;height:23px;line-height:23px;padding:5px 0 5px 10px;border:1px solid #e5e5e5;border-right:none;color:#333;position:relative;z-index:2;background:transparent;border-radius:5px 0 0 5px;}
.ks-input .focus {color:#333;}
.ks-input .input-c {border-radius:5px 0 0 0;}
.ks-input .ks-submit {width:60px;height:35px;background-color:#ffad00;background-position:-170px -47px;border:none;cursor:pointer;border-radius:0 5px 5px 0;float:left;*margin-top:1px;display:inline-block;}
.ks-input .ks-submit:hover {background-position:-232px -47px;}
.ks-placeholder {color:#999;position:absolute;top:6px;*top:8px;left:10px;z-index:1;}

/*鑷姩鏌ヨ*/
.ajaxsearch {width:339px!important;margin:0 0 0 -1px;padding:0;background:#fff;border:1px solid #e5e5e5;border-top:none;overflow:hidden;zoom:1;z-index:9;}
.ajaxsearch li {width:95%;height:30px;line-height:30px;float:left;margin:0;padding:0 10px;cursor:pointer;overflow:hidden;color:#777;text-align:right;font-size:12px;list-style:none;}
.ajaxsearch i {font-style:normal;}
.ajaxsearch .hover {background:#f2f2f2;}
.ajaxsearch .resulttitle {float:left;display:inline;font-size:14px;}
.ajaxsearch .close {/*width:371px;*/margin:0;font-size:12px;text-align:right;padding:0 5px;zoom:1;background:#F5F5F5;line-height:22px;cursor:pointer;}
.ajaxsearch ul {*zoom:1}
.ajaxsearch ul:after {content:"\20";clear:both;height:0;display:block;overflow:hidden;}
.ajaxsearch .close {width:329px;padding-right:10px}


.market-city {height:32px;line-height:32px;padding:0 10px;background-color:#f9f9f9;font-size:12px;color:#999;}
.market-city .cities {float:left;}
.market-city .cities dt, .market-city .cities dd {float:left;}
.market-city .cities dd {}
.market-city .cities dd a {color:#999;margin-right:12px;}
.market-city .cities dd a:hover {color:#f80;}

.drop {z-index:9}
.drop,.drop-hd {position:relative;zoom:1;}
.drop-hd {padding-right:15px;display:inline-block;}
.drop-hd .tragl {right:0px;top:10px;}
.drop-bd {position:absolute;left:0;top:29px;z-index:8;box-shadow:0px 0px 1px rgba(0,0,0,0.1);display:none;}
.drop-bd .icon-tragl {width:17px;height:9px;background-position:-128px 0;position:absolute;left:34px;top:-8px;z-index:2;font-size:0;line-height:0;overflow:hidden;}
.drop-bd .drop-bd-wrap {line-height:30px;border:1px solid #ddd;background-color:#fff;overflow-x:hidden;overflow-y:auto;position:relative;zoom:1;font-size:14px;}
.drop-bd-wrap li {padding-left:31px;position:relative;zoom:1;color:#999;}
.drop-bd-wrap li em {position:absolute;left:10px;top:0}
.drop-bd-wrap li .pvn {width:63px;_margin-right:-3px;float:left;}
.drop-bd-wrap li p {overflow:hidden;zoom:1;}
.drop .drop-bd .drop-bd-wrap li p a {color:#333}
.drop .drop-bd .drop-bd-wrap li p a:hover {color:#f80}
.drop-bd-wrap li.stay {padding-left:10px;border-bottom:1px solid #e5e5e5;}
.drop-bd-wrap li.stay .pvn {width:84px;}

.active .drop-bd {display:block;}

.cities-more {float:right;z-index:10;}
.cities-more .drop-hd {text-align:right;}
.cities-more .drop-hd .tragl {top:14px;*top:12px;_top:14px;}
.cities-more .drop-bd {width:275px;top:32px;left:-197px;}
.cities-more .drop-bd .icon-tragl {left:224px;}
.cities-more .drop-bd .drop-bd-wrap {height:330px;}


.side {width:230px;float:left;}
.container {width:960px;float:right;}

/*棣栧睆*/
.nav-main {height:37px;line-height:39px;border-bottom:3px solid #fa0;font-size:18px;}
.menu {height:37px;line-height:39px;background-color:#fa0;overflow:hidden;}
.menu a {color:#fff;padding:0 15px;}
.menu a:hover {color:#fff;}
.menu .cats-all{font-size:16px;float:left;font-weight:bold;}
.menu .cats-all i {width:12px;height:12px;margin:13px 10px 0 0;background-position:-45px -112px;float:left;}
.menu .abc-index {float:right;}
.nav-main .items {float:left;}
.nav-main .items a {margin:0 10px 0 20px;}
.nav-main .app {height:37px;float:right;position:relative;}
.nav-main .app .drop-hd {color:#999;cursor:pointer;}
.nav-main .app span {float:right;}
.nav-main .app .icon-qrc {margin:10px 6px 0 0;float:right;}
.nav-main .app .drop-bd {width:172px;top:37px;left:-83px;*left:109px;_left:97px;}
.nav-main .hover .drop-bd {display:block;}

.nav-main .app .drop-bd .icon-tragl {left:82px;}
.nav-main .app .drop-bd .drop-bd-wrap {padding:15px 15px 10px;}
.nav-main .app .drop-bd .drop-bd-wrap img {margin-bottom:5px;}
.nav-main .app .drop-bd .drop-bd-wrap p {height:24px;line-height:24px;font-size:14px;text-align:center;}

.area {margin-bottom:30px;}

.area-main .container {position:relative;}

.categories {}
.categories .cat-item {height:41px;line-height:41px;font-size:14px;background-color:#505050;border:1px solid #505050;border-bottom:1px solid #484848;vertical-align:top;}
.categories .cat-item i {width:20px;height:20px;float:left;margin:10px 10px 0 7px;}
.categories .cat-item a {color:#fff;float:left;}
.categories .cat-item .sep {padding:0px 7px;margin-top:-1px;color:#e5e5e5;font-size:10px;height:10px;float:left;}
.categories .cat-item-hover {border:1px solid #e5e5e5;border-right:1px solid #fff;background-color:#fff;color:#333;position:relative;z-index:2;}
.categories .cat-item-hover a {color:#333;}
.categories .cat-item .icon-1 {background-position:0 0;}
.categories .cat-item .icon-2 {background-position:0 -20px;}
.categories .cat-item .icon-3 {background-position:0 -40px;}
.categories .cat-item .icon-4 {background-position:0 -60px;}
.categories .cat-item .icon-5 {background-position:0 -80px;}
.categories .cat-item .icon-6 {background-position:0 -100px;}
.categories .cat-item .icon-7 {background-position:0 -120px;}
.categories .cat-item .icon-8 {background-position:0 -140px;}
.categories .cat-item .icon-9 {background-position:0 -160px;}
.categories .cat-item .icon-10 {background-position:0 -180px;}
.categories .cat-item .icon-11 {background-position:0 -200px;}
.categories .cat-item-hover .icon-1 {background-position:-20px 0;}
.categories .cat-item-hover .icon-2 {background-position:-20px -20px;}
.categories .cat-item-hover .icon-3 {background-position:-20px -40px;}
.categories .cat-item-hover .icon-4 {background-position:-20px -60px;}
.categories .cat-item-hover .icon-5 {background-position:-20px -80px;}
.categories .cat-item-hover .icon-6 {background-position:-20px -100px;}
.categories .cat-item-hover .icon-7 {background-position:-20px -120px;}
.categories .cat-item-hover .icon-8 {background-position:-20px -140px;}
.categories .cat-item-hover .icon-9 {background-position:-20px -160px;}
.categories .cat-item-hover .icon-10 {background-position:-20px -180px;}
.categories .cat-item-hover .icon-11 {background-position:-20px -200px;}

.pic-txts .pic {float:left;}
.pic-txts .txts {overflow:hidden;zoom:1;}
.pic-txts .txts dt {font-size:14px;}

.btn {display:block;border-radius:3px;}
.btn-red {background-color:#f33;color:#fff;}
.btn-red:hover {background-color:#ef2121;color:#fff;}

.circle-ctrl {height:12px;text-align:center;zoom:1;line-height:0;font-size:0;overflow:hidden;}
.circle-wrap {display:inline-block;overflow:hidden;vertical-align:top;}
.circle-ctrl .item {width:12px;height:12px;float:left;margin-right:5px;background-position:-140px -40px;}
.circle-ctrl .current {background-position:-127px -40px;}
.circle-ctrl-out {padding:15px 5px 0 0;float:right;}

.slider-pic .circle-ctrl {height:14px;text-align:center;zoom:1;line-height:0;font-size:0;overflow:hidden;}
.slider-pic .circle-ctrl .item {height:14px;width:14px;background:url(/www1/2016/product/images/home_png24.png) no-repeat -17px -80px;}
.slider-pic .circle-ctrl .current {height:14px;width:14px;background-position:0 -80px;}
.area-main .slider-pic {width:620px;height:330px;margin-left:10px;float:left;overflow:hidden;position:relative;_display:inline;}
.area-main .slider-pic .circle-ctrl {width:100%;position:absolute;bottom:10px;left:0;_display:none;}

.slider-pic .prev,.slider-pic .next {width:35px;height:69px;margin-top:-35px;position:absolute;top:50%;z-index:2;outline:none;background-image:url(/www1/2016/product/images/home_png24.png);
    -webkit-transition:right .2s, left .2s;
    -moz-transition:right .2s, left .2s;
    -ms-transition:right .2s, left .2s;
    -o-transition:right .2s, left .2s;
    transition:right .2s, left .2s;
}

.slider-pic .prev {background-position:0 0;left:-35px;}
.slider-pic .next {background-position:-72px 0;right:-35px;}
.slider-pic .prev:hover {background-position:-36px 0;}
.slider-pic .next:hover {background-position:-108px 0;}
.slider-pic-hover .prev {left:0;}
.slider-pic-hover .next {right:0;}

.area-main .pics-r {width:320px;float:right;}
.area-main .pics-r .pic {margin-bottom:10px;display:block;}
.area-main .special-goods {border:1px solid #e5e5e5;border-right:0;margin-left:10px;clear:both;}
.special-goods .pic-txts-list {padding-left:1px;overflow:hidden;zoom:1;}
.special-goods .pic-txts {width:236px;border-right:1px solid #e5e5e5;float:left;display:inline;}
.special-goods .pic-txts .pic {margin:16px 15px 15px 10px;*margin-top:15px;_margin:16px 12px 15px 10px;}
.special-goods .pic-txts .txts {margin:16px 0 15px;}
.special-goods .pic-txts .txts dt {height:36px;font-size:14px;line-height:18px;margin:1px 0 5px;overflow:hidden;}
.special-goods .pic-txts .txts dd {line-height:22px;}
.special-goods .pic-txts .txts .price {font-size:12px;display:block;margin-bottom:9px;}
.special-goods .pic-txts .txts .price em {font-size:14px;}
.special-goods .pic-txts .txts .extra .btn {height:22px;width:78px;text-align:center;}

/*鏂板搧閫熼€�*/
.new-goods{padding-top:10px;border-top:1px solid #e5e5e5;margin-left:10px;float:left;width:950px;}
.new-goods-hd{float:left;display:inline;width:89px;height:122px;background-position:-272px 0;line-height:22px;text-align:center;margin-right:1px;}
.new-goods-hd .mark{margin:50px 0 0 13px;width:64px;height:15px;text-indent: -2000px}
.new-goods .pics-160{float:left;display:inline;}
.new-goods a:hover .title-alpha{display:none;}

/** pics(pics.css 鍥剧墖鍒楄〃) **/
.pics:after{content:"\20";clear:both;height:0;display:block;overflow:hidden;}
.pics {zoom:1}
.pics li{float:left; display:inline;word-break:break-all;}
.pics li a{position:relative;zoom:1;display:block;}
.pics li .title {height: 20px; padding-top: 8px; display:block; font: 14px/20px "Microsoft Yahei";overflow:hidden; text-align:center;}
.pics-160 li{width:160px;margin-left:12px;height:120px;overflow:hidden;position:relative;}

/* 閫忔槑鏍囬 IE8 gradient婊ら暅鏈夐棶棰� */
.title-alpha {width: 100%;font: 14px/30px Microsoft Yahei;overflow:hidden;text-align:center;color: #fff; position:absolute; left: 0; bottom: 0; background: rgba(0,0,0,0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#78000000, endColorstr=#78000000);height:30px;}
a:hover .title-alpha {text-decoration:underline;}

.des-alpha{width:130px;padding:20px 15px;height:80px;overflow:hidden;font: 14px/20px Microsoft Yahei;color: #fff; position:absolute; left: 0; bottom: -120px; background: rgba(0,0,0,0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#78000000, endColorstr=#78000000);text-align:left;
    -webkit-transition: bottom .35s;
    -moz-transition: bottom .35s;
    -ms-transition: bottom .35s;
    transition: bottom .35s;
}
.des-alpha em{height:80px;overflow:hidden;display:block;zoom:1;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient: vertical;}
:root .title-alpha,:root .des-alpha {filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#00000000, endColorStr=#00000000);}
a:hover .des-alpha{bottom: 0;}


/*鎷奸煶绱㈠紩*/
.abc-content {width:616px;height:326px;position:absolute;left:10px;top:0;border:2px solid #e5e5e5;background-color:#fff;display:none;}
.abc-content .abc-hd {height:30px;line-height:30px;padding-left:20px;color:#999;font-size:14px;background-color:#f9f9f9;}
.abc-hd i {width:16px;height:16px;background-position:-95px 0;float:right;margin:8px;cursor:pointer;}
.abc-bd .tab-ctrl {width:596px;padding:10px 0 20px 20px;overflow:hidden;zoom:1;border-bottom:1px solid #e5e5e5;}
.abc-bd .tab-ctrl .item {width:20px;height:20px;line-height:20px;border:1px solid #e5e5e5;float:left;margin:10px 10px 0 0;text-align:center;}
.abc-bd .tab-ctrl .item:hover, .abc-bd .tab-ctrl .current {background-color:#fa0;border-color:#fa0;color:#fff;}
.abc-bd .tab-wrap {height:189px;padding:10px 0 0 20px;overflow:hidden;}
.abc-bd .tab-wrap .panel {height:189px;overflow-y:auto;}
.abc-bd .tab-wrap .panel a {margin:0 20px 12px 0;float:left;white-space:nowrap;}

/*鍒嗙被寮瑰眰*/
.cat-pop .panel {width:959px;height:471px;position:absolute;left:-1px;top:0;background-color:#fff;border:1px solid #e5e5e5;display:none;}
.cats-detail {width:630px;padding:21px 40px 0 30px;line-height:14px;font-size:14px;float:left;}
.cats-detail .cats-wrap {padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid #e5e5e5;zoom:1;}
.cats-detail .cat-hd {width:85px;padding:10px 0 10px 10px;float:left;font-weight:bold;}
.cats-detail .cat-bd {overflow:hidden;zoom:1;}

.cats-detail .cats-wrap-last {border-bottom:0;}
.cats-detail .cat-bd li {float:left;display:inline;padding:9px 0;white-space:nowrap;}
.cats-detail .cat-bd li a {border-left:1px solid #e5e5e5;padding:0 15px;}
.fast-links {width:215px;height:431px;padding:20px 14px 20px 30px;background-color:#f9f9f9;float:right;}
.fast-links dl {line-height:30px;margin-bottom:15px;overflow:hidden;zoom:1;}
.fast-links dd a {color:#999;margin-right:20px;float:left;white-space:nowrap;}
.fast-links dd a:hover {color:#f80;}


/*1f - 5f*/
.area-floor {height:481px;}
.area-floor .side {height:481px;}
.floor-1 .side {background-position:0 -221px;}
.floor-2 .side {background-position:-231px -221px;}
.floor-3 .side {background-position:-462px -221px;}
.floor-4 .side {background-position:-693px -221px;}
.floor-diy .side {background-position:-924px -221px;}

.area-floor .content {height:478px;border-top:1px solid #e5e5e5;}

.box-floor {color:#fff;}
.box-floor a, .box-floor a:hover, .box-floor span {color:#fff;}
.box-floor .hd {padding:13px 15px 22px 10px;}
.box-floor .hd .mark {font-size:32px;font-weight:bold;line-height:40px;border-bottom:2px solid #fff;zoom:1;*float:none;_font-size:26px;}
.box-floor .hd .mark h2 {display:inline;}
.box-floor .hd .mark .ff-arial {font-size:42px;margin-bottom:-2px;*margin-bottom:0;line-height:44px;font-family:arial;_font-size:32px;float:left;}
.box-floor .hd .mark-en {font-size:12px;line-height:20px;display:block;clear:both;}
.box-floor .box-sub {padding:14px 15px 0 10px;}

.box-sub {font-size:14px;}
.box-sub .hd {line-height:24px;margin:0 0 -6px 0;padding:0;font-weight:bold;}
.box-sub .bd {padding-bottom:18px;}
.rank-product {overflow:hidden;zoom:1;}
.rank-product li {width:100%;height:16px;line-height:16px;margin-top:14px;float:left;white-space:nowrap;overflow:hidden;}
.rank-product li a {float:left;}
.rank-product li em {width:16px;height:14px;line-height:14px;margin-right:5px;padding-right:3px;float:left;text-align:center;}
.rank-product li .name {width:110px;float:left;overflow:hidden;}
.rank-product li .price {width:58px;text-align:right;float:right;}
.rank-new .head3 em {background-position:-95px -20px;}


.box-brand .hd {padding-bottom:8px;}
.box-brand .bd {height:48px;margin-bottom:15px;padding-bottom:0;overflow:hidden;zoom:1;}
.box-brand .bd a {font-size:12px;margin-right:17px;float:left;white-space:nowrap;}

.box-floor .news {padding:14px 15px 0 10px;}

.floor-1 .rank-new .head3 em {color:#4bb2ff;}
.floor-2 .rank-new .head3 em {color:#36d7b1;}
.floor-3 .rank-new .head3 em {color:#f86767;}
.floor-4 .rank-new .head3 em {color:#faaf3e;}
.floor-diy .rank-new .head3 em {color:#a98df0;}


.floor-1 .box-sub {border-bottom:1px solid #389fff;}
.floor-2 .box-sub {border-bottom:1px solid #27cb9e;}
.floor-3 .box-sub {border-bottom:1px solid #f55151;}
.floor-4 .box-sub {border-bottom:1px solid #f89b2e;}
.floor-diy .box-sub {border-bottom:1px solid #9570e8;}


.hot-tags dt i {width:26px;height:26px;float:left;margin-right:10px;}
.floor-1 .hot-tags dt .icon-tag-a {background-position:-41px 0;}
.floor-1 .hot-tags dt .icon-tag-b {background-position:-68px 0;}
.floor-2 .hot-tags dt .icon-tag-a {background-position:-41px -27px;}
.floor-2 .hot-tags dt .icon-tag-b {background-position:-68px -27px;}
.floor-3 .hot-tags dt .icon-tag-a {background-position:-41px -54px;}
.floor-3 .hot-tags dt .icon-tag-b {background-position:-68px -54px;}
.floor-4 .hot-tags dt .icon-tag-a {background-position:-41px -81px;}
.floor-4 .hot-tags dt .icon-tag-b {background-position:-68px -81px;}
.floor-diy .hot-tags dt .icon-tag-a {background-position:-41px -130px;}
.floor-diy .hot-tags dt .icon-tag-b {background-position:-68px -130px;}

.floor-1 .hot-tags .tags-a dd a {border:1px solid #4bb2ff;color:#43aaee;}
.floor-1 .hot-tags .tags-a dd a:hover {background-color:#4bb2ff;}
.floor-2 .hot-tags .tags-a dd a {border:1px solid #36d7b1;color:#1dccaa;}
.floor-2 .hot-tags .tags-a dd a:hover {background-color:#36d7b1;}
.floor-3 .hot-tags .tags-a dd a {border:1px solid #f86767;color:#ff5353;}
.floor-3 .hot-tags .tags-a dd a:hover {background-color:#f86767;}
.floor-4 .hot-tags .tags-a dd a {border:1px solid #fab142;color:#ff8800;}
.floor-4 .hot-tags .tags-a dd a:hover {background-color:#fab142;}
.floor-diy .hot-tags .tags-a dd a {border:1px solid #a8e;color:#97e;}
.floor-diy .hot-tags .tags-a dd a:hover {background-color:#a8e;}

.content .hot-tags {padding-left:30px;padding-top:15px;background-color:#f9f9f9;border-bottom:1px solid #e5e5e5;border-right:1px solid #e5e5e5;zoom:1;}
.hot-tags dl {overflow:hidden;zoom:1;}
.hot-tags dt {float:left;}
.hot-tags dd {float:left;}
.hot-tags .tags-a dd a {height:24px;line-height:24px;padding:0 10px;margin-right:12px;float:left;}
.hot-tags .tags-a dd a:hover {color:#fff;}
.hot-tags .tags-b dd a {margin-right:20px;color:#999;float:left;}
.hot-tags .tags-b dd a:hover {color:#f80;}
.hot-tags .tags-b dd .sep {float:left;color:#e5e5e5;padding:0 10px;}
.tags-a, .tags-b {height:26px;line-height:26px;margin-bottom:15px;}

.goods-recommend {overflow:hidden;zoom:1;}
.goods-recommend .pic img {
    -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out;
}
.goods-recommend .pic:hover img {
    -webkit-transform:scale(1.05);
    -moz-transform:scale(1.05);
    -ms-transform:scale(1.05);
    -o-transform:scale(1.05);
    transform:scale(1.05);
}

.star-recommend {width:259px;height:337px;padding:20px 30px 24px;border-bottom:1px solid #e5e5e5;border-right:1px solid #e5e5e5;float:left;color:#999;word-break:break-all;overflow:hidden;}
.star-recommend .pic {text-align:center;display:block;width:240px;height:180px;margin:0 auto;overflow:hidden;}
.star-recommend .title {padding:15px 0 11px;display:block;font-size:16px;text-align:center;white-space:nowrap;overflow:hidden;}
.star-recommend .score-comment {height:16px;line-height:16px;margin-bottom:6px;}
.star-recommend .score {float:left;}
.star-recommend .score-star-bg {margin:1px 5px 0 0;}
.score-star {width:80%;height:13px;background-position:-96px -60px;display:block;}
.score-star-bg {width:80px;height:13px;background-position:-96px -76px;display:block;float:left;overflow:hidden;}
.star-recommend .comment {float:right;}
.star-recommend .comment span, .star-recommend .comment:hover {color:#f80;}
.star-recommend .des {height:48px;margin-bottom:13px;font-size:14px;overflow:hidden;}
.star-recommend .mall {height:24px;overflow:hidden;zoom:1;}
.star-recommend .mall li {width:86px;float:left;display:inline;overflow:hidden;font-size:14px;}
.star-recommend .mall li img {margin:3px 5px 0 0;float:left;}
.star-recommend .mall li .price {float:left;}

.other-recommend {width:640px;float:left;}
.other-recommend .pic-txts-list {overflow:hidden;zoom:1;}
.other-recommend .pic-txts-list .pic-txts {height:125px;width:304px;padding:35px 0 30px 15px;border-bottom:1px solid #e5e5e5;border-right:1px solid #e5e5e5;float:left;overflow:hidden;}
.other-recommend .pic-txts-list .pic-txts .pic {margin-right:10px;_margin-right:7px;width:160px;height:120px;overflow:hidden;}
.other-recommend .pic-txts-list .pic-txts .txts {width:120px;padding-right:14px;margin-top:-5px;}
.other-recommend .pic-txts-list .pic-txts .txts dt {line-height:22px;margin-bottom:5px;word-break:break-all;height:44px;/*_height:expression((this.offsetHeight > 44) ? '44px' :'auto');*/overflow:hidden;}
.other-recommend .pic-txts-list .pic-txts .txts .price {font-size:16px;margin-bottom:13px;display:block;}
.other-recommend .pic-txts-list .pic-txts .txts .feature {font-size:14px;color:#999;line-height:22px;margin-left:1px;}
.other-recommend .pic-txts-list .pic-txts .txts .feature i {margin-top:6px;}
.other-recommend .pic-txts-list .pic-txts .txts .feature span {margin-left:10px;}


.area-box {margin-bottom:20px;}
.area-box .hd .mark {color:#f80;font-weight:normal}
.area-box .hd .mark a:hover,.area-box .hd .mark-sub a:hover {color:#f80}
.area-box .hd .mark a:hover {text-decoration:none;}
.area-box .hd {height:40px;border-bottom:2px solid #e5e5e5;position:relative;}
.area-box .hd .mark {font-size:20px;line-height:40px;padding:0 10px;}
.area-box .hd .mark-tabs {padding:0;}
.area-box .hd .mark .current {color:#f80;font-size:20px;border-bottom:2px solid #fa0;margin-bottom:-2px;}
.area-box .hd .mark em {height:16px;margin:13px 10px 0;border-right:1px solid #e5e5e5;float:left;overflow:hidden;}
.area-box .hd .mark a {padding:0 10px;color:#999;font-size:16px;display:block;float:left;_zoom:1;position:relative;}
.area-box .hd .mark-sub {margin:12px 10px 0 0;}
.area-box .hd .mark-sub a {color:#999;}
.area-box .bd {padding-top:20px;}

.area-ohters {height:auto;margin-top:-10px;}
.area-ohters .hd {border-bottom:0;}
.area-ohters .hd .mark-sub {position:absolute;color:#999;right:0;top:40px;}
.area-ohters .hd .mark-sub:hover {color:#f80;}
.area-ohters .bd {padding-top:0;}
.area-ohters .bd .tab-others {border:1px solid #e5e5e5;}
.area-ohters .bd .tab-others .tab-wrap {height:312px;overflow:hidden;}
.tab-others .tab-ctrl {height:40px;line-height:40px;background-color:#f7f7f7;}
.tab-others .tab-ctrl .item {padding:0 20px;float:left;font-size:14px;color:#999;cursor:default ;}
.tab-others .tab-ctrl .current {background:#fff;color:#f80;font-size:16px;}


.rank-lists {padding:18px 2px;overflow:hidden;zoom:1;}
.rank-lists .rank-others {width:210px;padding:0 13px;border-right:1px solid #e5e5e5;float:left;display:inline;}
.rank-others .headname {height:20px;line-height:20px;margin-bottom:2px;font-size:16px;}
.rank-others ol li {height:16px;line-height:16px;margin:16px 0 0 0;font-size:14px;}
.rank-others ol li .name {width:128px;}
.rank-others ol li em {height:16px;line-height:16px;*line-height:17px;}
.rank-others ol li .head3 {background-color:#ffae00;color:#fff;font-size:12px;padding-right:0;}
.rank-others ol li .price {color:#999;font-size:12px;}
.rank-lists  .last {border:0;}


.area-auto {height:auto;}
.area-auto .slider-wrap {height:130px;overflow:hidden;}
.area-auto .pic-txts {width:515px;height:130px;padding-right:80px;float:left;overflow:hidden;}
.area-auto .pic-txts .pic {margin-right:20px;}
.area-auto .pic-txts .txts dt {height:24px;margin-bottom:10px;overflow:hidden;}
.area-auto .pic-txts .txts .title {display:block;font-size:18px;}
.area-auto .pic-txts .txts .des {height:72px;color:#999;font-size:12px;overflow:hidden;}

.area-auto .pic-txts .txts .extra i {width:15px;height:15px;float:left;margin-right:6px;_margin-right:3px;position:relative;top:4px;font-size:0;line-height:0;overflow:hidden;}
.area-auto .author,.area-auto .date,.area-auto .cmt {float:left;margin-right:20px;}
.area-auto .author a {color:#07d}
.area-auto .author a:hover {color:#f80;}
.area-auto .author i {background-position:-111px -40px;}
.area-auto .date {color:#999;}
.area-auto .date i {background-position:-95px -40px;}



.article {height:auto;}
.article .slider-wrap {height:130px;overflow:hidden;}
.article .pic-txts {width:515px;height:130px;padding-right:80px;float:left;overflow:hidden;}
.article .pic-txts .pic {margin-right:20px;}
.article .pic-txts .txts dt {height:24px;margin-bottom:10px;overflow:hidden;}
.article .pic-txts .txts .title {display:block;font-size:18px;}
.article .pic-txts .txts .des {height:72px;color:#999;font-size:12px;overflow:hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;}

.article .pic-txts .txts .extra i {width:15px;height:15px;float:left;margin-right:6px;_margin-right:3px;position:relative;top:4px;font-size:0;line-height:0;overflow:hidden;}
.article .author a {color:#07d}
.article .author a:hover {color:#f80;}
.article .author i {background-position:-111px -40px;}
.article .date,.article .col,.article .pos {color:#999;}
.article .date i {background-position:-95px -40px;}
.article .author, .article .date, .article .cmt,.article .col,.article .pos{float: left;margin-right: 20px;}
.article .col i {background-position:-147px 0;}
.article .pos i {background-position:-162px 0;}


.area-bk{height:auto;}
.area-bk .article .pic-txts, .area-bk .article .slider-wrap{height:100px}
.area-bk .article .pic-txts .txts .des{height:48px;-webkit-line-clamp:2;}


.seo-links {padding:0 0 0 10px;line-height:30px;font-size:14px;overflow:hidden;zoom:1;}
.seo-links a {float:left;display:inline;margin-right:12px;white-space:nowrap;}


/* clear float */
.area:after,.box .hd:after,.main:after{content:"\20";clear:both;height:0;display:block;overflow:hidden;}
.area,.box .hd,.main{zoom:1;}

/* color */
.fc-red,.fc-red a,.red, .price, .price a{color:#f33}
.fc-yel,.fc-yel a{color:#f80}
.fc-gray,.fc-gray a {color:#999}
.fc-333 {color:#333;}
.fc-blue {color:#07d;}
.fc-yellow {color:#f80;}

a.fc-red:hover,.fc-red a:hover,a.fc-red:hover,a.fc-red:hover,a.fc-red:hover,a.fc-red:hover,a:hover .red,a.fc-gray:hover,.fc-gray a:hover,a.fc-yel:hover,.fc-yel a:hover{color:#f80}

.fs-10 {font-size:10px;}
.fs-12 {font-size:12px;}
/* ivy */
.ivy {overflow:hidden;zoom:1;}
.ivy img,.ivy iframe,.ivy object,.ivy embed {display:block;margin-bottom:30px;}
.ivy-inner {margin:0 5px;}
.ivy-wrap {margin-right:-5px;}
.ivy-tl1 .ivy-wrap img, .ivy-tl1 .ivy-wrap iframe, .ivy-tl1 .ivy-wrap object, .ivy-tl1 .ivy-wrap embed {margin-bottom:5px;}



/*鍥為《閮�*/
.guide{width:45px;margin-left:610px;position:fixed;left:50%;top:300px;_position:absolute;_top:expression(documentElement.scrollTop+ this.clientHeight+'px');display:none;}
.guide li {float:left;display:inline;}
.guide a{display:block;text-align:center;color:#fff;}
.guide a i {height:32px;width:45px;padding:7px 0 6px;line-height:16px;margin-top:1px;background-image:url(/www1/2016/product/images/home.png);background-repeat:no-repeat;display:block;}
.guide .anchor-1f {background-position:-180px 0;}
.guide .anchor-2f {background-position:-180px -46px;}
.guide .anchor-3f {background-position:-180px -92px;}
.guide .anchor-4f {background-position:-226px 0;}
.guide .anchor-diy{background-position:-180px -138px;}
.guide .anchor-others {background-position:-226px -46px;}
.guide .compare-switch {background-position:-226px -92px;}
.guide .current i,.guide a:hover i{background-image:none;background-color:#2a6dbe;color:#fff;text-decoration:none;}
.guide .current .anchor-1f,.guide a:hover .anchor-1f {background-color:#4bb2ff;background-image:none;}
.guide .current .anchor-2f,.guide a:hover .anchor-2f {background-color:#36d6b0;background-image:none;}
.guide .current .anchor-3f,.guide a:hover .anchor-3f {background-color:#f76767;background-image:none;}
.guide .current .anchor-diy,.guide a:hover .anchor-diy {background-color:#a8e;background-image:none;}
.guide .current .anchor-4f,.guide a:hover .anchor-4f {background-color:#f9b142;background-image:none;}
.guide .current .anchor-others,.guide a:hover .anchor-others {background-color:#7fb6f9;background-image:none;}
.guide a span{padding:0 10px;display:none}
.guide .current span,.guide a:hover span{display:block;}
.guide a .top{background:url(/www1/2015/product/images/global.png) 0 -218px;}
.guide .current .top {background-image:none;}