.main_body{width:1210px;margin:0 auto;position:relative;margin-top:20px;} .cont_left{width:895px;float:left;display:inline;} #J_Slide{width:895px;height:300px;overflow:hidden;position:relative;} .cont_right{width:307px;height:300px; no-repeat;margin-left:3px;float:left;display:inline; border:1px solid #CCC; background:#FAF9E7;} .cont_right .text1{height:30px;overflow:hidden;color:#333;font-size:20px;font-weight:bold;margin: 30px 0 5px 100px;line-height:30px;} .cont_right .text2{height:40px;line-height:20px;color:#fff;font-size:15px;font-weight:bold;margin:30px 0 0 20px;overflow:hidden;} .kill-ranklist{width:260px; overflow:hidden;} .kill-ranklist ul{width:260px; height:30px; line-height:30px; float:left; margin-top:1px;margin-left: 20px;cursor:pointer;} .kill-ranklist ul li{ float:left; font-size:14px; font-weight:bold; font-family:"宋体"; color:#333;margin-left:1px; background:#FEDED1;} .rankactive ul li{background:#FEA3A0;} .hg{width:30px; height:30px; text-align:center;line-height:30px;} .L{width:50px; height:30px; line-height:30px; text-align:center; } .C{width:50px; height:30px; line-height:30px; text-align:center;} .R{width:100px; height:30px; line-height:30px; text-align:center;} .kill-ranklist ul:hover li{background:#FF768B;} /* .benzhou{width:260px; overflow:hidden;} .benzhou1{width:260px; height:30px; line-height:30px; float:left; margin-top:3px;margin-left: 20px;} .benzhou1 li{ float:left; font-size:14px; font-weight:bold; font-family:"宋体"; color:#333;margin-left:3px;background:#FDECE5;} .hg{width:30px; height:30px; text-align:center;line-height:30px;} .L{width:50px; height:30px; line-height:30px; text-align:center; } .C{width:50px; height:30px; line-height:30px; text-align:center;} .R{width:100px; height:30px; line-height:30px; text-align:center;} .benyue{width:260px; overflow:hidden;} .benyue1{width:260px; height:30px; line-height:30px; float:left; margin-top:3px;margin-left: 20px;} .benyue1 li{ float:left; font-size:14px; font-weight:bold; font-family:"宋体"; color:#333;margin-left:3px; background:#FEDED1;} .hg{width:30px; height:30px; text-align:center;line-height:30px;} .L{width:50px; height:30px; line-height:30px; text-align:center; } .C{width:50px; height:30px; line-height:30px; text-align:center;} .R{width:100px; height:30px; line-height:30px; text-align:center;} .shangyue{width:260px; overflow:hidden;} .shangyue1{width:260px; height:30px; line-height:30px; float:left; margin-top:3px;margin-left: 20px;} .shangyue1 li{ float:left; font-size:14px; font-weight:bold; font-family:"宋体"; color:#333;margin-left:3px; background:#FDECE5;} .hg{width:30px; height:30px; text-align:center;line-height:30px;} .L{width:50px; height:30px; line-height:30px; text-align:center;} .C{width:50px; height:30px; line-height:30px; text-align:center;} .R{width:100px; height:30px; line-height:30px; text-align:center; background:#FEDED1;} */ #seckilling {width:1210px;float:left;overflow:visible} #seckilling .mc {min-height:355px; height: 100%; background:#FFF;position:relative;overflow:visible} #seckilling .mc .sk-time {position:absolute;z-index:5;right:164px;top:-28px} #seckilling .mc .sk-time .sk-t-text {font-family:"microsoft yahei";font-size:18px; text-align:center;height:20px;line-height:20px;width:100px; margin-top:30px;} #seckilling .mc .sk-time .sk-t-text1 {font-family:"microsoft yahei";font-size:18px; text-align:center;height:20px;line-height:20px;width:100px; margin-top:23px;} #seckilling .mc .sk-time .sk-t-clock {width:141px;position:absolute;top:-12px;left:79px} #seckilling .mc .sk-time .sk-t-clock span,#seckilling .mc .sk-time .sk-t-clock i { display:inline-block;line-height:38px;height:38px;text-align:center;font-family:"microsoft yahei";font-size:24px;font-weight:700 } #seckilling .mc .sk-time .sk-t-clock span { width:35px;background:#666;color:#FFF;border-radius:8px} #seckilling .mc .sk-time .sk-t-clock i {font-style:normal;width:18px;color:#666} #seckilling .mc .sk-tab {position:absolute;left:195px;width:510px;padding-top:25px;z-index:5} #seckilling .mc .sk-tab .line {display:block;height:3px;background:#FFF;overflow:hidden} #seckilling .mc .sk-tab .sk-clock {position:absolute;z-index:6;left:-28px;top:5px;width:56px;height:64px; background:url(i/index.supermarket.seckilling.clock.png) no-repeat} #seckilling .mc .sk-tab .sk-clock.morning { background-position:0 0} #seckilling .mc .sk-tab .sk-clock.noon { background-position:-66px 0} #seckilling .mc .sk-tab .sk-clock.night { background-position:-132px 0} #seckilling .mc .sk-tab .sk-tab-item a { position:absolute; z-index:5;width:150px;padding-top:20px;font-family:"microsoft yahei"; font-size:16px;color:#666;font-weight:bold;cursor:default} #seckilling .mc .sk-tab .sk-tab-item a span{ font-size:13px;font-family: 微软雅黑;} #seckilling .mc .sk-tab .sk-tab-item a em{ font-size:13px;font-family: 微软雅黑;} #seckilling .mc .sk-tab .sk-tab-item a b {display:block;height:16px;width:16px;background:#FFF;margin:0 auto;margin-bottom:5px;border-radius:10px;overflow:hidden; box-shadow:0 0 0 4px rgba(255,255,255,.5); -webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s; -ms-transition:all .3s; transition:all .3s } #seckilling .mc .sk-tab .sk-tab-item a span {display:block;height:28px;line-height:28px;text-align:center;border-radius:10px; -webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s; -ms-transition:all .3s; transition:all .3s } #seckilling .mc .sk-tab .sk-tab-item a span em {display:none} #seckilling .mc .sk-tab .sk-tab-item a:hover {text-decoration:none;color:#666} #seckilling .mc .sk-tab .sk-tab-item a:hover b {box-shadow:0 0 0 6px rgba(255,255,255,.5)} #seckilling .mc .sk-tab .sk-tab-item a.killing b {background:#ffad00;box-shadow:0 0 0 6px rgba(255,173,0,.34)} #seckilling .mc .sk-tab .sk-tab-item a.killing span {color:#FFF;background:#f87002} #seckilling .mc .sk-tab .sk-tab-item a.killing span em {display:inline;list-style-type:none;} #seckilling .mc .sk-tab .sk-tab-item a.coming span {/*color:#333;background:#eee;*/} #seckilling .mc .sk-tab .sk-tab-item a.left {left:-75px;top:1px} #seckilling .mc .sk-tab .sk-tab-item a.center {left:110px;top:43px} #seckilling .mc .sk-tab .sk-tab-item a.right {right:-75px;top:1px} #seckilling .mc .sk-tab .sk-tab-item a.normal {top:1px;} #seckilling .mc .sk-con {position:relative;width:1210px;overflow:hidden;} #seckilling .mc .sk-item ul li {position:relative;float:left; margin-right:6px; margin-bottom:14px;background:#FFF;width:225px; padding-bottom:10px;} #seckilling .mc .sk-item ul li .p-img {padding:8px 0 0;text-align:center;margin-bottom:10px} #seckilling .sk-item ul li .p-name {padding:0 20px;margin-bottom:10px;line-height:18px;height:18px;overflow:hidden; text-align:center; } #seckilling .mc .sk-item ul li .p-name a {font-size:14px} #seckilling .mc .sk-item ul li .p-price {padding:0 20px; font-family:"微软雅黑"; height: 30px;} #seckilling .mc .sk-item ul li .p-price strong {font-size:20px;color:#e4393c;margin-right:10px; font-family:"微软雅黑";} #seckilling .mc .sk-item ul li .p-price del { font-family:"微软雅黑";} #seckilling .mc .sk-item ul li .p-btn {width: 200px; float: left; margin-left:10px; padding-top: 5px; } #seckilling .mc .sk-item {position:absolute;z-index:0;width:100%;} #seckilling .mc .sk-item.selected {position:absolute} #seckilling .mc .sk-item ul {position:relative;z-index:10;width:1210px;padding:30px 0 0px 30px;} #seckilling .mc .sk-item .sk-item-bg .sun {display:block;position:absolute;width:149px;height:149px; -webkit-animation:spinAround 50s linear infinite; -moz-animation:spinAround 50s linear infinite; -ms-animation:spinAround 50s linear infinite; -o-animation:spinAround 50s linear infinite; animation:spinAround 50s linear infinite } #seckilling .mc .sk-item.morning {z-index:1;background:#ffd782 url(i/index.supermarket.seckilling.bg-l-2.png) no-repeat} #seckilling .mc .sk-item.morning .sk-item-bg .sun {left:-23px;top:64px; background:url(i/index.supermarket.seckilling.sun.png) no-repeat} #seckilling .mc .sk-item.noon {background:#ffd782 url(i/index.supermarket.seckilling.bg-m-2.png) no-repeat} #seckilling .mc .sk-item.noon .sk-item-bg .sun {left:-23px;top:-24px;background:url(i/index.supermarket.seckilling.sun.png) no-repeat} #seckilling .mc .sk-item.night {background:#91b0d2 url(i/index.supermarket.seckilling.bg-r-2.png) no-repeat} #seckilling .mc .sk-item.night .sk-item-bg .sun {left:-23px;top:-24px; background:url(i/index.supermarket.seckilling.moon.png) no-repeat; -webkit-animation:shake 30s linear infinite; -moz-animation:shake 30s linear infinite; -ms-animation:shake 30s linear infinite; -o-animation:shake 30s linear infinite; animation:shake 30s linear infinite } #seckilling .mc .sk-item ul li .p-img {padding:8px 0 0} .btn-mv { display: inline-block; border:solid 1px #FF0000; height: 27px; line-height: 27px; text-align: center; background:#fff; color: #df3133; font-size: 12px; -moz-border-radius:15px;/*仅Firefox支持，实现圆角效果*/ -webkit-border-radius:15px;/*仅Safari,Chrome支持，实现圆角效果*/ -khtml-border-radius:15px; /*仅Safari,Chrome支持，实现圆角效果*/border-radius:15px;/*仅Opera，Safari,Chrome支持，实现圆角效果*/} .btn-mv.seckilling { width: 93px; color: #df3133; } .kill_more {margin-left:15px; border:solid 1px #FF0000; float:right;} #seckilling .describe,#seckilling .kill_tips{line-height:25px;font-size:14px;color:#00f;padding-left: 10px;} #seckilling .describe {color:#999;} #seckilling .mc .sk-con{min-height:400px; height: 100%;position:relative;width:1210px;overflow:hidden;} #seckilling .mc .sk-con-vote{min-height:355px; height: 100%;} #seckilling .mc .sk-con .sk-item-vote ul li .p-btn { right: 19px; bottom: 15px; width: 200px; } .sm-wrap .mt .ext {float: left; top: 20px; position: relative; } #kill_goods_vote{ height: 312px; overflow: hidden;} /*秒杀投票css*/ #seckilling .mc .sk-con-vote {position:relative;width:1210px;overflow:hidden;} #seckilling .mc .sk-con-vote {width:1210px;} #seckilling .mc .sk-time {right:407px;top:-76px} #seckilling .mc .sk-time .sk-t-clock {top:24px;left:105px} #seckilling .mc .sk-tab .sk-tab-item a.center {left:180px;top:1px} .sm-wrap .mt {height:80px; background:#fff7e4;} .sm-wrap .mt h2 {float:left;width:150px; height:70px; padding-left:20px; padding-top:10px;} .sm-wrap .mt .ext {float:left} .sm-wrap .mt .ext .filter-item {display:inline-block;position:relative;height:26px;line-height:26px;padding:1px 8px;border:1px solid #cdcdcd; background:#FFF;margin-right:3px; -webkit-transition:border-color .1s,color .1s; -moz-transition:border-color .1s,color .1s; -o-transition:border-color .1s,color .1s; -ms-transition:border-color .1s,color .1s; transition:border-color .1s,color .1s } .sm-wrap .mt .ext .filter-item b {position:absolute;vertical-align:middle;display:none;right:0;bottom:0;line-height:0;font-size:0; width:8px;height:8px;background:url(i/index.supermarket.common.png) no-repeat} .sm-wrap .mt .ext .filter-item:hover {padding:0 7px;border:2px solid #e33a3d;text-decoration:none} .sm-wrap .mt .ext .filter-item.selected {padding:0 7px;border:2px solid #e33a3d} .sm-wrap .mt .ext .filter-item.selected b {display:block} .catalogue{float:left;margin-bottom:0;width:214px;} .catalogue .c-name{height:30px;border-bottom:2px solid #aaa; padding-right:35px;} .catalogue #c-name1{background:url(../images/zhu.png) no-repeat;} .catalogue #c-name2{background:url(../images/yudi.png) no-repeat;} .catalogue #c-name3{background:url(../images/change.png) no-repeat;} .catalogue #c-name4{background:url(../images/tangzeng.png) no-repeat;} .catalogue .c-name h2{text-align:center;font-size:22px;font-family:'微软雅黑';color:#666;} .catalogue .c-list{} .catalogue .c-list ul{float:left;width:75px;} .catalogue .c-list span{float: right;} .catalogue .c-list li{line-height:25px;text-indent:5px;} .plist{position:relative;float:right;width:996px;padding-top:32px;margin-bottom:0; _width:996px;} .plist .slide {position: absolute;top: 0;left: 157px;width: 467px;height: 180px;overflow: hidden;} .plist .p-name{display: none;} .plist .tab-bg{z-index:1;position:absolute;top:30px;width:100%;_width:100.8%;height:2px;_height:2px;background:#aaa;overflow:hidden;zoom:1;} .plist .tab-arrow {position: absolute;z-index:2;top: 23px;width: 158px;height: 7px;border-bottom: 2px solid #E4393C;overflow: hidden;text-align: center;} .plist .tab-arrow b{zoom: 1;overflow: hidden;margin-top: -8px; border-bottom-color: rgb(228, 57, 60); border-bottom-style: solid; border-bottom-width: 10px; border-left-color: rgba(0, 0, 0, 0); border-left-style: dashed; border-left-width: 10px; border-right-color: rgba(0, 0, 0, 0); border-right-style: dashed; border-right-width: 10px; border-top-color: rgba(0, 0, 0, 0); border-top-style: dashed; border-top-width: 10px; display: inline-block;height: 0px;line-height: 0px;width: 0px;text-align: center;color: rgb(102, 102, 102); } .plist .sm {zoom: 1;overflow: hidden;display: block;width: 1000px;_width: 1005px;height: 362px;line-height: 18px;text-align: left;color: rgb(102, 102, 102);} #plist-2 .fore1,#plist-3 .fore1,#plist-4 .fore1{height: 362px;} .plist .smt {zoom: 1;overflow: hidden;display: block;position: absolute;padding: 7px 0;border-bottom: 2px solid #aaa; top: 0px;left: 0px;width: 158px;height: 16px;line-height: 16px;text-align: center;} .plist .smt-curr{color: rgb(228, 57, 60);} .plist .smc {position: relative;border-bottom: 1px solid #ddd;} .plist .fore1{height: 361px;} .plist .fore2{height: 0px;} .plist .fore3{height: 0px;} .plist .fore4{height: 0px;} .plist .fore5{height: 0px;} .plist .fore6{height: 0px;} .plist .fore1 .smt {left: 0px;} .plist .fore2 .smc{display: none;} .plist .fore3 .smc{display: none;} .plist .fore4 .smc{display: none;} .plist .fore5 .smc{display: none;} .plist .fore6 .smc{display: none;} .plist .fore2 .smt {left: 156px} .plist .fore3 .smt {left: 312px} .plist .fore4 .smt {left: 468px} .plist .fore5 .smt {left: 624px} .plist .fore6 .smt {left: 782px} #plist-2 .smc,#plist-3 .smc,#plist-4 .smc{height: 362px;} .plist .smc li {/*padding: 5px 3px */padding:0;border-left:1px solid #ddd;border-bottom:1px solid #ddd;/*border-left: 1px solid #F1F1F1;border-top: 1px solid #F1F1F1;*/overflow: hidden;} .plist .style3{width:996px;} .plist .style3 li {position:relative;float:left;width: 165px;height: 180px;} .plist .style3 .fore1, .plist .style3 .fore6 {width: 158px;border-left: 0;} .plist .style3 .fore1, .plist .style3 .fore2, .plist .style3 .fore3, .plist .style3 .fore4, .plist .style3 .fore5, .plist .style3 .fore6 {border-top: 0;} .plist .style3 li .idx-tg-name{z-index:5;position:absolute;left:0;right:0;bottom:-50px;background:#666;font-size:14px;text-align:center;font-family:'微软雅黑';line-height:38px;color:#eee;filter:alpha(Opacity=50);-moz-opacity:0.5;opacity: 0.5;} .plist .style3 li:hover .idx-tg-name{bottom: 0;} .grid-container-980 {*zoom:1;width: 980px} .grid-container-1190:before, .grid-container-1190:after {display: table;content: "";line-height: 0} .grid-container-1190:after {clear: both} .grid-col-200 {float: left;width: 200px; _width:198px;} .grid-col-190a {float: left;width: 190px;} .grid-col-400 {float: left;width: 400px;} .grid-row-140 {height: 140px;} .grid-row-120 {height: 119px;} .grid-row-108 {height: 108px;} .grid-row-180 {height: 180px;} .grid-row-220 {height: 220px;} .grid-row-324 {height: 324px;} .fp-floor .floor-content {_border-top: 1px solid #e5e5e5} .fp-floor .floor-banner {display: block;overflow: hidden;border-left: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;} .fp-floor img{}.fp-floor img:hover{margin-left:-5px;} #act_area{position:relative; width:1210px; height:480px; margin:0 auto; background:#eee;} #act_area .inner_area{position:absolute; left:0; top:0; width:1210px; height:480px; margin:0 auto;} #act_area .section{position:absolute; overflow:hidden;} #act_area .section0{left:0; top:0; width:800px; height:480px; z-index:130; border:1px solid #09276a; border-right:0 none; overflow:hidden;} #act_area .act_content{width:1210px;height:480px;} #act_nav{width:1150px; height:44px; margin:0 auto; background:#bbb; position:relative; top:-12px;} #act_nav li{float:left; line-height:44px;} #act_nav li.cur{background:url(../images/v3/nav_bg1.png) no-repeat -13px} #act_nav li a{color:#fff; text-decoration:none; font-weight:bold;display: block;padding: 18px 26px 18px 26px;line-height:0.5;font-size: 14px;} #act_nav li:hover{background:url(../images/v3/nav_bg1.png) no-repeat -13px;} .area_header{margin:auto;width:1210px;line-height:38px;text-decoration:none;text-indent:15px;} .area_header h2{font-size:22px;color:#666;font-family:微软雅黑;} /*浮动qq样式*/ .qqrig{ position: fixed; _position:absolute; right: 10px;bottom: 0px;background:url(../images/qqbg.png) no-repeat; height: 150px; width: 100px; _bottom:auto; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); } .qqrig img{ position: absolute; bottom:5px; left:50%; margin-left: -40px;}