/***** ys *****/
body { background:#f5f5f5;}
.wall {background: #fafafa;border: #e5e5e5 1px solid;padding: 10px;zoom: 1;}
.wall:after { clear:both; content:""; display:table;}
/* 轮播 */
.w-slider { width:100%; min-width:1200px; height:350px; margin:0 auto; overflow:hidden; zoom:1; position:relative; z-index:20;}
.w-slider .slider-wrap .hd { width:920px; left:50%; margin-left:-600px; text-align:center; position:absolute; bottom:15px; z-index:21;}
.w-slider .slider-wrap .hd ul { display:inline-block; *display:inline; *zoom:1;}
.w-slider .slider-wrap .hd li { width:20px; height:10px; float:left; margin:0 2px; background:rgba(0,0,0,0.2) !important; background:#000; filter:Alpha(opacity=20); text-align:center; color:#fff; cursor:pointer; text-indent:-999em; font-size:0;}
.w-slider .slider-wrap .hd li.on { background:#09c762 !important; filter:Alpha(opacity=100);}
.w-slider .slider-wrap .bd li { display:block; width:100%; height:350px;}
.w-slider .slider-wrap .bd li a { display:block; width:1200px; height:350px; margin:0 auto; text-indent:-999px;}
.w-slider .top2-wrap { width:280px; height:350px; overflow:hidden; position:absolute; top:0; left:50%; margin-left:320px; z-index:31;}
.w-slider .top2-wrap p { background:#fff; width:280px; height:160px; overflow:hidden; margin-top:10px;}
.w-slider .top2-wrap a { display:block; font-size:0; opacity:1; -webkit-transition:opacity 0.2s ease-in; -moz-transition:opacity 0.2s ease-in; -ms-transition:opacity 0.2s ease-in; -o-transition:opacity 0.2s ease-in; transition:opacity 0.2s ease-in;}
.w-slider .top2-wrap a:hover { opacity:0.7; filter:alpha(opacity=70);}
.fl-slider { overflow:hidden; position:absolute; top:0; left:0;}
.fl-slider .hd { width:400px; position:absolute; left:50%; margin-left:-200px; bottom:15px; z-index:2; text-align:center;}
.fl-slider .hd ul { display:inline-block; *display:inline; *zoom:1;}
.fl-slider .hd li { width:20px; height:10px; float:left; margin:0 2px; background:rgba(0,0,0,0.2) !important; background:#000; filter:Alpha(opacity=20); cursor:pointer; font-size:0;}
.fl-slider .hd li.on { background:#ee485c !important; filter:Alpha(opacity=100);}
.fl-slider .bd { position:relative; z-index:1;}
.fl-slider .bd li { zoom:1; vertical-align:middle;}
/* 列表 */
.fl-h2 { font:24px/50px '\5FAE\8F6F\96C5\9ED1';}
.uc-slider, .uc-hotpro { background:#fff; float:left;}
.uc-slider { width:400px; height:422px; overflow:hidden; position:relative;}
.uc-slider .fl-slider { width:400px; height:422px;}
.uc-hotpro-list li { float:left; width:200px; height:422px; font-size:0; overflow:hidden;}
.uc-hotpro-list li a { border:#e5e5e5 solid; border-width:0 0 1px 1px; display:block;}
.floor-hd { height:34px; border-bottom:#e5e5e5 2px solid;}
.floor-hd h2 { float:left; font:20px/34px '\5FAE\8F6F\96C5\9ED1'; color:#666;}
.floor-hd h2 i { background:url(http://res.ubeisaas.com/images/mall_v6/cct_ys.png) no-repeat; width:48px; height:26px; display:inline-block; overflow:hidden; vertical-align:middle; float:left; margin:4px 10px 0 0;}
.floor-hd h3 { float:right; height:30px; line-height:30px; margin-top:4px;}
.floor-hd h3 a { float:left; display:inline; font-size:12px; margin:0 10px;}
.fl-toppro { background:#fff; position:relative;}
.fl-toppro .fl-slider { border-bottom:#e5e5e5 1px solid; width:400px; height:255px;}
.fl-toppro .fl-top4pro { margin-left:400px;}
.fl-top4pro li { border:#e5e5e5 solid; border-width:0 0 1px 1px; float:left; width:199px; height:255px; overflow:hidden; font-size:0;}
.fl-prolist { background:#fff;}
.fl-prolist li { border:#eee solid; border-width:0 0 1px 1px; float:left; width:150px; height:240px; padding:25px 24px 0 25px;}
.fl-prolist li .p-img { width:150px; height:150px; overflow:hidden; font-size:0;}
.fl-prolist li .p-name { height:18px; line-height:18px; overflow:hidden; margin-top:10px;}
.fl-prolist li .p-sale { color:#e12228; height:18px; line-height:18px; overflow:hidden;}
.fl-prolist li .p-price { height:30px; line-height:30px;}
.fl-prolist li .p-price strong { font-size:16px; font-family:Arial; color:#e12228;}
.fl-prolist li .p-price del { color:#999; margin-left:10px;}
.fl-prolist li.fl-p-1 { border-left-color:#fff;}
.fl-1 .floor-hd { border-bottom-color:#f97e8f;}
.fl-1 .floor-hd h2 { color:#f97e8f;}
.fl-1 .floor-hd h2 i { background-position:0 0;}
.fl-1 .fl-slider .hd li.on { background:#f97e8f !important;}
.fl-2 .floor-hd { border-bottom-color:#5db5f4;}
.fl-2 .floor-hd h2 { color:#5db5f4;}
.fl-2 .floor-hd h2 i { background-position:0 -27px;}
.fl-2 .fl-slider .hd li.on { background:#ee485c !important;}
.fl-3 .floor-hd { border-bottom-color:#89c62e;}
.fl-3 .floor-hd h2 { color:#89c62e;}
.fl-3 .floor-hd h2 i { background-position:0 -54px;}
.fl-3 .fl-slider .hd li.on { background:#89c62e !important;}
.fl-4 .floor-hd { border-bottom-color:#ddad2d;}
.fl-4 .floor-hd h2 { color:#ddad2d;}
.fl-4 .floor-hd h2 i { background-position:0 -81px;}
.fl-4 .fl-slider .hd li.on { background:#ddad2d !important;}
.newpro-wrap { background:url(http://res.gadscloud.com/images/mall_v6/ys_newpro.jpg) no-repeat; width:1200px; height:780px;}
.newpro-wrap .newpro-list { width:1180px; margin:0 auto; padding-top:80px;}
.newpro-list li { background:#fff; float:left; display:inline; width:265px; height:310px; padding:10px; margin:5px;}
.newpro-list li .np-img { width:265px; height:265px; overflow:hidden; font-size:0; position:relative;}
.newpro-list li .np-price { color:#e12228; font-family:Arial; height:30px; line-height:30px; margin-top:10px;}
.newpro-list li .np-price span { font-size:18px; margin-right:3px;}
.newpro-list li .np-price strong { font-size:26px;}
.newpro-list li p.a-tit { display:none; width:265px; height:265px; overflow:hidden; position:absolute; left:0; top:72px;}  /* 20170308 */
.newpro-list li p.a-tit a { background:rgba(255,255,255,0.8) !important; background:#fff; filter:Alpha(opacity=80); display:table-cell; vertical-align:middle; width:265px; height:auto; *display:block; *font-size:180px;}  /* 20170308 */
.newpro-list li p.a-tit a span { color:#333; display:inline-block; font:16px/30px '\5FAE\8F6F\96C5\9ED1'; padding:15px; position:relative;}  /* 20170308 */
.newpro-list li p.a-tit a:hover { text-decoration:none;}
.newpro-list li.hover p.a-tit { display:block;}
.topics-tabs { width:12000px; height:210px; overflow:hidden;}
.topics-tabs li { float:left; font-size:0; width:200px; height:210px; overflow:hidden; position:relative;}
.topics-tabs li img { position:absolute; left:0; top:0;}
.topics-tabs li.on { width:400px;}
.topics-tabs li.on img { left:-200px;}