@charset "utf-8";
/* 
date:6:58 2015-8.14
Copyright H-ui&zcool Inc.
Created & Modified by guojunhui.
*/
/*
	Name:			style_clearfix
	Example:		class="clearfix|cl"
	Explain:		Clearfix（简写cl）避免因子元素浮动而导致的父元素高度缺失能问题
*/
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{zoom:1}
.f-l{float:left!important;_display:inline}
.f-r{float:right!important;_display:inline}
.wp{ width:1083px; margin:0 auto;}

body{ background-color:#fff;font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,"WenQuanYi Micro Hei",Verdana,sans-serif,"\5B8B\4F53"}
.bannerWP{ height:500px; background:url(https://public-static.zcool.com.cn/special-resource/dell2015/images/banner.jpg) no-repeat center 0; margin-top:-31px; position:relative; z-index:2}
	.bannerWP2{position:relative;text-align:center; z-index:1; overflow:hidden; height:500px; margin-top:-2px}
	.bannerWP2 .bd{z-index:2}
	.bannerWP2 .bd li{float:left;overflow:hidden;width:100%; height:500px; background-position:center; background-repeat:no-repeat}
	.bannerWP2 .dots{position:absolute;text-align:center; z-index:3; bottom:10px; left:0;right: 0;}
	.bannerWP2 .dots li{display:inline-block;margin:0 5px;cursor:pointer; width:10px; height:10px;border-radius:14px;background-color:#9b9a97}
	.bannerWP2 .dots li.on{background-color:#ffd100}

#dell-box-1{ background-color:#373a3e; padding-bottom:60px}
#dell-box-1 .zt-title{ height:150px; background:url(https://public-static.zcool.com.cn/special-resource/dell2015/images/title-1.png) no-repeat center 60px}

#dell-box-2{ background-color:#4a4e53}
#dell-box-2 .zt-title{ height:150px; background:url(https://public-static.zcool.com.cn/special-resource/dell2015/images/title-2.png) no-repeat center 60px}
#dell-box-2 .zt-title2{ height:150px; background:url(https://public-static.zcool.com.cn/special-resource/dell2015/images/title2-1.png) no-repeat center 60px}

#dell-box-3{ background-color:#727982}
#dell-box-3 .zt-title{ height:150px; background:url(https://public-static.zcool.com.cn/special-resource/dell2015/images/title-3.png) no-repeat center 60px}
#dell-box-3 .zt-title2{ height:150px; background:url(https://public-static.zcool.com.cn/special-resource/dell2015/images/title2-2.png) no-repeat center 60px}

#dell-box-4{ background-color:#f2f2f2}
#dell-box-4 .zt-title{ background-color:#52565c; height:58px; line-height:58px; padding:0 20px; color:#fff}
.code-2{ display:block; position:relative; width:28px; height:58px; background:url(https://public-static.zcool.com.cn/special-resource/dell2015/images/code-a.png) no-repeat center; margin-left:20px; position:relative}
.code-2 span{ background:url(https://public-static.zcool.com.cn/special-resource/dell2015/images/code-2.png) no-repeat center; width:126px; height:132px; display:none}
.code-2:hover span{ position:absolute; display:block; right:-25px; top:50px}
.dell-list{ padding-top:30px}
.dell-list .item{margin-top: 40px;background-color: #fff;height: 272px}
.dell-list .item .pic-box{ float:left;}
.dell-list .item .pic-box,.dell-list .item .pic-box img{ display:block; width:390px; height:272px}
.maskBar{position:absolute;width:100%; height:auto;left:0;bottom:0px;right:0;z-index:2; color:#e3d9d9; background-color:rgba(30,27,27,0.85)}
.maskWraper{position:relative; overflow:hidden}
.dell-list .item .dell-info{ padding:5px 20px; font-size:14px}
.dell-list .item .text-box{ width:640px; height:240px; float:right; padding-top:32px;}
	.dell-list-tit{ font-size:18px; font-weight:bold; color:#1b1b1b}
	.dell-list-tit2{ font-size:17px; font-weight:bold; color:#1b1b1b}
	.dell-list-info{padding-top: 15px;color: #444}
	.dell-list-info2{padding-top: 13px;color: #444}
	.dell-list-price{font-size: 14px;color: #388d27;padding-top: 10px}
	.dell-list-price-red{font-size: 14px;color: #f62604;padding-top: 8px}
	.dell-list-price strong{ font-size:18px; font-weight:normal}
	.dell-list-view{ display:block; width:93px; height:25px; text-decoration:none; background:url(https://public-static.zcool.com.cn/special-resource/dell2015/images/btn-view.png) no-repeat center; margin-top:8px}
	#del-1{ background:url(https://public-static.zcool.com.cn/special-resource/dell2015/images/dell-6.jpg) no-repeat 330px 65px}
	#del-2{ background:url(https://public-static.zcool.com.cn/special-resource/dell2015/images/dell-4.jpg) no-repeat 189px 106px;height:262px;}
	#del-3{ background:url(https://public-static.zcool.com.cn/special-resource/dell2015/images/dell-5.jpg) no-repeat 8px 132px;height:262px;}
	#del-4{ background:url(https://public-static.zcool.com.cn/special-resource/dell2015/images/dell-8.jpg) no-repeat 72px 98px;height:240px;}
	#del-5{ background:url(https://public-static.zcool.com.cn/special-resource/dell2015/images/dell-7.jpg) no-repeat 169px 85px;height:240px;}

	#del2-1{ background:url(https://public-static.zcool.com.cn/special-resource/dell2015/images/bg-dell-1.jpg) no-repeat 320px 65px}
	#del2-2{ background:url(https://public-static.zcool.com.cn/special-resource/dell2015/images/bg-dell-2.jpg) no-repeat 189px 106px;height:262px;}
	#del2-3{ background:url(https://public-static.zcool.com.cn/special-resource/dell2015/images/bg-dell-3.jpg) no-repeat 51px 105px;height:262px;}
	#del2-4{ background:url(https://public-static.zcool.com.cn/special-resource/dell2015/images/bg-dell-4.jpg) no-repeat 1px 132px;height:262px;}
	#del2-5{ background:url(https://public-static.zcool.com.cn/special-resource/dell2015/images/bg-dell-5.jpg) no-repeat 169px 104px;height:262px;}

.huandengpian{ background-color:#111316}
.banner-del{ padding-top:60px; padding-bottom:80px}
.share-code{ display:block; width:70px; height:105px; cursor:pointer; background:url(https://public-static.zcool.com.cn/special-resource/dell2015/images/code-a-3.jpg) no-repeat center; border:solid 1px #ddd;position:fixed;text-indent:-9999em; bottom:135px;left:50%;margin-left:550px;visibility:visible;_position:absolute;_top:expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight); z-index:999}
.share-code span{ position:absolute; display:none; left:-125px;bottom:-1px; width:120px; height:162px; background:url(https://public-static.zcool.com.cn/special-resource/dell2015/images/code-1.png) no-repeat 0 0; border:solid 1px #ddd}
.share-code:hover span{ display:block}
.del-tab{ background-color:#292c30 }
.del-tab span{ font-size:20px; text-align:center; float:left; display:inline-block; width:270px;height:55px; line-height:55px; color:#9e9e9e; cursor:pointer; border-top:solid 3px #292c30; border-right:solid 1px #111316;}
.del-tab span.tab-current{ color:#009be8; background-color:#111316; border-top-color:#009ce8}
.galleryview{ width:1040px; overflow:hidden;padding:25px 0; margin:0 auto; position:relative}
.panel{ position:absolute; left:0px; top:25px; display:none}
.panel-info{ font-size:16px; line-height:28px; color:#fff; padding-bottom:25px; height:56px; overflow:hidden;}
.panel-overlay{ position:absolute; left:0; right:0; bottom:0; padding:20px; background-color:rgba(0,0,0,0.5); z-index:9; color:#fff; font-size:14px; line-height:24px}
.pointer i{ position:absolute; display:block; width:13px; height:9px; background:url(https://public-static.zcool.com.cn/special-resource/dell2015/images/pointer.png) no-repeat 0 0; top:-9px; z-index:1001}
.filmstrip { position:absolute; z-index:900;}
.filmstrip li{ float:left; cursor:pointer}
.strip_wrapper{ top:720px}
.nav-next,.nav-prev{cursor:pointer;display: block;height: 46px;width:46px;position: absolute;z-index:1000;bottom:20px}
.nav-prev {
  background:url(https://public-static.zcool.com.cn/special-resource/dell2015/images/arrow.png) no-repeat 0 0;left:0px;
}
.nav-prev:hover{ background-position:0 bottom}
.nav-next {
  background:url(https://public-static.zcool.com.cn/special-resource/dell2015/images/arrow.png) no-repeat right 0;right: 0px;
}
.nav-next:hover{ background-position:right bottom}
#photos2 .strip_wrapper{ top:639px}

.tabnav li{ display: inline-block;float: left; width: 50%; height: 82px; text-align:center; cursor: pointer; background-color: #2d2e32}
.tabnav li a{ display: block; height: 82px; width: 541px;}
.tabnav1 a{float:right;background:url(https://public-static.zcool.com.cn/special-resource/dell2015/images/tabnav-1.png) no-repeat center}
.tabnav2 a{ background:url(https://public-static.zcool.com.cn/special-resource/dell2015/images/tabnav-2.png) no-repeat center}
.tabnav li.current{ background-color:#373a3e}