dlstatic / static-pnr · Files

/*新闻资讯*/
.main-packbox{height: 336px;}
.pack-box em{ width:20px; height:40px; background:url(../images/i/pull-a.png) no-repeat; position:absolute; top:155px; left:-19px; cursor:pointer;}
.pack-box em.on{ background-position:0 -53px}
.pack-a{ width:42px; height:335px; padding:0 8px; border:#CCCCCC solid 1px; border-top:0; background:#FFFFFF}
.pack-box .pack-a a{ padding:21px 15px; line-height:15px;}
.pack-box .pack-a a:hover{ text-decoration:none}
.pack-box .pack-a a.a1{ width:12px; display:block; border-bottom:#ccc solid 1px;}
.pack-box .pack-a a.a2{ width:12px; display:block;}
.pack-box .pack-a span{ width:42px; height:121px; display: block; text-align:center; padding-top:10px;}
.pack-mo{ width:238px; height:335px; border:#CCCCCC solid 1px; border-top:0; background:#FFFFFF}
/*.reveal{ width:240px;}*/
.pack-mo-tr1{ height:41px; padding-top:9px; padding-left:7px; border-bottom:#CCCCCC solid 1px;}
.pack-mo-tr1 a{ height: 26px;display:block;margin:0 5px;line-height: 25px;padding: 0 5px; float:left; }
.pack-mo-tr1 .btn-big-w {padding: 0 3px;}
.pack-mo-tr1 a:hover,.pack-mo-tr1 a:active,.pack-mo-tr1 a:focus {text-decoration: none;}
.pack-mo-tr1 a.b-1{ width:71px; background-position:0 0;}
.pack-mo-tr1 a.b-2{ width:44px; background-position:-81px 0;}
.pack-mo-tr1 a.b-3{ width:65px; background-position:-135px 0;}
.pack-mo-tr1 a.a-link{ float:left; padding:0}
.pack-mo-tr1 a.a-link:hover{ color:#C00300}
.pack-mo-tr2{ width:238px; height:187px; overflow:hidden;}
.pack-mo-tr2 span.sp{ height:30px; width:243px; display:block; border-bottom:#CCCCCC solid 1px; background:#FAFAFA}
.pack-mo-tr2 span a{ line-height:30px; padding: 0 15px;padding: 0 14px\9; display:block; float:left;cursor: pointer;}
.pack-mo-tr2 span a:nth-child(1) {margin-left: -1px;}
.pack-mo-tr2 span a:nth-child(3) {margin-right: -1px;padding: 0 12px;}
.pack-mo-tr2 span a:hover{ color:#333333; text-decoration:none; }
.pack-mo-tr2 span a.on{   background:#FFFFFF;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    height: 31px;}
.pack-mo-tr2 ul li{ float: left;
    height: 25px;
    line-height: 25px;
    margin: 0 8px;
    padding-left: 13px;
    width: 210px;background:url(../images/i/ico-a.gif) 0 -84px no-repeat;}
.pack-mo-tr2 ul li a {
    width: 160px;
}
.pack-mo-tr2 ul li p {
	float: left;
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.pack-mo-tr2 ul li span.date{ color:#999999; float:right}
.pack-mo-tr3{ height: 96px;padding-left:6px; border-top: #CCCCCC dashed 1px; background-color: #f9f9f9;}
.pack-mo-tr3 a{ width:75px; height:90px; display:block; text-align:center; color:#999999; float:left}
.pack-mo-tr3 a:hover{ color:#C00300}

/*热门市场*/
.bazaar{ width:238px; height:180px; border:#ccc solid 1px; float:left; background:url(../images/pr/tsd-p.gif) no-repeat;overflow: hidden;}
.bazaar .baz-h1{ height:49px; line-height:48px; padding-left:40px; background:url(../images/i/ico-a.gif) -62px 15px no-repeat;}
.bazaar .baz-list{ padding:20px; padding-top: 10px;}
.bazaar .baz-list ul li{ width:90px; height:24px; float:left; background:url(../images/i/ico-a.gif) 0 -87px no-repeat; padding-left:9px;}
.bazaar .baz-list ul li a{ color:#333}
.bazaar .baz-list ul li a:hover{ color:#C00300}
/*地利服务*/
.serve{ width:730px; height:180px;border:#CCCCCC solid 1px; float:right;background: #fff;overflow: hidden;}
.serve .serve-tr2{  height:135px; padding-top:15px; padding-left:4px; _padding-left:2px;}
.serve .serve-tr2 a{ transition: color 0.3s; width:88px; height:100px; line-height:35px; display:block; float:left; border:#fff solid 1px; text-align:center; padding-top:20px; margin-left:28px; color:#999999;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px; display: inline; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.serve .serve-tr2 a:hover{ color:#c30; background: url(../images/pr/server-bgon.png) center 19px no-repeat}
.serve .serve-tr2 a.a1{ background-position:15px 0; _margin-left:14px;}
.serve .serve-tr2 a.a2{ background-position:-98px 0;}
.serve .serve-tr2 a.a3{ background-position:-211px 0;}
.serve .serve-tr2 a.a4{ background-position:-323px 0;}
.serve .serve-tr2 a.a5{ background-position:-438px 0;}
.serve .serve-tr2 a.a6{ background-position:-548px 0;}
/*热销、直供*/
.un-title{ height:30px; line-height:30px; position:relative;}
.un-title span{ margin-right:7px;}
.un-boxlist{ height:266px; border:#CCCCCC solid 1px; padding:10px 0 0 9px;  border-top:#FB4F4B solid 3px;background:#fff;}
.un-boxlist ul {height: 255px;
    overflow: hidden;
    position: relative;
    width: 100%;}
.un-boxlist ul li{   float: left;
    height: 255px;
    margin: 0 7px;
    overflow: hidden;
    position: relative;
    width: 170px;}
.un-boxlist ul li a.a-pic{height:170px; display:block; overflow:hidden;position: relative; }
.un-boxlist ul li a.a-pic img{ width:170px; height:170px;}
.un-boxlist ul li span{ width:170px; height:40px; display: block;
    height: 40px;
    line-height: 20px;
    margin: 10px auto;
    text-align: left;
    overflow: hidden;
    width: 170px; overflow:hidden; line-height:20px; display:block;}
.un-boxlist ul li span a{ color:#333333;}
.un-boxlist ul li span a:hover{color:#C00300}
.un-boxlist ul li em.price {
	background-color: rgba(255, 255, 255, 0.8);
    bottom: 0;
    padding: 3px 8px;
    position: absolute;
    right: 0;
    color: #333;
    font-weight: normal;
}
.un-boxlist ul li:hover em.price {
	background-color: rgba(225, 34, 40, 0.8);
    color: #fff;
}
.un-boxlist ul li em{ color:#ff7f00; font-size:14px;text-align:left; font-weight:bold; font-family:"Microsoft YaHei UI";}
.un-ad{ width:240px; height:310px; float:right;}
.un-adbox{ width:220px; height:269px; background-color: #fff; border:#CCCCCC solid 1px; padding:9px 9px 0 9px;}
.un-adbox a.a-img{ width:220px; height:170px; display:block;}
.un-adbox span{ width:220px; height:20px; display:block; padding-top:10px;}
.un-adbox em{ width:220px; height:20px; display:block; padding-top:7px;}
.un-adbox b{ font-weight:normal; padding:2px;background: #7bbc00;}
.un-titdiv{ background:#000000; width:100%; height:40px;  position:absolute; bottom:0; left:0;  filter:alpha(opacity=35);-moz-opacity:0.35;opacity:0.35;}
a.un-txtbg{ width:100%; height:40px; padding-left:10px; line-height:40px; position:absolute; bottom:0; left:0;  color:#FFFFFF; font-size:16px; font-family:"Microsoft YaHei UI"}
a.un-txtbg:hover{ color:#FFFFFF;}
/*商家、套菜*/
.un-title em{display:block; position:absolute; left:0; top:0;}
.un-title em.pref-png1{ width:63px; height:54px;  background:url(../images/pr/pref-01.png) no-repeat;}
.un-title em.pref-png2{ width:56px; height:51px;  background:url(../images/pr/pref-02.png) no-repeat;}
.un-title em.pref-png3{ width:69px; height:42px;  background:url(../images/pr/pref-03.png) no-repeat;}
.un-title em.pref-png4{ width:81px; height:40px;  background:url(../images/pr/pref-04.png) no-repeat;}
.un-title em.pref-png5{ width:75px; height:64px;  background:url(../images/pr/pref-05.png) no-repeat; top: -11px;}
.un-title em.pref-png6{ width:66px; height:51px;  background:url(../images/pr/pref-06.png) no-repeat;}
.marg65{ margin-left:65px;}
.marg75{ margin-left:75px;}
.marg85{ margin-left:85px;}
.un-pref-detail{height:501px;overflow: hidden; background: #fff;}

.un-pref-left .p-left-tr1{ height:162px; text-align:center;}
.un-pref-left .p-left-tr2{ padding:0 20px;}
.un-pref-left .p-left-tr2 .un-t{ height:20px; padding-top:18px;}
.un-pref-left .p-left-tr2 ul{ height:125px; overflow:hidden; margin-bottom:18px; display:inline-block}
.un-pref-left .p-left-tr2 ul.ul-ts{ height:100px; overflow:hidden; margin:0;}
.un-pref-left .p-left-tr2 ul li{ width:66px; height:25px; line-height:25px; float:left}
.un-pref-right{ width:237px;background: #fff; border-left:#CCCCCC solid 1px; float:left; padding-bottom:12px;}
.un-r-tit{ height:40px; background:#FAFAFA; line-height:40px; padding-left:15px;}
.un-pref-right ul li{ width:219px; height:100px; margin:12px auto 0 auto; position:relative; overflow:hidden}
/*首页楼层*/
.un-reset{padding: 10px 0 0 15px;height: 10px;background: #fff;}

.un-tltbox i.tl-left-part{display:block;width: 14px; height: 30px; background:url(../images/i/tit-bg.gif) no-repeat; margin-left: -11px; *margin-top: -4px; position: absolute;}
.un-tltbox i.c1-d1{ background-position: 0 0;}
.un-tltbox i.c1-d2{ background-position: 0 -35px;}
.un-tltbox i.c1-d3{ background-position: 0 -70px;}
.un-tltbox i.c1-d4{ background-position: 0 -105px;}
.un-tltbox i.c1-d5{ background-position: 0 -140px;}
.un-tltbox i.c1-d6{ background-position: 0 -175px;}
.marg20{ margin-left:20px;}
.un-h10{color: #fff;font:normal 18px "Microsoft YaHei UI"; }
.un-title a.faColor{color: #fff;font-family: "Microsoft YaHei"}

.un-pref-left{ height: 501px; }
.pref1{background: url(../images/pr/pref-pic1.jpg);background-position:center bottom; background-repeat: no-repeat; background-color: #FAFFEA;}
.pref2{background: url(../images/pr/shuiguo-da.png);background-position:center bottom; background-repeat: no-repeat; background-color: #fffeee;}
.pref3{background: url(../images/pr/pref-pic3.jpg);background-position:center bottom; background-repeat: no-repeat; background-color: #FFF2F2;}
.pref4{background: url(../images/pr/pref-pic4.jpg);background-position:center bottom; background-repeat: no-repeat; background-color: #edfbff;}
.pref5{background: url(../images/pr/liangshi.png);background-position:center bottom; background-repeat: no-repeat; background-color: #fff9ee;}
.pref6{background: url(../images/pr/pref-pic6.jpg);background-position:center bottom; background-repeat: no-repeat; background-color: #F8F8F8;}
.focus{display: block;}
.colff9000{ color:#ff9000}
.col8d3b2e{ color:#8d3b2e}
.col0067d4{ color:#0067d4}
.col422724{ color:#422724}
.colff9000{ color:#ff9000}
.top-jinghuo{text-align: center}
.top ul li.top-jinghuo a{float: none; /* padding-left: 15px; */}
.main-packbox{height: 336px;
    position: absolute;
    right: 0px;
    top: -336px;
}}
.sliMargin,.tabmarg{margin-left: 62px;}
.listboxhide{ display: none;}
.serve .serve-tr2 a em.ser-icon{height:70px;display:block;overflow:hidden}
.bor-col1{ border:#7bbc00 solid 2px; padding:0;}
.bor-col2{ border:#FFAB00 solid 2px; padding:0;}
.bor-col3{ border:#994137 solid 2px; padding:0;}
.bor-col4{ border:#459dff solid 2px; padding:0;}
.bor-col5{ border:#ff8e00 solid 2px; padding:0;}
.bor-col6{ border:#302625 solid 2px; padding:0;}
.bor-solid{ border:#CCCCCC solid 1px; padding:1px;}
/*单个商品样式*/
.a-goods {
	position:relative;
	background:#fff;
	text-align: left;
	height: 100%;
}
.a-goods .info {
	background: url("../images/i/23323.png");
    position: absolute;
    top: 170px;
}
.a-goods .info:not(s) {
    filter: none;
}
.a-goods .info a {
	margin: 10px 0;
	float: left;
	width: 170px;
}
.a-goods .info em {
	margin-bottom: 10px;
	float: left;
	width: 100%;
}
.a-goods .info p {
	color: #999;
}
/*右侧top快捷方式*/
.site{position: fixed; right:20px; bottom:20px; z-index:9990;_position: absolute;_top: expression(documentElement.scrollTop+200 + "px");}
.site-list { width:46px; border:#ddd solid 1px;background:#FFFFFF;float: left;position:relative;}
.site-list li { height:38px; line-height:38px;}
.site-list a{color:#666666;float: left;height: 100%;text-align: center;position: relative;width: 100%;font-family: "微软雅黑"}
.site-list a span {position: absolute;width: 100%;height: 100%;top: 0px;left: 0px;opacity: 0;filter:alpha(opacity=0);display: none;}
.site-list img {margin-top: 8px;}
.site-list li a.act em, .site-list li a:hover em {
	width: 25px;
}
.site-list a span p {color: #FFFFFF;
    font-size: 12px;
    height: 100%;
    line-height: 18px;
    margin: 0 auto;
    position: relative;
    width: 35px;
    z-index: 3;}
.site-list a.a-top{ background: #F7F7F7 url("../images/i/ico-a.gif") no-repeat scroll -68px -43px;
    display: block;
    height: 40px;
    line-height: 40px;
    margin-top: 15px;
    padding-left: 46px;
    display:none;
    width: 0;}
.site-list a em{
    border-radius: 25px 0 0 25px;
    display: inline-block;
    height: 38px;
    overflow: hidden;
    position: absolute;
    right: 46px;
    top: 0;
    width: 0;}
.site-list em p { border-radius: 5px;
    color: #FFFFFF;
    display: inline-block;
    font-size: 15px;
    font-style: normal;
    font-weight: bold;
    height: 24px;
    line-height: 24px;
    margin-right: 0;
    margin-top: 7px;
    position: relative;
    right: -4px;}
.site-list ul li i.hide{display: none;}
.site-list ul li:hover a {color:#fff;}
.site-list ul .sl-a1:hover a span, .site-list ul .sl-a1:hover a em, .site-list ul li.sl-a1 a.act span, .site-list ul li.sl-a1 a.act em { background-color: #7bbb02;opacity: 1;filter:alpha(opacity=100);display: block;}
.site-list ul .sl-a2:hover a span, .site-list ul .sl-a2:hover a em, .site-list ul li.sl-a2 a.act span, .site-list ul li.sl-a2 a.act em  { background-color: #ffaa02;opacity: 1;filter:alpha(opacity=100);display: block;}
.site-list ul .sl-a3:hover a span, .site-list ul .sl-a3:hover a em, .site-list ul li.sl-a3 a.act span, .site-list ul li.sl-a3 a.act em  { background-color: #974436;opacity: 1;filter:alpha(opacity=100);display: block;}
.site-list ul .sl-a4:hover a span, .site-list ul .sl-a4:hover a em, .site-list ul li.sl-a4 a.act span, .site-list ul li.sl-a4 a.act em  { background-color: #499cfa;opacity: 1;filter:alpha(opacity=100);display: block;}
.site-list ul .sl-a5:hover a span, .site-list ul .sl-a5:hover a em, .site-list ul li.sl-a5 a.act span, .site-list ul li.sl-a5 a.act em  { background-color: #ff8900;opacity: 1;filter:alpha(opacity=100);display: block;}
.site-list ul .sl-a6:hover a span, .site-list ul .sl-a6:hover a em, .site-list ul li.sl-a6 a.act span, .site-list ul li.sl-a6 a.act em  { background-color: #372b2b;opacity: 1;filter:alpha(opacity=100);display: block;}
.col7bbb02{ color:#7bbb02}
.colffaa02{ color:#ffaa02}
.col974436{ color:#974436}
.col499cfa{ color:#499cfa}
.colff8900{ color:#ff8900}
.col372b2b{ color:#372b2b}
.addtop{margin-top:0px;}

/*其他*/
.hot{ width:730px; height:310px; float:left;}
i.i-cio{ width:17px; height:16px; display:inline-block; float:left; margin-top:7px; margin-right:3px; background:url(../images/i/i-ico.gif) no-repeat;}
i.s1{ background-position:0 -83px}
i.s2{ background-position:0 -124px}
i.s3{ background-position:0 0}
i.s4{ background-position:0 -162px}
i.s5{ background-position:0 -44px}


.wid-hover {
/* 	opacity: 0; */
	position: relative;
/* 	top:100px; */
 	top:0px; 
/* 	transition: all 500ms cubic-bezier(1, 0, 0, 1.5) 0ms; */
}
div.showed {
	opacity: 1;
	top: 0px;
}
/* .ban-tab a, .ban-tab img {
	height: auto;
} */
.un-h4 {
	font-size: 13px;
}
.un-boxlist li div.a-pic{ 
	width: 170px;
	height: 200px; 
	display: block; 
	overflow: hidden;
	position: relative; 
}
.un-boxlist li div.a-tt {
	height: 40px;
	text-align: left;
	width: 160px;
	overflow: hidden;
	line-height: 180%;
	display: block;
	padding: 5px;
	position: relative;
}
.un-boxlist li div.a-pri{ 
	color: #ff7f00; 
	font-size: 14px;
	text-align: left; 
	font-weight: bold; 
	font-family: "Microsoft YaHei UI";
	margin-top: -18px;
	position: relative;
}
.a-pri .rmb {
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}
.a-pic img {
	position: relative;
}

.un-boxlist li div.a-pic-1{ 
	width: 170px;
	height: 170px; 
	display: block; 
	overflow: hidden;
	position: relative; 
}
.un-boxlist li div.a-tt-1 {
	height: 40px;
	text-align: left;
	width: 160px;
	height: 21px;
	overflow: hidden;
	line-height: 180%;
	display: block;
	padding: 5px;
	position: relative;
	background-color: #FB4F2B;
	/* background-color: rgba(172, 19, 16, 0.2); */
}
.un-boxlist li div.a-pri-1 { 
	color: #ff7f00; 
	font-size: 14px;
	text-align: left; 
	font-weight: bold; 
	font-family: "Microsoft YaHei UI";
	position: absolute;
	top: 10px;
	left: -12px;
	background-color: rgba(251, 79, 13, 0.3);
}
.a-pic-1 img {
	position: relative;
}
.a-tt-1 a {
	color: #fff;
}
.main.auto-w{
	z-index: 2;
}


/*
 * 响应式兼容
 */
@media screen and (min-width: 1300px) {
	div.auto-w {
		width: 1200px;
	}
	div.serve, div.hot {
		width : 940px;
	}
	div.un-pref-cent {
		width : 712px;
	}
	.serve .serve-tr2 a {
		margin: 0 21px;
	}
	.un-pref-cent ul li {
		margin: 0 10px 0 11px;
	}
	.header-mo .mo-fn2 {
		margin: 0 7px;
	}
	.header-mo .mo-fn2 {
		margin-left:215px;
	}
	.site {
		right : 200px;
	}
	.pack-a {
		display: none;
	}
	.pack-box em {
		display: block;
	}
	.pack-mo {
		display: block;
	}
	.nav-box {
		width: 680px;
	}
	div.m-left {
		width: auto;
	}
	div.m-left li {
		width: 167px;
	}	
}
@media screen and (max-width: 1300px) {
	div.auto-w {
		width: 990px;
	}
	div.serve, div.hot {
		width : 730px;
	}
	div.un-pref-cent {
		width : 502px;
	}
	.serve .serve-tr2 a {
		margin: 0px 6px;
	}
	.un-pref-cent ul li {
		margin: 0 5px;
	}
	.header-mo .mo-fn2 {
		margin: 0 4px;
	}
	.header-mo .mo-fn2 {
		margin-left:120px;
	}
	.site {
		right : 50px;
	}
	.pack-a {
		display: block;
	}
	.pack-box em {
		display: block;
	}
	.pack-mo {
		display: none;
	}
	.nav-box {
		width: 710px;
	}
}


.home-a {
    position: relative;
}
.head-nav-end {
    background: #E44846;
    border-top: 10px solid #FFFFFF;
    height: 50px;
    position: relative;
    width: 100%;
    top:0px;
    z-index: 120;
}
.ban-tab {
    width: 100%;
    height: 336px;
    position: relative;
    left: 0;
    overflow: hidden;
    margin: 0 auto;
    z-index: 1;
    top:0px;
}
.main {
    margin: 0 auto;
    position: relative;
    top:0px;
}