/******************************* this template common css ************************ * * 这里放置商城前台页面可以重复使用的代码 * */ .input{ /*background:url(http://hexinhengxin.top/themes/mall/jd/styles/default/images/input.png) repeat-x;*/ height:30px; line-height:30px; border:1px #ccc solid; text-indent:5px;} .twofloat em{float:left;} .twofloat span{float:right} .store-info{display:none;} /* location */ .location{text-align:left;padding-left:6px;color:#999} .location a{float:left; display:inline-block;} .location a:hover{color:#f33100; text-decoration:underline;} .location span{float:left;display:block;width:10px; height:13px;margin:0;background:url("../image/T1_w.iXaXcXXbHEyTv-150-650.png") no-repeat -16px -82px;margin-left:5px;margin-right:5px;} /* btns of order */ .btn-order{ height:24px; background:#fff; line-height:22px;} .btn-order a{color:#666;} .btn-order-click{border:#ccc 1px solid;padding-left:5px;padding-right:15px;height:22px;display:inline-block; position:relative;float:left;border-left:0;} .default-sort{padding-right:5px;border-left:1px #ccc solid;margin-left:5px;} .btn-order-click i{background:url("../image/T1U_vGXjdaXXckL6Z0-130-130.png") no-repeat -22px -23px;width:7px; height:10px; display:inline-block; overflow:hidden; position:absolute;top:6px; right:3px;} .btn-order-click:hover,.btn-order-cur{color:#f33100; text-decoration:none; background:#F1EDEC} .btn-order-click:hover i{ background-position:-30px -23px;} .order-down i, .order-down-gray:hover i{background-position:-30px -23px;} .order-down-gray i{ background-position:-22px -23px;} .order-up-gray i{background-position:-38px -23px} .order-up i, .order-up-gray:hover i{background-position:-46px -23px} /******************************* this template common css --------- end ************************/ /********************************* widgets fields ***************************************************************** * * 这里是放置挂件样式的区域 * */ /*widget frame*/ #page-home { font-family:'yahei';} #page-home .transition img{-webkit-transition: -webkit-transform .4s ease;transition: -webkit-transform .4s ease; -o-transition: -o-transform .4s ease; -moz-transition: transform .4s ease,-moz-transform .4s ease;transition: transform .4s ease; transition: transform .4s ease,-webkit-transform .4s ease,-moz-transform .4s ease,-o-transform .4s ease} #page-home .transition:hover img{-webkit-transform: translate3d(-5px,0,0); -moz-transform: translate3d(-5px,0,0); transform: translate3d(-5px,0,0);} #page-home .col-1{ height:310px;} #page-home .col-2 .account{width:219px; height:210px; margin-top:-310px; z-index:99; position:relative; padding-top:100px; background:url("../image/vip_bg2.png") no-repeat #fff center top; /*box-shadow:0 0 4px rgba(0,0,0,0.2);*/} #page-home .col-2 .account .avata-pic{position:absolute; top:15px; left:67px; width:64px; height:64px; padding:4px; border-radius:50%; background:rgba(0,0,0,0.1);} #page-home .col-2 .account .avata-pic a{width:64px; height:64px; border-radius:50%; display:block; /*background:url(../image/globalhead_sprite.png) no-repeat 0 -150px;*/} #page-home .col-2 .account .avata-pic a img{ margin:0 auto; display:block; border-radius:50%; width:64px; height:64px} #page-home .col-2 .account .hello{color:#999; line-height:20px; padding-bottom:16px; text-align:center; display:block;} #page-home .col-2 .account .index-btn{margin-top:30px;} #page-home .col-2 .account .login-btn{display:inline-block; width:68px; height:25px; margin:0 5px; border-radius:13px; border:1px solid #e2231a; background:#fff; color:#e2231a; text-align:center; line-height:25px;} #page-home .col-2 .account .login-btn:hover{background:#e2231a; color:#fff; text-decoration:none;} #page-home .col-2 .account .regist-btn{display:inline-block; width:68px; height:25px; margin:0 5px; border-radius:13px; border:1px solid #e2231a; background:#fff; color:#e2231a; text-align:center; line-height:24px;} #page-home .col-2 .account .regist-btn:hover{background:#e2231a; color:#fff; text-decoration:none;} #page-home .col-2 .index-vip{width:186px; margin:0 auto; text-align:center; border-top:1px solid #fafafa; border-bottom:1px dashed #e5e5e5;} #page-home .col-2 .index-vip a{float:left; padding:20px 0 5px; width:62px; color:#666;} #page-home .col-2 .index-vip a:hover{color:#e2231a; text-decoration:none;} #page-home .col-2 .index-vip em{width:25px; height:25px; background-size:25px 25px; display:inline-block;} #page-home .col-2 .index-vip p{height:20px; line-height:20px; overflow:hidden; padding-top:15px;} #page-home .col-2 .index-vip .lysy{position:relative;} #page-home .col-2 .index-vip span{position:absolute; right:-13px; top:9px; width:39px; height:19px; background:url("../image/globalhead_sprite.png") no-repeat -260px -110px;} #page-home .col-2 .index-vip .bag-pic-2{background-size:25px 25px;} #page-home .col-2 .index-vip .bag-pic-3{ background-size:25px 25px;} #page-home .col-2 .index-notice{height:270px; margin:9px 12px; overflow:hidden;} #page-home .col-2 .index-notice a{display:block; height:24px; line-height:24px; overflow:hidden;} #page-home .col-2 .index-notice a:hover{text-decoration:none; color:#f76969;} #page-home .col-2 .index-notice span{width:181px; overflow:hidden; height:24px; line-height:24px; display:inline-block;} /* page-home */ #page-home .left_side_top_side{width:990px;} #page-home .left_side_top_side_right_side{width:780px; height:513px; overflow:hidden} /* full-slides */ .full-slides{width:100%;height:310px;position:relative; overflow:hidden;} .full-slides li{display:block;width:100%;height:310px;} .full-slides .nav-box{position:absolute; width:100%; left:0;bottom:20px;z-index:99; text-align:center;} .full-slides .hd a{width:10px; height:10px;border:2px #fff solid; border-radius:10px;display:inline-block;margin-right:5px;color:#fff;text-align:center;line-height:18px; background:#fff; filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9;} .full-slides .hd a:hover,.full-slides .hd .ks-active{background: #e2231a; color:#fff;text-decoration:none;} .full-slides .bd .benner-width{margin-left:231px; display:inline-block} .qianggou{margin-bottom:20px;} .qianggou .count-down{width:208px; height:140px; float:left; position:relative;} .qianggou .count-down .surplus{width:208px; height:140px; display:inline-block} .qianggou .count-down .count{ position:absolute; left:0; top:40px; width:205px; height:30px; color:#570706; font-size:14px; line-height:30px; text-align:center} .qianggou .count-down .count-time{ position:absolute; left:0; top:70px; width:208px; height:26px; text-align:center; font-size:0;} .qianggou .count-down .count-time span{display:inline-block; width:36px; height:26px; line-height:26px; text-align:center; font-weight:normal; color:#fff; font-size:20px; background:#392800;} .qianggou .count-down .count-time em{display:inline-block; width:16px; height:26px; line-height:26px; color:#392800; font-size:14px; font-weight:normal; text-align:center; font-style:normal;} .qianggou .count-down .view-more{position:absolute; left:0; bottom:10px; width:205px; height:24px; overflow:hidden; text-align:center; color:#fff; font-size:14px;} .qianggou .seckill-list{width:992px; height:140px; float:left; position:relative;} .qianggou .seckill-list ul{position:relative;} .qianggou .seckill-list ul li{float:left; width:248px; height:140px; position:relative; background:#fff;} .qianggou .seckill-list ul li a{display:block; padding:10px 14px;} .qianggou .seckill-list .pro-detail{width:100px; float:left;} .qianggou .seckill-list .pro-detail .pro-name{width:100px; height:40px; overflow:hidden; font-size:13px; line-height:20px; color:#666; font-family:'yahei'} .qianggou .seckill-list .pro-detail .pro-price{color:#e2231a; font-size:16px; line-height:18px;} .qianggou .seckill-list .pro-detail .reference-price{width:100px; height:20px; line-height:20px; color:#aaa; overflow:hidden; margin-top:20px;} .qianggou .seckill-list .pro-pic{float:right; width:110px; height:110px; } .qianggou .seckill-list .marking-label{position:absolute; top:5px; right:5px; width:32px; height:28px; background:url("../image/globalhead_sprite.png") no-repeat -160px -150px; color:#fff; overflow:hidden;padding: 3px 2px 6px 3px; text-align:center; font-style:normal; font-size:12px; line-height:16px;} .qianggou .seckill-list .left-slip{ display:none;position:absolute; left:0px; top:50px; width:20px; height:40px; background:rgba(112,128,144,0.4); cursor:pointer; z-index:99; } .qianggou .seckill-list .left-slip i{background:url("../image/zuo.png") center center; background-size:15px 15px; width:15px; height:15px; margin-top:12px; display:inline-block;} .qianggou .seckill-list .left-slip:hover{ background:rgba(112,128,144,0.5);} .qianggou .seckill-list .right-slip{ display:none; position:absolute; right:0px; top:50px; width:20px; height:40px; background:rgba(112,128,144,0.4); cursor:pointer; z-index:99;} .qianggou .seckill-list .right-slip i{background:url("../image/you.png") center center; background-size:15px 15px; width:15px; height:15px; margin-top:12px; display:inline-block;} .qianggou .seckill-list .right-slip:hover{ background:rgba(112,128,144,0.5);} .qianggou .seckill-list:hover .left-slip, .qianggou .seckill-list:hover .right-slip{ display:block;} .qianggou .seckill-list .left-slip.prevStop,.qianggou .seckill-list .right-slip.nextStop{ display:none} .brand-sale{ margin-bottom:20px;} .brand-sale .left-banner{width:267px; height:400px; float:left; margin-right:12px; position:relative;} .brand-sale .left-banner .brand-caption{position:absolute; left:33px; bottom:35px; width:200px; height:100px; background:rgba(255,255,255,0.8); text-align:center;} .brand-sale .left-banner .brand-caption h3{margin-top:20px; font-size:20px; color:#333; height:30px; line-height:24px; font-weight:normal;} .brand-sale .left-banner .brand-caption .cut-line{width:30px; height:10px; overflow:hidden; border-top:1px solid #333; margin:2px auto 0px;} .brand-sale .left-banner .brand-caption .replace{height:16px; line-height:16px; color:#333; font-size:14px; overflow:hidden;} .brand-sale .left-banner:hover .brand-caption{background:rgba(255,255,255,0.9); } .brand-sale .activity{width:921px; height:400px; float:left;} .brand-sale .activity .group-buy{width:484px; height:400px; margin-right:12px; background:#fff; float:left;} .brand-sale .activity .group-buy h4{height:32px; line-height:32px; text-align:center; border-top:1px solid #fb744b; margin-bottom:6px;} .brand-sale .activity .group-buy h4 b{width:140px; height:32px; display:inline-block; position:relative;top:-3px; margin-top:-3px; background:#fb6233;} .brand-sale .activity .group-buy .left-triangle{position:absolute; left:-4px; top:0px; width:0px; height:0px; overflow:hidden; border-bottom:4px solid #c84e4e; border-left:4px solid transparent; font-size:0px; line-height:0px;} .brand-sale .activity .group-buy .right-triangle{position:absolute; right:-4px; top:0px; width:0px; height:0px; overflow:hidden; border-bottom:4px solid #c84e4e; border-right:4px solid transparent; font-size:0px; line-height:0px;} .brand-sale .activity .group-buy .iconfont{font-style:normal; font-size:20px; color:#fff; font-weight:normal;} .brand-sale .activity .group-buy .today{width:484px;} .brand-sale .activity .group-buy .today .today-2{width:250px; height:360px; float:left; border-right:1px solid #e4e4e4;} .brand-sale .activity .group-buy .today .discount{width:232px; height:360px; float:left;} .brand-sale .activity .group-buy .today .discount .beer{width:194px; height:180px; margin:20px 19px 0px 19px; position:relative; border-bottom:1px solid #ddd;} .brand-sale .activity .group-buy .today .discount .beer .text-1{height:18px; line-height:18px; font-size:18px; color:#ec3639; overflow:hidden; margin-bottom:12px;} .brand-sale .activity .group-buy .today .discount .beer .text-2{width:90px; height:40px; font-size:14px; line-height:20px; overflow:hidden;} .brand-sale .activity .group-buy .today .discount .beer img{position:absolute; right:0px; bottom:5px; width:110px; height:110px;} .brand-sale .activity .group-buy .today .discount .hero{width:194px; height:160px; margin:0px 19px; position:relative;} .brand-sale .activity .group-buy .today .discount .hero .text-1{height:18px; line-height:18px; font-size:18px; color:#ec3639; overflow:hidden; margin-bottom:12px; padding-top:15px;} .brand-sale .activity .group-buy .today .discount .hero .text-2{width:80px; height:40px; font-size:14px; line-height:20px;} .brand-sale .activity .group-buy .today .discount .hero img{position:absolute; right:0px; bottom:5px; width:110px; height:110px;} .brand-sale .activity .ranking{width:423px; height:400px; background:#fff; float:left;} .brand-sale .activity .ranking h4{height:32px; line-height:32px; text-align:center; border-top:1px solid #fb744b;margin-bottom:6px; position:relative;} .brand-sale .activity .ranking h4 b{width:140px; height:32px; display:inline-block; position:relative;top:-3px; margin-top:-3px; background:#fb6233;} .brand-sale .activity .ranking .left-triangle{position:absolute; left:-4px; top:0px; width:0px; height:0px; overflow:hidden; border-bottom:4px solid #c84e4e; border-left:4px solid transparent; font-size:0px; line-height:0px;} .brand-sale .activity .ranking .right-triangle{position:absolute; right:-4px; top:0px; width:0px; height:0px; overflow:hidden; border-bottom:4px solid #c84e4e; border-right:4px solid transparent; font-size:0px; line-height:0px;} .brand-sale .activity .ranking .iconfont{font-style:normal; font-size:20px; color:#fff; font-weight:normal;} .brand-sale .activity .ranking .ranking-list{width:423px; height:361px;} .brand-sale .activity .ranking .ranking-list .rank-tab{height:30px; line-height:30px; border-bottom:1px solid #ddd; width:390px; margin-left:16px; margin-bottom:1px;} .brand-sale .activity .ranking .ranking-list .rank-tab li{float:left; width:78px; font-size:12px; color:#666; text-align:center; cursor:pointer;} .brand-sale .activity .ranking .ranking-list .rank-tab li:hover, .brand-sale .activity .ranking .ranking-list .rank-tab .on{border-bottom:2px solid red;} .brand-sale .activity .ranking .ranking-list .rank-tab li:hover a{color:#e2231a; text-decoration:none} .brand-sale .activity .ranking .ranking-list .rank-content{width:423px; height:326px; margin-top:5px;} .brand-sale .activity .ranking .ranking-list .rank-content ul li{ width:141px; height:128px; float:left; text-align:center; margin-top:25px; position:relative;} .brand-sale .activity .ranking .ranking-list .rank-content ul li:hover .pro-name a{color:#e2231a; text-decoration:none} .brand-sale .activity .ranking .ranking-list .rank-content .pro-name{width:100px; height:20px; overflow:hidden; margin-top:8px; display:inline-block; line-height:20px;} .brand-sale .activity .ranking .ranking-list .rank-content .no-1{ position:absolute; width:19px; height:16px; overflow:hidden; left:18px; top:-7px;background:url("../image/indexbody_sprite.png") no-repeat -60px 0px; color:#fff; font-style:normal; font-size:11px; line-height:18px;} .brand-sale .activity .ranking .ranking-list .rank-content .no-2{ position:absolute; width:19px; height:16px; overflow:hidden; left:18px; top:-7px;background:url("../image/indexbody_sprite.png") no-repeat -90px 0px; color:#fff; font-style:normal; font-size:11px; line-height:18px;} .brand-sale .activity .ranking .ranking-list .rank-content .no-3{ position:absolute; width:19px; height:16px; overflow:hidden; left:18px; top:-7px;background:url("../image/indexbody_sprite.png") no-repeat -120px 0px; color:#fff; font-style:normal; font-size:11px; line-height:18px;} .coupon .coupon-tit{width:173px; height:106px; float:left;} .coupon .coupon-tit a{padding:12px 0px 0px 18px; width:137px; height:94px; background:#ec3639; float:left; color:#fff;} .coupon .coupon-tit h4{font-size:22px; font-weight:normal;} .coupon .coupon-tit .en-tit{font-size:14px; line-height:28px; color:#f7afb0;} .coupon .coupon-tit .go-coupon{margin-top:8px; font-size:12px;} .coupon .coupon-tit:hover .go-coupon{margin-left:5px;} .coupon .coupon-tit .coupon-edge{float:right; background:url("../image/indexbody_sprite.png") no-repeat 0 0; width:18px; height:106px;} .coupon .coupon-list{width:1027px; height:106px; float:left;} .coupon .coupon-list ul{float:left;} .coupon .coupon-list li{width:201px; height:106px; float:left;} .coupon .coupon-list li a{width:173px; float:left; height:106px; color:#999; padding:0 5px; background:#FFF url("../image/coupon-2.png") repeat 55px 1px; text-decoration:none} .coupon .coupon-list .coupon-detail{height:52px; margin-top:20px;} .coupon .coupon-list .coupon-detail .price{float:left; font-size:32px; color:#ff7070; font-style:italic; text-align:center; font-weight:normal; width:90px;} .coupon .coupon-list .coupon-detail .direction{float:left; width:83px; overflow:hidden;} .coupon .coupon-list .coupon-detail .direction .coupon-sort{font-size:14px; color:#ff7070; font-weight:normal;} .coupon .coupon-list .coupon-detail .direction p{height:20px; overflow:hidden;} .coupon .coupon-list .coupon-detail .use-btn{width:173px; text-align:center; margin-top:15px; display:inline-block} .coupon .coupon-list li:hover .use-btn{color:#ff7070;} .coupon .coupon-list .coupon-edge{float:right; width:18px; height:106px; background:url("../image/indexbody_sprite.png") no-repeat -30px 0;} .coupon .coupon-list .more-coupon{position:relative; float:left; width:20px; height:86px;} .coupon .coupon-list .more-coupon a{position:absolute; top:-5px; left:-9px; width:22px; height:86px; overflow:hidden; text-align:left; line-height:14px; color:#ccc; background:url("../image/indexbody_sprite.png") repeat -250px 0; padding-top:30px; padding-left:10px;} .coupon .coupon-list .more-coupon a:hover{color:#ff7070;} .new-img .new-left{width:267px; height:400px; float:left; margin-right:12px; position:relative;} .new-img .new-right{width:921px; height:400px; float:left;} .new-img .new-right .new-buy{width:484px; height:400px; margin-right:12px; background:#fff; float:left;} .new-img .new-right .new-buy h4{height:32px; line-height:32px; text-align:center; border-top:1px solid #fb744b; margin-bottom:6px;} .new-img .new-right .new-buy h4 b{width:140px; height:32px; display:inline-block; position:relative;top:-3px; margin-top:-3px; background:#dfa747;} .new-img .new-right .new-buy .left-triangle{position:absolute; left:-4px; top:0px; width:0px; height:0px; overflow:hidden; border-bottom:4px solid #c84e4e; border-left:4px solid transparent; font-size:0px; line-height:0px;} .new-img .new-right .new-buy .right-triangle{position:absolute; right:-4px; top:0px; width:0px; height:0px; overflow:hidden; border-bottom:4px solid #c84e4e; border-right:4px solid transparent; font-size:0px; line-height:0px;} .new-img .new-right .new-buy .iconfont{font-style:normal; font-size:20px; color:#fff; font-weight:normal;} .new-img .new-right .new-buy .majorsuit{width:484px; height:360px;} .new-img .new-right .new-buy .majorsuit .majorsuit-left{width:250px; height:360px; float:left; border-right:1px solid #f0f0f0;} .new-img .new-right .new-buy .majorsuit .majorsuit-right{width:230px; height:360px; float:left;} .new-img .new-right .new-buy .majorsuit .majorsuit-right li{ width:203px; height:119px; margin-left:15px; position:relative; border-bottom:1px solid #f0f0f0;} .new-img .new-right .new-buy .majorsuit .majorsuit-right a{display:block; height:119px;text-decoration:none} .new-img .new-right .new-buy .majorsuit .majorsuit-right .protit{width:95px; height:24px; color:#333; font-size:14px; line-height:24px; padding-top:10px; overflow:hidden;} .new-img .new-right .new-buy .majorsuit .majorsuit-right .pro-sub{color:#999; overflow:hidden; height:24px; z-index:108; font-size:14px; line-height:24px;} .new-img .new-right .new-buy .majorsuit .majorsuit-right img{position:absolute; bottom:10px; right:0px; width:90px; height:90px;} .new-img .new-right .life-pie{width:423px; height:400px; background:#fff; float:left;} .new-img .new-right .life-pie h4{height:32px; line-height:32px; text-align:center; border-top:1px solid #fb744b;margin-bottom:6px;} .new-img .new-right .life-pie h4 b{width:140px; height:32px; display:inline-block; position:relative;top:-3px; margin-top:-3px; background:#f39156;} .new-img .new-right .life-pie .left-triangle{position:absolute; left:-4px; top:0px; width:0px; height:0px; overflow:hidden; border-bottom:4px solid #c84e4e; border-left:4px solid transparent; font-size:0px; line-height:0px;} .new-img .new-right .life-pie .right-triangle{position:absolute; right:-4px; top:0px; width:0px; height:0px; overflow:hidden; border-bottom:4px solid #c84e4e; border-right:4px solid transparent; font-size:0px; line-height:0px;} .new-img .new-right .life-pie .iconfont{font-style:normal; font-size:20px; color:#fff; font-weight:normal;} .new-img .new-right .life-pie .life{width:423px; height:360px;} .new-img .new-right .life-pie .life .life-top{width:423px; height:219px;} .new-img .new-right .life-pie .life .food{width:210px; height:219px; float:left; border-right:#f0f0f0; position:relative; border-right:1px solid #f0f0f0;} .new-img .new-right .life-pie .life .life-top .food .food-banner{padding-left:20px; width:190px; overflow:hidden; display:inline-block; height:219px; text-decoration:none} .new-img .new-right .life-pie .life .life-top .food .food-banner img{ position:absolute; bottom:0; right:0;-webkit-transition: -webkit-transform .4s ease;transition: -webkit-transform .4s ease; -o-transition: -o-transform .4s ease; -moz-transition: transform .4s ease,-moz-transform .4s ease;transition: transform .4s ease; transition: transform .4s ease,-webkit-transform .4s ease,-moz-transform .4s ease,-o-transform .4s ease} .new-img .new-right .life-pie .life .life-top .food .food-banner:hover img{-webkit-transform: translate3d(-5px,0,0); -moz-transform: translate3d(-5px,0,0); transform: translate3d(-5px,0,0);} .new-img .new-right .life-pie .life .life-top .food .food-banner .protit{position:relative; z-index:105; font-size:16px; color:#333; padding-top:10px;} .new-img .new-right .life-pie .life .life-top .food .food-banner .pro-sub{position:relative; width:85px; height:40px; line-height:20px; overflow:hidden; z-index:105px; color:#999; font-size:14px; margin-top:10px;} .new-img .new-right .life-pie .life .life-top .food-vip{float:left; width:212px; height:219px; float:left;} .new-img .new-right .life-pie .life .life-top .food-vip li{width:180px; height:109px; margin-left:18px; border-bottom:1px solid #f0f0f0; position:relative;} .new-img .new-right .life-pie .life .life-top .food-vip .protit{padding-top:8px; color:#333; font-size:14px; height:24px; line-height:24px;} .new-img .new-right .life-pie .life .life-top .food-vip .pro-sub{color:#999; z-index:105; font-size:14px; height:40px; line-height:20px; width:90px} .new-img .new-right .life-pie .life .life-top .food-vip img{position:absolute; bottom:5px; right:0px;} .new-img .new-right .life-pie .life .life-top .food-vip li a{ display:block; height:109px; text-decoration:none} .new-img .new-right .life-pie .life .life-pic{width:423px; height:115px; margin-top:13px;} .new-img .new-right .life-pie .life .life-pic a{width:200px; height:115px; float:left; position:relative; display:block; margin-left:7px; text-decoration:none} .new-img .new-right .life-pie .life .life-pic img{position:absolute; right:0; top:0; width:200px; height:115px;} .new-img .new-right .life-pie .life .life-pic p{position:relative; z-index:105; font-size:14px; height:24px; line-height:24px; top:10px; left:10px; color:#fb6233;} .new-img .new-right .life-pie .life .life-pic p.coffee{ color:#a2715b;} .exclusive{height:222px; background:#fff;} .exclusive h4{height:32px; color:#fff; line-height:32px; text-align:center; border-top:1px solid #ea5252; margin-bottom:20px;} .exclusive h4 b{width:170px; height:32px; display:inline-block; position:relative;top:-3px; margin-top:-3px; background:#ea5252;} .exclusive .left-triangle{position:absolute; left:-4px; top:0px; width:0px; height:0px; overflow:hidden; border-bottom:4px solid #c84e4e; border-left:4px solid transparent; font-size:0px; line-height:0px;} .exclusive .right-triangle{position:absolute; right:-4px; top:0px; width:0px; height:0px; overflow:hidden; border-bottom:4px solid #c84e4e; border-right:4px solid transparent; font-size:0px; line-height:0px;} .exclusive .iconfont{font-style:normal; font-size:20px; color:#fff; font-weight:normal;} .exclusive .dis-js{height:170px; position:relative;} .exclusive .dis-js .dis-content{width:1104px; margin:0px auto; height:158px; position:relative; overflow:hidden;} .exclusive .dis-js .dis-content li{width:184px; height:154px; float:left; text-align:center;} .exclusive .dis-js .dis-content a{display:inline-block; text-decoration:none} .exclusive .dis-js .dis-content a:hover{ color:#e2231a;} .exclusive .dis-js .dis-content .dis-img{width:110px; height:154px; text-align:center; overflow:hidden;} .exclusive .dis-js .dis-content .dis-img img{width:110px; height:110px;-webkit-transition: -webkit-transform .4s ease-out; transition:-webkit-transform .4s ease-out;-o-transition: -o-transform .4s ease-out;-moz-transition: transform .4s ease-out,-moz-transform .4sease-out;transition: transform .4s ease-out;transition: transform .4s ease-out,-webkit-transform .4s ease-out,-moz-transform .4s ease-out,-o-transform .4s ease-out;} .exclusive .dis-js .dis-content .dis-img: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);} .exclusive .dis-js .dis-content .dis-img .dis-name{height:18px; line-height:18px; margin-top:8px; overflow:hidden;} .exclusive .dis-js .dis-content .dis-img .dis-sale{height:18px; line-height:18px; font-size:14px; font-weight:normal; color:#e2231a; overflow:hidden;} .exclusive .dis-js .forward{position:absolute; left:17px; top:46px; width:20px; height:20px; display:inline-block; background:url("../image/zuo.png"); background-size:20px 20px; cursor:pointer;} .exclusive .dis-js .backward{position:absolute; right:17px; top:46px; width:20px; height:20px; display:inline-block; background:url("../image/you.png"); background-size:20px 20px; cursor:pointer;} .exclusive .dis-js .dis-page-num{position:absolute; top:-50px; right:15px;} .exclusive .dis-js .dis-page-num li{width:6px; height:6px; border:1px solid #ddd; border-radius:50%; display:inline-block; background:#aaa; cursor:pointer; margin-left:10px; color:#aaa;text-indent:-9999px;} .exclusive .dis-js .dis-page-num li.on{background:#fff; border:2px solid #f60;} .exclusive .dis-js .dis-page-num li.on:hover{color:#fff;} .exclusive .dis-js .dis-page-num li:hover{background:#f4f4f4; color:#fff;} .imported{height:490px;} .imported .mouth{padding:12px; height:20px; line-height:20px;} .imported .mouth a{font-size:20px; font-weight:normal; color:#645144;} .imported .mouth .ball{background:url("http://hexinhengxin.top/themes/mall/jd/styles/default/images/quanqiu.png"); background-size:18px 18px; width:18px; height:18px; margin-left:10px; display:inline-block; margin-bottom:-3px;} .imported .enter{width:1200px; height:450px;} .imported .enter img{display:block;} .imported .enter .global-food{width:920px; height:450px; float:left; background:#b96131 ;} .imported .enter .left-banner{width:306px; height:450px; float:left; position:relative;} .imported .enter .left-banner .banner-link{position:absolute; bottom:10px; left:20px; color:#fff;} .imported .enter .left-banner .caption a{font-size:18px; line-height:28px;color:#fff;} .imported .enter .left-banner span{width:20px; height:20px; background:url("http://hexinhengxin.top/themes/mall/jd/styles/default/images/global.png"); background-size:20px 20px; display:inline-block; margin-left:5px; margin-bottom:-4px;} .imported .enter .left-banner .sub-tit{font-size:14px; color:#fff; margin-bottom:15px; line-height:20px;} .imported .enter .left-banner ul{width:286px; margin-top:10px;} .imported .enter .left-banner li{width:84px; height:29px; text-align:center; float:left; background:rgba(255,255,255,0.25); line-height:28px;font-size:14px; margin-right:11px; margin-bottom:10px;} .imported .enter .left-banner a{color:#fff;} .imported .enter .left-banner li:hover{ background:rgba(255,255,255,0.35)} .imported .enter .center-con{width:609px; height:440px; float:left; padding:5px 5px 5px 0;} .imported .enter .center-con .three{width:406px; height:442px; float:left;} .imported .enter .center-con .global-pic{width:406px; height:220px; display:block; margin-bottom:1px; background:#fff;} .imported .enter .center-con a{-webkit-transition: -webkit-transform .4s ease;transition: -webkit-transform .4s ease;-o-transition: -o-transform .4s ease;-moz-transition: transform .4s ease,-moz-transform .4s ease;transition: transform .4s ease;transition: transform .4s ease,-webkit-transform .4s ease,-moz-transform .4s ease,-o-transform .4s ease} .imported .enter .center-con a:hover{z-index: 105;-webkit-box-shadow: 0 0 5px #bdbcbc;-moz-box-shadow: 0 0 5px #bdbcbc;box-shadow: 0 0 5px #bdbcbc;-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);transform: scale(1.05);} .imported .enter .center-con .item-wrap{float:left;} .imported .enter .center-con .item-wrap .pro-shoppe{width:203px; height:221px; float:left;} .imported .enter .center-con .item-wrap .pro-shoppe a{padding:20px 0 0 20px; display:block; background:#fff; line-height:28px; font-size:14px; position:relative; height:200px; text-decoration:none} .imported .enter .pro-shoppe .pro-tit{width:150px; height:24px; overflow:hidden; color:#333; font-size:14px; line-height:24px;} .imported .enter .pro-shoppe .pro-sub{width:150px; height:24px; overflow:hidden; color:#999; font-size:14px; line-height:24px;} .imported .enter .pro-shoppe img{ position:absolute; bottom:10px; right:10px; width:140px; height:140px;} .imported .enter .right-con{width:203px; height:440px; float:left;} .imported .enter .right-con .pro-shoppe{width:202px; height:221px; float:left; margin-left:1px;} .imported .enter .right-con .pro-shoppe a{padding:20px 0 0 20px; display:block; background:#fff; line-height:28px; font-size:14px; position:relative; height:200px; text-decoration:none} .imported .enter .right-con .pro-shoppe .pro-tit{width:150px; height:24px; overflow:hidden; color:#333; font-size:14px; line-height:24px;} .imported .enter .right-con .pro-shoppe .pro-sub{width:150px; height:24px; overflow:hidden; color:#999; font-size:14px; line-height:24px;} .imported .enter .global-food .center-con .right-con .pro-shoppe img{ position:absolute; bottom:10px; right:10px; width:140px; height:140px;} .imported .enter .global-category{width:280px; height:450px; float:right;} .imported .enter .global-category li{width:140px; height:150px; float:left; position:relative;} .imported .enter .global-category a{padding:10px 0 0 10px; display:block; text-decoration:none} .imported .enter .global-category .pro-tit{width:150px; height:24px; overflow:hidden; color:#f06291; font-size:14px; line-height:24px; z-index:105; position:relative} .imported .enter .global-category .pro-sub{width:150px; height:24px; overflow:hidden; color:#757575; line-height:24px; z-index:105} .imported .enter .global-category .pro-color{width:20px; height:3px; overflow:hidden; font-size:0; line-height:0; background:#f06291; z-index:105; } .imported .enter .global-category img{position:absolute; bottom:0px; right:0px; width:100px; height:100px;} .imported .enter .global-category li.jk-mh{background:#ffe6ee;} .imported .enter .global-category li.jk-my{background:#fff3e4;} .imported .enter .global-category li.jk-sx{background:#e9fbf0;} .imported .enter .global-category li.jk-jj{background:#f9eee9;} .imported .enter .global-category li.jk-cw{background:#f0f8ff;} .imported .enter .global-category li.jk-bj{background:#e2f8f2;} .imported .enter .global-category .jk-my .pro-tit{color:#ee9832;} .imported .enter .global-category .jk-my .pro-color{background:#ee9832;} .imported .enter .global-category .jk-sx .pro-tit{color:#54a472;} .imported .enter .global-category .jk-sx .pro-color{background:#54a472;} .imported .enter .global-category .jk-jj .pro-tit{color:#ad7d62;} .imported .enter .global-category .jk-jj .pro-color{background:#ad7d62;} .imported .enter .global-category .jk-cw .pro-tit{color:#468bcb;} .imported .enter .global-category .jk-cw .pro-color{background:#468bcb;} .imported .enter .global-category .jk-bj .pro-tit{color:#54a472;} .imported .enter .global-category .jk-bj .pro-color{background:#54a472;} .china-food{height:430px;} .china-food .left-con{width:236px; height:410px; padding-top:20px; text-align:center; float:left; position:relative;} .china-food .style-default{background:#05d7a8;} .china-food .left-con h4 a{display:inline-block; color:#fff; font-size:20px; font-weight:normal; line-height:20px; padding:0 10px 10px 15px; border-bottom:1px solid #feeadd; text-decoration:none; text-align:center; text-overflow: ellipsis;width: 200px;overflow: hidden; white-space: nowrap;} .china-food .left-con h4 a i{width:16px; height:16px; background:url("../image/you2.png"); background-size:16px 16px; display:inline-block; margin-bottom:-1px;} .china-food .left-con .en-tit{font-size:14px; color:#fff; line-height:24px;} .china-food .left-con .floor-silder{margin-top:35px; width:236px; position:relative; text-align:center;} .china-food .left-con .floor-silder ul{width:195px; height:225px; margin:0 auto; background:#fff;} .china-food .left-con .floor-silder a{display:block; height:205px; padding-top:20px; text-decoration:none} .china-food .left-con .floor-silder .caption{height:20px; line-height:20px; font-size:16px; overflow:hidden; color:#f78b4b;} .china-food .left-con .floor-silder .sub-tit{height:30px; line-height:30px; font-size:14px; color:#333; overflow:hidden;} .china-food .left-con .floor-silder img{width:130px; height:130px; margin-top:5px;} .china-food .left-con .comment-1{position:absolute; bottom:0; left:0; width:236px; height:42px; background:rgba(255,255,255,0.2)} .china-food .left-con .info{width:12px; height:26px; float:left; position:relative; line-height:42px; margin-top:8px;width:35px; } .china-food .left-con .info em{ position:absolute; left:10px; top:3px; width:20px; height:20px; background:url("../image/bo.png") no-repeat left center; display:inline-block;} .china-food .left-con .comment-list{width:190px; height:26px; text-align:left; float:left; line-height:26px; margin-top:8px; overflow: hidden;} .china-food .left-con .comment-list li{widows:190px; text-overflow: ellipsis;overflow: hidden;white-space: nowrap; color:#fff;} .china-food .left-con .comment-list a{color:#fff;} .china-food .left-con .comment-list a:hover{text-decoration:underline;} .china-food .center-con{width:730px; height:430px; float:left; background:#fff; border-right:1px solid #f5f5f5;} .china-food .center-con .single{width:730px; height:40px;} .china-food .center-con .single li{float:left; color:#aaa;} .china-food .center-con .single a{display:inline-block; line-height:40px; margin:0 15px; color:#aaa;} .china-food .center-con .single a:hover{color:#f78b4b;} .china-food .center-con .picture{height:389px; border-top:1px solid #f5f5f5;} .china-food .center-con .pro-wrap{width:242px; height:194px; float:left; position:relative; border-right:1px solid #f5f5f5;} .china-food .center-con .pro-wrap-1{border-bottom:1px solid #f5f5f5;} .china-food .center-con .pro-wrap a{padding:20px 0 0 20px; width:222px; height:174px; display:inline-block; text-decoration:none} .china-food .center-con .pro-wrap .pro-tit{width:145px; height:24px; line-height:24px; font-size:14px; color:#333; overflow:hidden; z-index:105;} .china-food .center-con .pro-wrap .pro-sub{width:120px; height:24px; line-height:24px; font-size:14px; color:#f78b4b; overflow:hidden; z-index:105;} .china-food .center-con .pro-wrap img{position:absolute; bottom:10px; right:10px; width:120px; height:120px;} .china-food .hot-con{width:233px; height:430px; float:left; background:#fff;} .china-food .hot-con .hot-tit{margin-top:15px; font-size:14px; color:#666; text-align:center; line-height:20px;} .china-food .hot-con .rank-list{padding:0 17px;} .china-food .hot-con .rank-list ul{width:198px; height:395px;} .china-food .hot-con .rank-list li{height:61px; margin-top:15px;} .china-food .hot-con .rank-list a{display:block; position:relative;} .china-food .hot-con .rank-list a:hover{color:#e2231a;} .china-food .hot-con .rank-list li i{position:absolute; left:0; top:0; width:12px; height:12px; line-height:12px; line-height:12px; background:#e2231a; font-size:11px; color:#fff; text-align:center; font-style:normal;} .china-food .hot-con .rank-list .ic-2{background:#ff8300;} .china-food .hot-con .rank-list .ic-3{background:#f7c601;} .china-food .hot-con .rank-list img{width:60px; height:60px; float:left;} .china-food .hot-con .rank-detail{width:125px; height:62px; float:right;} .china-food .hot-con .rank-detail .pro-name{height:40px; line-height:20px; overflow:hidden;} .china-food .hot-con .rank-detail .pro-price{margin-top:5px; color:#e2231a;} .china-food-pink .left-con{background:#ff8fb7;} .china-food-pink .center-con .pro-wrap .pro-sub{color:#ff8fb7;} .china-food-pink .center-con .single a:hover{color:#ff8fb7;} .china-food-coffee .left-con{background:#925740;} .china-food-coffee .center-con .pro-wrap .pro-sub{color:#925740;} .china-food-coffee .center-con .single a:hover{color:#925740;} .china-food-deepblue .left-con{background:#6d62da;} .china-food-deepblue .center-con .pro-wrap .pro-sub{color:#6d62da;} .china-food-deepblue .center-con .single a:hover{color:#6d62da;} .china-food .style-kafei{background:#D2691E;} .china-food .style-kafei .center-con .pro-wrap .pro-sub{color:#D2691E} .china-food .style-kafei .center-con .single a:hover{color:#D2691E} .china-food .style-cheng{background:#FF8040;} .china-food .style-cheng .center-con .pro-wrap .pro-sub{color:#FF8040} .china-food .style-cheng .center-con .single a:hover{color:#FF8040} .china-food .style-qing{background:#05d7a8;} .china-food .style-qing .center-con .pro-wrap .pro-sub{color:#05d7a8} .china-food .style-qing .center-con .single a:hover{color:#05d7a8} .china-food .style-danzi{background:#963759;} .china-food .style-danzi .center-con .pro-wrap .pro-sub{color:#963759} .china-food .style-danzi .center-con .single a:hover{color:#963759} .china-food .style-danh{background:#fe8282 ;} .china-food .style-danh .center-con .pro-wrap .pro-sub{color:#fe8282} .china-food .style-danh .center-con .single a:hover{color:#fe8282} .china-food .style-lan{background:#71cfff ;} .china-food .style-lan .center-con .pro-wrap .pro-sub{color:#71cfff} .china-food .style-lan .center-con .single a:hover{color:#71cfff} .china-food .style-tao{background:#FFDAB9 ;} .china-food .style-tao .center-con .pro-wrap .pro-sub{color:#FFDAB9} .china-food .style-tao .center-con .single a:hover{color:#FFDAB9} .china-food .style-qianlan{background:#978dfb ;} .china-food .style-qianlan .center-con .pro-wrap .pro-sub{color:#978dfb} .china-food .style-qianlan .center-con .single a:hover{color:#978dfb} .china-food .style-fenhong{background:#FFC0CB ;} .china-food .style-fenhong .center-con .pro-wrap .pro-sub{color:#FFC0CB} .china-food .style-fenhong .center-con .single a:hover{color:#FFC0CB} .columns{height:430px;} .columns .style-default{background:#05d7a8;} .columns .live-fresh{width:595px; height:430px; float:left;} .columns .live-fresh .floor-tit{height:25px; line-height:25px; padding:12px 10px 12px 18px; color:#fff;} .columns .live-fresh .floor-tit h4{float:left; font-size:20px; font-weight:normal;} .columns .live-fresh .floor-tit a{color:#fff; text-decoration:none} .columns .live-fresh .floor-tit span{width:14px; height:14px; background:url("../image/you2.png"); background-size:14px 14px; margin-left:5px; display:inline-block; margin-bottom:-1px;} .columns .live-fresh .keywords{float:right; /*width:410px;*/ height:24px; line-height:24px; text-align:right; overflow:hidden;} .columns .live-fresh .keywords li{float:right;} .columns .live-fresh .keywords a{margin:0 8px; color:#fff;} .columns .live-fresh .keywords a:hover{ text-decoration:underline} .columns .live-fresh .slider{width:595px; height:381px; float:left; background:#fff;} .columns .live-fresh .slider .slider-left{width:230px; height:381px; float:left; position:relative; border-right:1px solid #f5f5f5;} .columns .live-fresh .slider a{display:block; padding-top:25px;width: 181px;height: 356px; text-decoration:none} .columns .live-fresh .slider .caption{z-index:105; font-size:20px; line-height:24px; margin-left:18px; position:relative; color:#0bcd96;} .columns .live-fresh .slider .sub-tit{z-index:105; font-size:14px; margin-left:18px; color:#999; line-height:30px; position:relative;} .columns .live-fresh .slider .pic1{margin-top:-79px; width:230px; height:381px; z-index:102;} .columns .live-fresh .slider-nav{position:absolute; left:18px; top:87px; z-index:105;} .columns .live-fresh .slider-nav a{float:left; width:22px; height:4px; overflow:hidden; padding:13px 0; margin-right:5px; color:#333;} .columns .live-fresh .slider-nav a i{display:block; background:#aaa; font-size:0; line-height:0; height:4px; overflow:hidden;} .columns .live-fresh .slider-nav a.on i{background:#0bcd96;} .columns .live-fresh .pro-con{width:364px; float:left; height:382px;} .columns .live-fresh .pro-con li{float:left; width:181px; height:190px; position:relative;} .columns .live-fresh .pro-con a{display:block; height:170px; padding-top:20px; text-decoration:none} .columns .live-fresh .pro-con .pro-tit{width:100px; height:24px; line-height:24px; font-size:14px; margin-left:20px; color:#333; overflow:hidden;} .columns .live-fresh .pro-con .pro-sub{color:#0bcd96;width:100px; height:24px; line-height:24px; font-size:14px; margin-left:20px; overflow:hidden;} .columns .live-fresh .pro-con .pic2{ position:absolute; bottom:10px; right:10px; width:105px; height:105px; z-index:102; display:inline-block;-webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; -o-transition: -o-transform .4s ease; -moz-transition: transform .4s ease,-moz-transform .4s ease; transition: transform .4s ease; transition: transform .4s ease,-webkit-transform .4s ease,-moz-transform .4s ease,-o-transform .4s ease} .columns .live-fresh .pro-con li:hover .pic2{-webkit-transform: translate3d(-5px,0,0); -moz-transform: translate3d(-5px,0,0); transform: translate3d(-5px,0,0);} .columns .style-kafei{background:#D2691E;} .columns .style-kafei .live-fresh .slider .caption{color:#D2691E} .columns .style-kafei .live-fresh .pro-con .pro-sub{color:#D2691E} .columns .style-kafei .live-fresh .slider-nav a.on i{background:#D2691E;} .columns .style-cheng{background:#FF8040;} .columns .style-cheng .live-fresh .slider .caption{color:#FF8040} .columns .style-cheng .live-fresh .pro-con .pro-sub{color:#FF8040} .columns .style-cheng .live-fresh .slider-nav a.on i{background:#FF8040;} .columns .style-qing{background:#05d7a8;} .columns .style-qing .live-fresh .slider .caption{color:#05d7a8} .columns .style-qing .live-fresh .pro-con .pro-sub{color:#05d7a8} .columns .style-qing .live-fresh .slider-nav a.on i{background:#05d7a8;} .columns .style-danzi{background:#963759;} .columns .style-danzi .live-fresh .slider .caption{color:#963759} .columns .style-danzi .live-fresh .pro-con .pro-sub{color:#963759} .columns .style-danzi .live-fresh .slider-nav a.on i{background:#963759;} .columns .style-danh{background:#fe8282 ;} .columns .style-danh .live-fresh .slider .caption{color:#fe8282} .columns .style-danh .live-fresh .pro-con .pro-sub{color:#fe8282} .columns .style-danh .live-fresh .slider-nav a.on i{background:#fe8282;} .columns .style-lan{background:#71cfff ;} .columns .style-lan .live-fresh .slider .caption{color:#71cfff} .columns .style-lan .live-fresh .pro-con .pro-sub{color:#71cfff} .columns .style-lan .live-fresh .slider-nav a.on i{background:#71cfff;} .like-list h3{height:24px; line-height:24px; text-align:center; margin-bottom:20px;} .like-list h3 span{font-size:18px; font-weight:normal; color:#333; font-family:'yahei';} .like-list h3 i{display:inline-block; width:27px; height:18px; background:url("../image/indexbody_sprite.png") no-repeat -180px 0; vertical-align:middle; margin-bottom:6px;} .like-list h3 em{display:inline-block; width:27px; height:18px; background:url("../image/indexbody_sprite.png") no-repeat -220px 0; vertical-align:middle; margin-bottom:6px;} .like-list li{width:232px; float:left; height:315px; background:#fff; margin-right:10px; margin-top:10px;padding-top:8px; position:relative} .like-list .flip-wrap{width:216px; height:306px; text-align:center; margin:0 auto} .like-list .flip-wrap .pro-pic{width:216px; height:220px;} .like-list .flip-wrap .pro-name{width:216px; height:42px; line-height:20px; overflow:hidden; margin-top:5px; text-align:center} .like-list .flip-wrap .pro-price{width:216px; height:30px; line-height:30px; color:#e2231a; font-weight:normal; font-size:14px;} .like-list .operate-area{ position:absolute; bottom:10px; left:0; text-align:center; line-height:35px; display:none;} .like-list .operate-area a{float:left; width:105px; height:35px; display:inline-block; text-decoration:none; cursor:pointer} .like-list .operate-area .not-interest{ background:#f5f5f5; color:#666; margin-left:7px;} .like-list .operate-area .view-detail{background:#e2231a; color:#fff; margin-left:7px;} .like-list .operate-area .pro-price2{width:216px; height:30px; line-height:30px; color:#e2231a; font-weight:normal; font-size:14px; margin-bottom:10px;} .like-list .operate-area .not-interest:hover{background:#eee;} .like-list .operate-area .view-detail:hover{background:#f31e1e;} .like-list li.current .operate-area{display:block;} .like-list li.current .pro-name{display:none;} .like-list li.current .pro-price{display:none;} .seckill-channel .seckill{height:50px; background:#e2231a; position:relative; padding-left:450px;} .seckill-channel .seckill .se-icon{width:63px; height:31px; background:url("http://hexinhengxin.top/themes/mall/jd/styles/default/images/caticon/seckill.png") no-repeat; float:left; margin:9px 15px 0 0} .seckill-channel .seckill .sk-time-cd{height:30px; line-height:30px; color:#fff; padding:10px 0; float:left; width:300px;} .seckill-channel .seckill .sk-cd-tit{float:left; margin-right:6px; font-size:14px;} .seckill-channel .seckill .cd-time div{min-width:24px; height:30px; line-height:30px; padding:0 6px; font-size:21px; color:#fff; background-color:#333;border-radius:5px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; position:relative; float:left;} .seckill-channel .seckill .cd-time span{margin:0 5px; float:left; font-size:14px;} .seckill-channel .seckill .sk-more{height:30px; line-height:30px; padding:10px 25px; float:right;} .seckill-channel .seckill .sk-more a{float:left; color:#fff; font-size:14px;} .seckill-channel .seckill .sk-more .arrow{background:url("http://hexinhengxin.top/themes/mall/jd/styles/default/images/caticon/right_arrow.png") no-repeat; width:15px; height:16px; float:left; margin-top:7px; margin-left:10px;} .seckill-channel .seckill-goods{height:330px; position:relative; overflow:hidden; margin-top:10px;} .seckill-channel .seckill-goods li{width:230px; margin-right:10px; float:left; height:330px;} .seckill-channel .seckill-goods li:hover .p-img{opacity:.7; selector: alpha(opacity=70);} .seckill-channel .seckill-goods .p-img{width:232px; height:232px; display:block;-webkit-transition: opacity .3s ease-out; -moz-transition: opacity .3s ease-out; -o-transition: opacity .3s ease-out; transition: opacity .3s ease-out;} .seckill-channel .seckill-goods .p-img img{width:100%; height:100%;} .seckill-channel .seckill-goods .p-name{height:38px; line-height:38px; width:100%; font-size:14px;} .seckill-channel .seckill-goods .p-name a{color:#333; overflow:hidden; display:block; white-space:nowrap; text-overflow:ellipsis;} .seckill-channel .seckill-goods .p-name a:hover{color:red;} .seckill-channel .seckill-goods .p-over{position:relative; height:60px; width:100%;} .seckill-channel .p-info{width:86px; height:0; border-top:60px solid #eee; border-right:transparent 60px solid; position:absolute; left:0; border-left:0;} .seckill-channel .p-info .p-price{float:left; width:145px; height:42px; padding-top:12px; position:absolute; top:-60px;} .seckill-channel .p-info .shop-price{display:block; padding-left:16px; color:#e2231a; line-height:20px; font-size:18px;} .seckill-channel .p-info .original-price{display:block; padding-left:16px;text-decoration:line-through; color:#999;line-height:20px; font-size:12px;} .seckill-channel .p-btn{width:86px; height:0; border-top:none; border-left:transparent 60px solid; border-bottom:60px solid #e2231a; position:absolute; right:0; border-right:0;} .seckill-channel .p-btn:hover{border-bottom-color:#e12323;} .seckill-channel .p-btn a{width:76px; height:60px; line-height:60px; display:block; color:#fff; font-size:14px; padding-left:10px;} .seckill-channel .seckill-goods .prev{width:30px; height:70px; position:absolute; left:0; top:50%; margin-top:-35px; background: rgba(0,0,0,.3); z-index:2; text-align:center; color: rgba(255,255,255,.8); display:none; cursor:pointer;transition: all .6s;filter: alpha(opacity=0);-webkit-transition: all .6s;} .seckill-channel .seckill-goods .prev .icon-left{background:url("../image/xiangzuo.png") no-repeat; display:inline-block; margin-top:17px; width:30px; height:35px;} .seckill-channel .seckill-goods .next{width:30px; height:70px; position:absolute; right:0; top:50%; margin-top:-35px; background: rgba(0,0,0,.3); z-index:2; text-align:center; color: rgba(255,255,255,.8); display:none; cursor:pointer;transition: all .6s;filter: alpha(opacity=0);-webkit-transition: all .6s;} .seckill-channel .seckill-goods .next .icon-right{background:url("../image/xiangyou.png") no-repeat; display:inline-block; margin-top:17px; width:30px; height:35px;} .seckill-channel .seckill-goods:hover .prev,.seckill-channel .seckill-goods:hover .next{display:block;} .seckill-channel .seckill-goods .prev:hover,.seckill-channel .seckill-goods .next:hover{background: rgba(0,0,0,.5)} .seckill-channel .seckill-goods .prev.prevStop{ display:none} .seckill-channel .seckill-goods .next.nextStop{ display:none} .clothing .cl-title{width:100%; height:58px; color:#333; position:relative;} .clothing .cl-title .cl-tie{font-size:21px; padding-left:25px; line-height:58px; float:left;} .clothing .cl-title .cl-tags{float:right; padding-right:5px;} .clothing .cl-title .cl-tags li{width:98px; height:28px; line-height:28px; float:left; font-size:14px; background-color: rgba(255,255,255,.1); text-align:center; position:relative; cursor:pointer; margin:14px 10px 14px 0; border:1px solid rgba(255,255,255,.5);} .clothing .cl-title .cl-tags li .arrowImg{position:absolute; left:-1px; bottom:-6px; display:none; width:100px; height:6px; background:url("http://hexinhengxin.top/themes/mall/jd/styles/default/images/caticon/arrowImg.png") no-repeat;} .clothing .cl-title .cl-tags li.on{border-bottom:0;} .clothing .cl-title .cl-tags li.on .arrowImg{display:block;} .clothing .cl-content{margin-top:10px; overflow:hidden; height:570px; background:#fff;} .clothing .cl-content .con-left{height:100%; width:475px; float:left;display: none;} .clothing .con-left .con-left-slide{width:232px; height:100%; float:left; position:relative;} .clothing .con-left .con-left-slide img{height:570px;width:232px;} .clothing .con-left .hd{position:absolute; bottom:10px; width:100%; height:12px; font-size:0; text-align:center;} .clothing .con-left .hd li{display:inline-block; width:12px; height:12px; border-radius:50%; background:#a0a0a0; margin-right:5px; cursor:pointer;} .clothing .con-left .hd li.on{background:#fff;} .clothing .con-left .con-left-adv{float:left; margin-left:10px; width:232px} .clothing .con-left .con-left-adv a{display:block; width:232px; height:280px;} .clothing .con-left .con-left-adv img{width:232px; height:280px;} .clothing .con-right{width:1190px; height:100%; float:right;} .clothing .con-right ul{height:570px;} .clothing .con-right .con-upload{float:left; position:relative; width:341px; height:280px; margin-right:10px;} .clothing .con-upload .title{font-size:16px; position:absolute; line-height:18px; z-index:2; left:25px; top:20px;} .clothing .con-upload .title h3{color:#555; font-size:16px; padding-bottom:5px;} .clothing .con-upload .title span{color:#d84566;} .clothing .con-upload img{position:absolute; right:0; bottom:0; z-index:1; width:232px; height:280px; -o-transition:right .3s; -moz-transition:right .3s; -webkit-transition:right .3s; -ms-transition:right .3s; transition:right .3s; display:inline-block;} .clothing .con-upload:hover img{right:5px;} .clothing .con-right .con-item{width:232px; height:280px; float:left;} .clothing .con-item .c-img{width:200px; height:200px; margin:0 16px; -webkit-transition:opacity .3s ease-out; -moz-transition:opacity .3s ease-out; -o-transition:opacity .3s ease-out; transition:opacity .3s ease-out;} .clothing .con-item .c-img img{width:200px; height:200px;} .clothing .con-item:hover .c-img{opacity: .7;} .clothing .con-item .c-name{margin:10px 16px 0 16px; text-align:left; width:200px; overflow:hidden; height:36px;} .clothing .con-item .c-name a{font-size:14px; overflow:hidden; display:block;} .clothing .con-item .c-price{margin:10px 16px 0 16px; width:200px; overflow:hidden;} .clothing .con-item .c-price del{color:#999; float:left; font-size:13px; } .clothing .con-item .c-price p{color:red; float:right; font-size:14px;} /* 下面这个是风格颜色的筛选*/ /*.clothing .style-kafei .cl-title{background:#D2691E;}*/ .clothing .style-kafei .con-upload .title span{color:#D2691E} /*.clothing .style-cheng .cl-title{background:#FF8040;}*/ .clothing .style-cheng .con-upload .title span{color:#FF8040} /*.clothing .style-qing .cl-title{background:#05d7a8;}*/ .clothing .style-qing .con-upload .title span{color:#05d7a8} /*.clothing .style-danzi .cl-title{background:#963759;}*/ .clothing .style-danzi .con-upload .title span{color:#963759} /*.clothing .style-danh .cl-title{background:#d84566 ;}*/ .clothing .style-danh .con-upload .title span{color:#d84566} /*.clothing .style-lan .cl-title{background:#71cfff ;}*/ .clothing .style-lan .con-upload .title span{color:#71cfff} .clothing .style-tao .cl-title{background:#FFDAB9 ;} .clothing .style-tao .con-upload .title span{color:#FFDAB9} /*.clothing .style-qianlan .cl-title{background:#978dfb ;}*/ .clothing .style-qianlan .con-upload .title span{color:#978dfb} .clothing .style-fenhong .cl-title{background:#FFC0CB ;} .clothing .style-fenhong .con-upload .title span{color:#FFC0CB} /* 下面这个代码的框架是和clothing一样的 只是在大框新增了一个名称来重新定义样式 有某个部分不同*/ .electrical .con-left .con-left-slide{width:474px; height:280px; position:relative; float:left;} .electrical .con-left .con-left-slide img{width:474px; height:280px;} /*.electrical .cl-title{background:#ec7546;}*/ .electrical .con-upload .title span{color:#ec7546;} .electrical .con-left .s-tit{position:absolute; bottom:10px; width:100%; height:12px; font-size:0; text-align:center;} .electrical .con-left .s-tit li{display:inline-block; width:12px; height:12px; border-radius:50%; background:#a0a0a0; margin-right:5px; cursor:pointer;} .electrical .con-left .s-tit li.on{background:#fff;} .electrical .con-left .con-adv{margin-top:10px; width:100%; float:left;} .electrical .con-left .con-adv a{display:block; width:232px; height:280px; float:left;} .electrical .con-left .con-adv img{width:232px; height:280px;} .electrical .cl-title .cl-dec{background-position:-45px -1px;} /********************************* 挂件样式代码结束 widgets fields end *****************************************************************/ /* search.goods.html */ #page-search-goods {} /* 搜索页面的品牌旗舰店 */ .ultimate-store .item{border:4px solid #E4E4E4; height:70px;} .ultimate-store .item:hover,.ultimate-store .hover{border:4px solid #999;} .ultimate-store .store-logo{padding:10px;} .ultimate-store .content .middleside{width:500px;padding:10px; overflow:hidden} .ultimate-store .content .middleside a{font-size:16px;color:#595959;font-weight:bold;} .ultimate-store .content .middleside span{overflow:hidden;color:#999;margin-top:5px;} .ultimate-store .content .rightside{width:260px; height:30px; background:#F7F5F5;padding:20px 10px; text-align:right; overflow:hidden} .ultimate-store .content .rightside a{font-size:14px;display:inline-block;margin-left:10px;color:#595959;font-weight:bold;vertical-align:middle;} .ultimate-store .content .rightside b{display:inline-block;vertical-align:middle;width:62px;height:18px;background: url("../image/ultimate.gif") no-repeat;cursor:pointer;} /* 搜索商品和搜索店铺页面，搜索团购，全部商品分类，全部店铺分类公用 */ .search-type{border-bottom: 2px solid #e2231a;width:100%;height:28px;} .search-type .btn-type a{display:block;float:left;height: 27px;line-height: 27px;font-size: 14px;padding:0px 20px;background: url("../image/T1sHDgXkpeXXb0v4jv-150-450.png") 0px -30px;background-repeat: no-repeat;border:1px solid #CCC;border-bottom:0;} .search-type .btn-type a.current{background:#e2231a;border:1px solid #e2231a;color: white;font-weight: bold;border-bottom:0;} /* filter-price */ .filter-price{margin-left:5px; position:relative} .filter-price .fp-input{ display:block; float:left;font-weight:normal; position:relative;border:#ccc 1px solid;padding-left:9px; } .filter-price .fp-split{ display:block; float:left;width:8px; height:24px; background:url("../image/T1U_vGXjdaXXckL6Z0-130-130.png") -78px -106px;} .filter-price input{border:0;line-height:20px;width:48px; height:20px; display:block; float:left;color:#666;} .filter-price .fp-input i{ position:absolute; line-height:20px;width:12px; display:block; height:20px;top:2px;left:2px; font-style:normal} .filter-price .ui-price-plain{ font-family:"arial", "verdana", sans-serif !important;color:#666; font-size:12px; text-indent:0;} .filter-price .filter-price-expand{ position:absolute; z-index:2; text-align:center;padding:5px; height:24px;left:0;top:29px; background-color:#efeceb;width:107px; display:none} .filter-price .ui-btn-s{ height:20px; line-height:20px; display:inline-block;padding-left:10px;padding-right:10px; background:url("../image/btn.png") repeat-x 0 -300px;border-left:#ccc 1px solid;border-right:#ccc 1px solid;color:#333; cursor:pointer} .filter-price .ui-btn-s-primary{background:url("../image/btn.png") repeat-x 0 -157px; display:inline-block; line-height:24px; height:24px;color:#fff;border-left:#950b00 1px solid;border-right:#950b00 1px solid; cursor:pointer;width:40px; text-align:center;margin-left:1px;} .filter-price .ui-btn-s-primary:hover{background-position:0 -211px;border-left:#E40002 1px solid;border-right:#E40002 1px solid; text-decoration:none} /* 搜索商品和搜索店铺公用 --- 结束 */ #page-search-goods .col-sub{float:right;width:200px;} #page-search-goods .col-main{float:left;width:990px;} #page-search-goods .col-sub a{} #page-search-goods .col-sub a:hover{color:#f33100} #page-search-goods .col-sub .sub-list{border:1px #ddd solid;width:198px; overflow:hidden} #page-search-goods .col-sub .sub-list .title{height: 33px;line-height: 33px;font-weight: bold;color: #333;text-indent: 10px;border-bottom:1px #ddd solid;} #page-search-goods .col-sub .sub-list .content{} #page-search-goods .col-sub .sub-list .item{float:left;padding:9px;width:182px;} #page-search-goods .col-sub .sub-list .item dl dt{float:left;border: 1px solid #E5E5E5;} #page-search-goods .col-sub .sub-list .item dl dd{float:right;width:102px;} #page-search-goods .col-sub .sub-list .item dl dd a{display:block;height:54px;line-height:18px;overflow:hidden;} #page-search-goods .col-sub .sub-list .item dl dd a:hover{text-decoration:underline;} #page-search-goods .col-sub .sub-list .item dl dd span{height: 18px;line-height: 18px;font-weight: bold;color: #CC0001;padding-top: 3px;} #page-search-goods .attribute .title{border:1px #E6E2E1 solid;padding:8px 0 8px 10px;color:#3e3e3e;} #page-search-goods .selected-attr strong{color:#666} #page-search-goods .selected-attr a{padding:3px 20px 3px 3px;margin:-3px 0px;display:inline-block;border:#c40000 1px dotted; background:#fff; position:relative; cursor:pointer; font-family:Arial;color:#c40000; line-height:16px;border-radius:2px;} #page-search-goods .selected-attr a b{font-weight:normal} #page-search-goods .selected-attr a:hover{border:1px #c40000 solid; text-decoration:none;} #page-search-goods .selected-attr a span{position:absolute;top:4px;right:3px; overflow:hidden;width:13px;height:13px; background:url("../image/btn_bj.png") no-repeat 0 -34px;} #page-search-goods .attribute .content{border:1px #E6E2E1 solid;border-top:0;border-bottom:1px #D1CCC7 solid;background-color: #F7F5F5;} #page-search-goods .attribute .attr-cate{background:#fff;} #page-search-goods .attribute .attr-list{border-top:1px solid #e1e1e1; height:22px;padding:5px 0 5px 0;} #page-search-goods .attribute .attr-list li{float:left;margin:0px 5px 0 10px;width:172px; height:22px; display:block; line-height:22px; background:url("../image/T1U_vGXjdaXXckL6Z0-130-130.png") no-repeat -124px -40px;padding-left:10px;} #page-search-goods .attribute .attr-list li a{color:#806f66} #page-search-goods .attribute .attr-list li span{margin-left:2px;color:#BFBFBF} #page-search-goods .attribute .each{border-bottom:1px dotted #e1e1e1;line-height:22px;width:100%} #page-search-goods .attribute .each h4{float:left;width:109px; font-weight:400;color:#666;font-size:100%;margin-left:10px;padding:5px 0 5px 0;} #page-search-goods .attribute .each .pv{float:left;width:1054px;padding:5px 0 5px 25px;background:#fff;position:relative;} #page-search-goods .attribute .each .pv a{ margin:0 10px 0 0;color:#806f66; display:inline-block;} #page-search-goods .attribute .each .pv a:hover{color:#f33100; text-decoration:none} #page-search-goods .attribute .each .pv a .count{color:#ccc} #page-search-goods .attribute .each .pv .more-it{position:absolute;top:5px;right:34px;cursor:pointer;color: #806f66;} #page-search-goods .attribute .each .pv .more-it i{position: absolute;display: inline-block;top: 8px;right:-13px;height: 5px;line-height: 5px;width: 9px;overflow: hidden;background: url("../image/arrow3.png") -2px -66px no-repeat;} #page-search-goods .attribute .each .pv .more-it i.foldUp{background: url("../image/arrow3.png") -2px -72px no-repeat;} #page-search-goods .attribute .each .pv .wrap-brand{width:950px;padding:5px 0px;} #page-search-goods .attribute .brand-list .pv a {border: 1px solid #e1e1e1;margin-top:-1px;margin-left:-1px;width: 104px;text-align: center;height: 52px;line-height: 52px;margin-right:0px !important;display:block;float:left;overflow:hidden;} #page-search-goods .attribute .brand-list .pv a img{margin:6px 12px;} #page-search-goods .attribute .brand-list .pv a span{width:102px;height:50px;line-height:50px;margin-left:-150px;display:block;} #page-search-goods .attribute .brand-list .pv a:hover img{ display:none} #page-search-goods .attribute .brand-list .pv a:hover span{margin-left:0px;border: 1px solid #A10002; cursor:pointer} #page-search-goods .attribute .brand-list .pv a:hover{border: 1px solid #A10002;z-index:1;position:relative;} #page-search-goods .attribute .each .pv a.hidden{display:none;} #page-search-goods .attribute .each .color{ display:inline-block; width:50px; height:22px; line-height:22px; border:1px #ddd solid;padding:1px} #page-search-goods .attribute .each .color:hover{border:2px #e2231a solid;padding:0;} #page-search-goods .attribute .each .duocai{background: url("../image/duocai.gif") repeat scroll 0% 0% transparent} #page-search-goods .attribute .attr-bottom{ height:35px; position:relative;} #page-search-goods .attribute .attr-bottom ins{border:#ebe4de 1px solid;height:3px;font-size:0; display:block;background:#efebea} #page-search-goods .attribute .attr-bottom b{cursor:pointer; position:absolute; display:block; width:70px; height:18px;border:#e6e2e1 1px solid; background:#efeceb;border-top:0;top:3px; right:0;font-size:15;font-weight:normal;color:#806F66; padding-left:15px;*padding-top:2px;} #page-search-goods .attribute .attr-bottom b i{width:10px; height:15px; display:block; background:url("../image/T1U_vGXjdaXXckL6Z0-130-130.png") -82px -5px; position:absolute;top:2px;right:8px;} #page-search-goods .attribute .attr-bottom b.hide-more i{ background-position:-105px -5px;} #page-search-goods .glist{ background:#fff;} #page-search-goods .glist .goods-has{margin-bottom:20px;} #page-search-goods .list-sort{line-height:22px;color:#666; background:#fff;margin-bottom:5px;} #page-search-goods .list-sort form{background: #faf9f9;padding:4px; height:25px} #page-search-goods .list-sort-fixed{position:fixed;top:0;} #page-search-goods .filter-area{border:1px #ddd solid;padding:0 5px 0 5px;margin-right:5px; position:relative} #page-search-goods .filter-area span{height:22px;line-height:22px;display:inline-block; cursor:default} #page-search-goods .filter-area i{ display:inline-block; background:url("../image/triangle.gif") right top;margin-left:5px; width:6px; height:6px; overflow:hidden;} #page-search-goods .filter-area .fa-list{position:absolute;left:-1px;top:22px; background:#fff;border:1px #ddd solid; width:400px;box-shadow: 0px 1px 5px #ddd; padding:5px;} #page-search-goods .filter-area .fa-hd{border-bottom:1px #ddd solid;padding:5px;width:390px;padding-top:0;} #page-search-goods .filter-area .fa-hd a{ display:inline-block;margin-right:10px;padding:0 5px 0 5px;float:left;} #page-search-goods .filter-area .fa-hd button{float:right; background:url("../image/btn.png") repeat-x scroll 0px -157px transparent; display:inline-block; width:50px; height:22px; line-height:22px; color:#fff;border:0;cursor:pointer} #page-search-goods .filter-area .fa-hd span{display:inline-block;float:left;} #page-search-goods .filter-area .fa-loc{padding:5px;width:390px;} #page-search-goods .filter-area .fa-loc a{ display:inline-block; padding:0 5px 0 5px;white-space:nowrap;} #page-search-goods .filter-area .fa-loc a.selected{background:#B6A8A2;color:#fff;} #page-search-goods .filter-area .province{border-bottom:1px #ddd dotted;padding-bottom:4px;} #page-search-goods .filter-area li{float:left; margin-right:10px;} #page-search-goods .goods-empty{border:1px #f60 solid;font-weight:bold;font-size:14px; background:#F3E8CD;color:#f60;} #page-search-goods .display_mod a{border:#ccc 1px solid;padding-left:15px;width:30px;height:22px; display:inline-block; position:relative;float:left; background:#fff;} #page-search-goods .display_mod a.qh-squares{border-left:0;} #page-search-goods .display_mod a i{background:url("../image/T1U_vGXjdaXXckL6Z0-130-130.png") no-repeat 9999px 9999px;width:9px; height:9px; display:inline-block; overflow:hidden; position:absolute;top:7px; left:3px;} #page-search-goods .display_mod a.qh-list i{background-position:-11px -34px;} #page-search-goods .display_mod a.qh-list:hover i{background-position:0 -34px} #page-search-goods .display_mod a.qh-squares i{background-position:-39px 0} #page-search-goods .display_mod a.qh-squares:hover i{background-position:-28px 0} #page-search-goods .display_mod a.filter-list-cur, #page-search-goods .display_mod a.filter-squares-cur{ background:#F1EDEC;color:#f33100;} #page-search-goods .display_mod a.filter-list-cur i{background-position:0 -34px} #page-search-goods .display_mod a.filter-squares-cur i{background-position:-28px 0} #page-search-goods .glist .price em, #page-search-goods .recommend .price em{color:#f33100;font-family: arial;font-weight: 400;font-size: 20px;} #page-search-goods .glist .price em b, #page-search-goods .recommend .price em b{margin-right: 2px;font-weight: 700;font-size: 14px;vertical-align: middle;} #page-search-goods .recommend .price span, #page-search-goods .glist .price span{color:#666666} #page-search-goods .recommend .price span b, #page-search-goods .glist .price span b{font-weight:normal} #page-search-goods .glist dl .storeinfo h3, #page-search-goods .recommend storeinfo h3{float:left;color:#666;font-weight:normal;} #page-search-goods .glist dl .storeinfo h3 a, #page-search-goods .recommend storeinfo h3 a{} #page-search-goods .glist dl .storeinfo span, #page-search-goods .recommend storeinfo span{float:right;color:#666;font-weight:normal} #page-search-goods .recommend .desc a, #page-search-goods .glist .desc a{line-height:15px; display:block;height:30px;color:#2A2A2A;width:100%;overflow:hidden;font-family: 'Microsoft yahei';} #page-search-goods .recommend .desc a:hover, #page-search-goods .glist .desc a:hover{color:#f33100;} #page-search-goods .glist .store-info a{display: block;line-height: 20px;height: 20px;color: #999;text-decoration: underline;overflow: hidden;word-break: break-all;} #page-search-goods .glist .static{position: relative;margin-top:8px;padding-top:0px !important;height: 32px;border-top: 1px solid #eee;color: #999;} #page-search-goods .glist .static span{float: left;display: inline-block;border-right: 1px solid #eee;width:63px;padding: 10px 1px;margin-right: 6px;line-height: 12px;text-align: left;color: #999;} #page-search-goods .glist .static span em,#page-search-goods .glist .static span b{font-family: arial;font-size: 12px;font-weight: 700;} #page-search-goods .glist .static span em{font-style:normal;color: #b57c5b;} #page-search-goods .glist .static span b{color: #38b;} #page-search-goods .recommend dt a{display:block;padding:4px;border:1px #EAEAEA solid;margin-bottom:5px;} #page-search-goods .recommend dt a:hover{border:1px #CCCCCC solid;} #page-search-goods .glist .squares .item{float:left;width:224px;padding:4px;height:376px;margin-right:10px;margin-bottom:20px;} #page-search-goods .glist .squares dl{border:1px solid #f5f5f5;padding:4px;padding-bottom:0px;border-radius: 3px;height:391px;} #page-search-goods .glist .squares dl dd{width:214px;padding-top:5px;color:#666;} #page-search-goods .glist .squares dl dd a:hover{text-decoration:underline;color:#B00000;} #page-search-goods .glist .squares dl .storeinfo a{text-decoration:underline;color:#666;} #page-search-goods .glist .squares dl .status{color:#a7a7a7;} #page-search-goods .glist .squares dl .status span.sales b{color: #c49173;font-weight: bolder} #page-search-goods .glist .squares dl .status .valuation{color:#568396;} #page-search-goods .glist .squares dl .sub-images{ height:36px;} #page-search-goods .glist .squares dl:hover, #page-search-goods .glist .squares .hover{border:4px #bc0000 solid;margin:-3px;padding:4px;position:relative; z-index:990;-webkit-transition: border-color .2s ease-in;-moz-transition: border-color .2s ease-in;-ms-transition: border-color .2s ease-in;-o-transition: border-color .2s ease-in;transition: border-color .2s ease-in;border-radius: 0px; height:387px;} #page-search-goods .glist .squares dl:hover .sub-images, #page-search-goods .glist .squares .hover .sub-images{ display:block;} #page-search-goods .glist .squares dl:hover .storeinfo span, #page-search-goods .glist .squares .hover .storeinfo span{ display:block} #page-search-goods .glist .squares dl:hover .intro, #page-search-goods .glist .squares .hover .intro{ display:block; position:absolute;left:-4px;bottom:-78px;width:213px; height:80px;border:4px #EAE5E1 solid;border-top:0; background:#FFF; z-index:10;padding:0 13px 0 13px;} #page-search-goods .glist .squares dl:hover .intro ul, #page-search-goods .glist .squares .hover .intro ul{border:1px #A7CAED dashed; background:#fff;padding:5px;} #page-search-goods .glist .squares dt img{width:214px; height:214px;} #page-search-goods .glist .squares .storeinfo{display:none;} #page-search-goods .glist .list .sub-images{ display:none} #page-search-goods .glist .list dl{background:#fff;padding-right:0;border-bottom:1px #e5e5e5 solid;width:100%;padding-bottom:10px;padding-top:10px;} #page-search-goods .glist .list dt, #page-search-goods .glist .list dd{float:left;} #page-search-goods .glist .list dt{ display:block; height:90px;} #page-search-goods .glist .list dt img{width:80px; height:80px;} #page-search-goods .glist .list dl .status{display:none !important;} #page-search-goods .glist .list .desc{margin-left:10px;width:380px; line-height:20px;} #page-search-goods .glist .list .price{float:right;width:180px;padding-top:30px;padding-right:10px;} #page-search-goods .glist .list .storeinfo{float:left;width:150px;padding-top:30px;} #page-search-goods .glist .list .service{float:right;padding-top:30px;padding-right:10px;} #page-search-goods .glist .list .static,#page-search-goods .glist .list .store-info{display:none;} #page-search-goods .recommend{ clear:both;margin-top:20px;border:1px #ddd solid} #page-search-goods .recommend .title{height:30px; line-height:30px;padding-left:10px;font-weight:bold;font-size:15px;color:#3e3e3e; position:relative;border-bottom:1px #ddd solid} #page-search-goods .recommend .content{padding:11px;width:1176px;} #page-search-goods .recommend dl{float:left;width:186px;padding-left:5px; padding-right:5px;} #page-search-goods .recommend dt img{width:170px; height:170px;} #page-search-goods .recommend .price span{ line-height:20px;} #page-search-goods .recommend a:hover{text-decoration:underline;} #page-search-limitbuy .search-by{border:1px solid #D7D7D7;} #page-search-limitbuy .search-by ul li{padding:5px 0px;border-bottom:1px dashed #D7D7D7;width:1198px;} #page-search-limitbuy .search-by ul li h3{float:left;white-space: nowrap;font-size:12px;color: #333;margin-right:20px;font-weight:bold;background: url("../image/index_sprites.gif") -246px -9px no-repeat;padding:3px 10px 3px 0px;margin-left:20px;} #page-search-limitbuy .search-by ul li a{float:left;display:block;font-size: 12px;margin-right:10px;color:#333;padding:3px 5px;} #page-search-limitbuy .search-by ul li a:hover{background:#FEDED8;color:#780C00;} #page-search-limitbuy .search-by ul li a.act{background:#C00;color:#FFF;} #page-search-limitbuy .search-by ul li input{height:21px;width:150px;border:1px solid #D7D7D7;} #page-search-limitbuy .search-by ul li button{height:23px;width:50px;margin-left:5px;} #page-search-limitbuy .group-list ul{width:100%;padding-top:10px;padding-bottom:10px;} #page-search-limitbuy .group-list li{float:left;width:286px;position:relative;border:1px #ccc solid;margin-right:16px;_margin-right:13px;_margin-bottom:20px;border-radius:3px;} #page-search-limitbuy .group-list li:hover,#page-search-limitbuy .group-list .hover{border:1px #e2231a solid} #page-search-limitbuy .group-list .rec_ico{background:url("../image/group_rec.gif") no-repeat;width:40px; height:40px; position:absolute;right:-1px;top:-1px;} #page-search-limitbuy .group-list .desc{padding:8px; height:40px; line-height:20px; overflow:hidden} #page-search-limitbuy .group-list .desc a{font-size:14px;font-weight:500;color:#333} #page-search-limitbuy .group-list .desc a:hover{color:#BB000D; text-decoration:underline} #page-search-limitbuy .group-list .pic{padding:9px;padding-top:0;text-align:center;} #page-search-limitbuy .group-list .buy{ background:#e2231a; height:35px; font-weight:bold;line-height:35px;text-align:left;padding-left:10px; position:relative;color:#fff;font-size:16px} #page-search-limitbuy .group-list .buy .price{ font-family:Arial; font-weight:bold;font-size:26px;color:#fff;margin-right:20px;} #page-search-limitbuy .group-list .buy a{ display:inline-block; position:absolute;right:10px;top:2px; background:url("../image/index_sprite.gif") no-repeat;width:75px; height:30px; overflow:hidden} #page-search-limitbuy .group-list .extra{ height:40px; line-height:40px; position:relative; overflow:hidden} #page-search-limitbuy .group-list .extra .gray-bg{ position:absolute;right:0;bottom:-13px;width:125px; height:12px; background:url("../image/index_sprites.gif") no-repeat right bottom; overflow:hidden;} #page-search-limitbuy .group-list .extra span{margin-left:8px;} #page-search-limitbuy .group-list .extra strong{color:#527A18;font-size:16px;margin-right:2px;} #page-search-limitbuy .group-list .extra b{font-size:16px;color:#BB000D;margin-right:2px;} /********************************* 以下为统一模板页面风格的样式代码，如果没有必要（除了修改宽度高度等），不要修改下面的代码 *******************/ /* search.store.html */ #page-search-store .search-by dl{width:1200px;border-bottom:1px dotted #CCC;overflow:hidden;} #page-search-store .search-by dl a{line-height:25px; text-decoration:none} #page-search-store .search-by dl dt{width:12%;margin-right:5%;text-indent:20px;padding-top:5px;} #page-search-store .search-by dl dt a{color:#666;} #page-search-store .search-by dl dd{width:71%;background:#fff;padding:5px 0px;padding-right:10%;padding-left:2%;} #page-search-store .search-by dl dd a{color:#666;margin-right:10px;white-space:nowrap;} #page-search-store .search-by dl dd a:hover{color:#f33100;} #page-search-store .wrap-by{background:#F7F5F5} #page-search-store .search-by dd.show-more{position: absolute;top: 9px;right: 34px;width:25px;cursor: pointer;color: #806f66;display:inline-block;padding:0px;} #page-search-store .search-by dd.show-more i{position: absolute;display: inline-block;top: 5px;right: -12px;height: 5px;line-height: 5px;width: 9px;overflow: hidden;background: url("../image/arrow3.png") -2px -66px no-repeat;} #page-search-store .attr-bottom{position:relative;} #page-search-store .attr-bottom ins{border:#ebe4de 1px solid;height:3px;font-size:0; display:block;background:#efebea} #page-search-store .attr-bottom b{cursor:pointer; z-index:99; position:absolute; display:block; width:120px; height:18px;border:#e6e2e1 1px solid; background:#efeceb;border-top:0;top:3px; right:-1px;font-weight:normal;color:#806F66; padding-left:15px;*padding-top:2px;} #page-search-store .attr-bottom b i{width:10px; height:15px; display:block; background:url("../image/T1U_vGXjdaXXckL6Z0-130-130.png") -82px -5px; position:absolute;top:2px;right:8px;} #page-search-store .attr-bottom b.hide-more i{ background-position:-105px -5px;} #page-search-store .shops-list{margin-top:29px;} #page-search-store .sort-type{ position:relative; z-index:90; height:25px;background: #faf9f9;padding:4px;} #page-search-store .sort-type .select-param{float:left;margin-right:10px;display:block;padding:0px 32px 0px 15px;height:22px;line-height:22px;position:relative;background: -moz-linear-gradient(50% 0,white,#F1F1F1);border:1px solid #CCC;background: -webkit-gradient(linear,0 0,0 100%,from(white),to(#F1F1F1));background: -moz-linear-gradient(50% 0,white,#F1F1F1);} #page-search-store .sort-type .select-param span{position:absolute;display:block;right: 0;top: 0px;height:22px;width: 15px;border-left: 1px solid #ddd;} #page-search-store .sort-type .select-param span i{width: 0;height: 0;line-height: 0;position: absolute;left: 49%;margin-left: -4px;top: 50%;margin-top: -1px;border-color: #A6A6A6 #F3F3F3 white #F3F3F3;border-width: 4px 4px 0 4px;border-style: solid;} #page-search-store .sort-type .select-param .tan{border: 1px solid #CCC;border-top:0px;position:absolute;top:23px;left:-1px;width:100%;background:#faf9f9;display:none;} #page-search-store .sort-type .select-param:hover .tan{display:block;} #page-search-store .sort-type .select-param .tan li {width:100%;line-height:23px;text-indent:15px; cursor:pointer} #page-search-store .sort-type .select-param:hover .tan li{color:#333;} #page-search-store .sort-type .select-param .tan li:hover{background:#E4E4E4;} #page-search-store .list-fields li .store-info{ line-height:20px;width:100%;} #page-search-store .list-fields li{border-bottom: 1px solid #E4E4E4;} #page-search-store .list-fields li .row_1{padding: 18px 35px 20px 15px;} #page-search-store .list-fields li .row_2{width:290px;margin-top: 15px;height:81px;line-height:22px;color:#595959;margin-right:20px;} #page-search-store .list-fields li .row_3{width:25%;margin-right:20px;margin-top:15px;} #page-search-store .list-fields li .row_4{width:20%;margin-right:20px;margin-top:15px;line-height:22px;color: #666;} #page-search-store .list-fields li .row_5{width:15%;margin-top:15px;} #page-search-store .list-fields li .row_2 h2 a{font-weight:bold;font-size:14px;} #page-search-store .list-fields li .row_2 .d-info{width:100%; height:22px;overflow:hidden; } #page-search-store .list-fields li .row_2 .d-info a{color:#808080;} #page-search-store .list-fields li .row_2 .d-info a:hover{color:#f33100; text-decoration:underline} #page-search-store .list-fields li .row_3 b{font-weight:bold;color:#f33100;padding:0px 3px;} #page-search-store .list-fields li .row_3 a{display:block;height:18px; line-height:18px;width:90px;background-image:url("../image/T1jq6YXalbXXX0gjHb-99-1013.png");background-repeat: no-repeat;cursor:pointer;} #page-search-store .list-fields li .row_3 .expand{background-position: 75px -557px; *background-position:75px -559px;} #page-search-store .list-fields li .row_3 .fold{background-position: 75px -539px;*background-position:75px -541px;} #page-search-store .list-fields li .row_5 a{display: block;width: 119px;height: 22px;padding-left: 60px;line-height: 22px;color: #fff;margin: 5px auto 18px;} #page-search-store .list-fields li .row_5 a i{font-family: \5B8B\4F53;margin-left: 31px;font-style: normal;} #page-search-store .list-fields li .row_5 .enter-shop{background-color: #806f66;border: 1px solid #6b635f;} #page-search-store .list-fields li .row_5 .enter-shop:hover{background-color:#927C6F;border: 1px solid #927C6F;text-decoration:none;} #page-search-store .list-fields li .row_5 .view-all-goods{outline: 1px solid #EAE5E1;border: 1px solid #fff;background-color: #F7F5F5;color: #595959;width: 177px;text-align: center;margin: 0 auto;position: relative;padding-left:0px;text-decoration:none;} #page-search-store .list-fields li .row_5 .view-all-goods{background-color:#F9F9F9;} #page-search-store .list-fields li .row_5 .view-all-goods i{position: absolute;width: 9px;height: 5px;right: 22px;top: 10px;overflow: hidden;} #page-search-store .list-fields li .row_5 .view-all-goods i.drop-icon{background: url("../image/T1GcmeXEJXXXXUVs6Z-165-206.png") no-repeat -48px -13px;} #page-search-store .list-fields li .row_5 .view-all-goods i.put-icon{background: url("../image/T1GcmeXEJXXXXUVs6Z-165-206.png") no-repeat -59px -13px;} #page-search-store .list-fields li .store-goods{width:1068px;border:1px solid #E4E4E4; position:relative;background: #F8F8F8; margin-left:130px;} #page-search-store .list-fields li .store-goods b{display:block;position:absolute;top:-10px;right:100px;width:18px;height:10px;background:url("../image/arrow2.gif") no-repeat;} #page-search-store .list-fields li .store-goods .prev{display:block;height:60px;width: 20px;background: url("../image/T1jq6YXalbXXX0gjHb-99-1013.png") no-repeat 5px -285px;position:absolute;left:10px;top:80px;} #page-search-store .list-fields li .store-goods .prev:hover{background-position:5px -385px;} #page-search-store .list-fields li .store-goods .next{display:block;height:60px;width: 20px;background: url("../image/T1jq6YXalbXXX0gjHb-99-1013.png") no-repeat 5px -335px;position:absolute;right:10px;top:80px;} #page-search-store .list-fields li .store-goods .next:hover{background-position:5px -435px;} #page-search-store .list-fields li .store-goods .scroller{margin:10px 40px 10px 40px;width:1000px;height:225px; text-align:center; overflow:hidden} #page-search-store .list-fields li .store-goods .ks-switchable-content{left:0;top:0;} #page-search-store .list-fields li .store-goods .each{width:1000px; height:225px;} #page-search-store .list-fields li .store-goods dl{float:left;width:160px;padding:0px 20px 0 20px;} #page-search-store .list-fields li .store-goods .ks-switchable-nav{display:none;} #page-search-store .list-fields li .store-goods dl dd .desc{height:40px;overflow:hidden;} #page-search-store .list-fields li .store-goods dl dd .desc a{line-height:20px;color:#808080;} #page-search-store .list-fields li .store-goods dl dd .desc a:hover{text-decoration:underline;color:#f33100;} #page-search-store .list-fields li .store-goods dl dd .price span{font-size:14px;font-weight:bold;font-family:Arial, Helvetica, sans-serif;color:#f33100;} #page-search-store .list-fields li .store-goods .more-store-goods{text-align: right;padding: 10px 20px 10px 10px;} #page-search-store .list-fields li .store-goods .more-store-goods a{color:#595959;font-family: \5B8B\4F53;} #page-search-store .list-fields li .row_3 .rate-info{color: #666;width:100%;line-height:22px;} #page-search-store .list-fields li .row_3 .rate-info p{color: #666;height: 20px;font-weight: 700;} #page-search-store .list-fields li .row_3 .rate-info p strong{margin-right: 30px;} #page-search-store .list-fields li .row_3 .rate-info ul li{border:0px;} #page-search-store .list-fields li .row_3 .rate-info ul li .credit{color: #2953a6;font-weight: 700;display: inline-block;width: 35px;margin-left: 4px;} #page-search-store .list-fields li .row_3 .rate-info ul li span em{text-align: center;display: inline-block;width: 50px;height:20px;line-height:20px;margin-left: 2px;color: #FFF;} #page-search-store .list-fields li .row_3 .rate-info ul li span.equal{color: #DA542E;display: inline-block;} #page-search-store .list-fields li .row_3 .rate-info ul li span.equal em{background-color: #DA542E;} #page-search-store .list-fields li .row_3 .rate-info ul li span.equal i { background: url("../image/2014grate.png") no-repeat -18px -40px; vertical-align: middle; display: inline-block; width: 9px; height: 8px; margin-right: 4px;} #page-search-store .list-fields li .row_3 .rate-info ul li span.high { color: #DA542E; display: inline-block;} #page-search-store .list-fields li .row_3 .rate-info ul li span.high i { background: url("../image/2014grate.png") no-repeat 0 -40px; vertical-align: middle; display: inline-block; width: 9px; height: 8px; margin-right: 4px;} #page-search-store .list-fields li .row_3 .rate-info ul li span.high em { background-color: #DA542E; } #page-search-store .list-fields li .row_3 .rate-info ul li span.low { color: #28B779; display: inline-block;} #page-search-store .list-fields li .row_3 .rate-info ul li span.low i { background: url("../image/2014grate.png") no-repeat -9px -40px; vertical-align: middle; display: inline-block; width: 9px; height: 8px; margin-right: 4px;} #page-search-store .list-fields li .row_3 .rate-info ul li span.low em { background-color: #28B779;} #page-search-groupbuy .search-by{border:1px solid #D7D7D7;} #page-search-groupbuy .search-by ul li{padding:5px 0px;border-bottom:1px dashed #D7D7D7;width:1198px;} #page-search-groupbuy .search-by ul li h3{float:left;white-space: nowrap;font-size:12px;color: #333;margin-right:20px;font-weight:bold;background: url("../image/index_sprites.gif") -246px -9px no-repeat;padding:3px 10px 3px 0px;margin-left:20px;} #page-search-groupbuy .search-by ul li a{float:left;display:block;font-size: 12px;margin-right:10px;color:#333;padding:3px 5px;} #page-search-groupbuy .search-by ul li a:hover{background:#FEDED8;color:#780C00;} #page-search-groupbuy .search-by ul li a.act{background:#e2231a;color:#FFF;} #page-search-groupbuy .search-by ul li input{height:21px;width:150px;border:1px solid #D7D7D7;} #page-search-groupbuy .search-by ul li button{height:23px;width:50px;margin-left:5px;} #page-search-groupbuy .group-list ul{width:100%;padding-top:10px;padding-bottom:10px;} #page-search-groupbuy .group-list li{float:left;width:286px;position:relative;border:1px #ccc solid;margin-right:16px;_margin-right:13px;_margin-bottom:20px;border-radius:5px;} #page-search-groupbuy .group-list li:hover,#page-search-groupbuy .group-list .hover{border:1px #e2231a solid} #page-search-groupbuy .group-list .rec_ico{background:url("../image/group_rec.gif") no-repeat;width:40px; height:40px; position:absolute;right:-1px;top:-1px;} #page-search-groupbuy .group-list .desc{padding:8px; height:40px; line-height:20px; overflow:hidden} #page-search-groupbuy .group-list .desc a{font-size:14px;font-weight:500;color:#333} #page-search-groupbuy .group-list .desc a:hover{color:#f33100; text-decoration:underline} #page-search-groupbuy .group-list .pic{padding:9px;padding-top:0;text-align:center} #page-search-groupbuy .group-list .buy{ background:#e2231a; height:35px; font-weight:bold;line-height:35px;text-align:left;padding-left:10px; position:relative;color:#fff;font-size:16px} #page-search-groupbuy .group-list .buy .price{ font-family:Arial; font-weight:bold;font-size:26px;color:#fff;margin-right:20px;} #page-search-groupbuy .group-list .buy a{ display:inline-block; position:absolute;right:10px;top:2px; background:url("../image/index_sprite.gif") no-repeat;width:75px; height:30px; overflow:hidden} #page-search-groupbuy .group-list .extra{ height:40px; line-height:40px; position:relative; overflow:hidden;padding:0px 8px;} #page-search-groupbuy .group-list .extra .gray-bg{ position:absolute;right:0;bottom:-13px;width:125px; height:12px; background:url("../image/index_sprites.gif") no-repeat right bottom; overflow:hidden;} #page-search-groupbuy .group-list .extra span,#page-search-groupbuy .group-list .extra i,#page-search-groupbuy .group-list .extra em{display:inline-block;vertical-align:baseline;} #page-search-groupbuy .group-list .extra strong{color:#527A18;font-size:16px;margin-right:2px;} #page-search-groupbuy .group-list .extra b{font-size:16px;color:#f33100;margin-right:2px;} #page-search-groupbuy .group-list .extra span i{font-style:normal;font-weight:bold;margin:0px 2px;color: #f33100;font-size:16px;} #page-search-groupbuy .group-list .extra span.countdown{margin-left:10px;} #page-integral{padding-top:10px;margin:auto;z-index:1;position:relative;} #page-integral .page-main .col-sub{width:222px;float:left;} #page-integral .page-main .col-main{width:968px;float:right;} .integral-article{width:200px;border:1px solid #ECDAB2;-webkit-box-shadow: 1px 1px 4px #ECDAB2;-moz-box-shadow: 1px 1px 4px #ECDAB2;box-shadow: 1px 1px 4px #ECDAB2;padding:10px;background:#FFEECB;} .integral-article .user-integral{width:100%;} .integral-article .user-integral dt{float:left;width:68px;border:1px solid #e7d19c;background:#fff;border-radius:34px;z-index:2;} .integral-article .user-integral dt a img{display:block;z-index:1;border-radius:34px;} .integral-article .user-integral dd{float:right;width:120px;} .integral-article .user-integral dd h3 a{font-size:12px;text-decoration:none;color:#333;} .integral-article .user-integral dd p b{font-size: 20px;font-weight: 700;color: #b1000f;margin-right:3px;} .integral-article .user-integral dd p a{font: lighter 14px/27px "Microsoft Yahei";color: #FFF;text-align: center;display:block;width:96px;height:29px;border-radius: 3px;position: relative;box-shadow: 0 0 0 2px rgba(204,204,204,0.25);text-decoration: none;background-color: #C00;} .integral-article .user-integral dd p a:hover{background-color:#BB0000} .integral-article ul{margin-top:8px;} .integral-article ul li{width:200px;height:25px;line-height:25px;overflow:hidden;list-style:inside;color:#333;} .integral-article ul li a{color:#333;text-decoration:none;} .integral_slides{width:968px;height:260px;position:relative; overflow:hidden} .integral_slides li{display:block;width:968px;height:260px;} .integral_slides li img{width:100%;height:100%;} .integral_slides .ks-switchable-nav{position:absolute;left:0px;bottom:0px;z-index:99;width:100%;} .integral_slides .ks-switchable-nav a{display:block;float: left;width:20%;text-decoration:none;height: 30px;overflow: hidden;line-height: 30px;position:relative;} .integral_slides .ks-switchable-nav a span,.integral_slides .ks-switchable-nav a b{color:#fff;display:block;width:100%;height:100%;text-align: center;position:absolute;left:0px;top:0px;z-index:99;} .integral_slides .ks-switchable-nav a b{background:#000;opacity:0.5;z-index:98;} .integral_slides .ks-switchable-nav a:hover b,.integral_slides .ks-switchable-nav .ks-active b{background:#fff;} .integral_slides .ks-switchable-nav a:hover span,.integral_slides .ks-switchable-nav .ks-active span{color:#000;} .hotsale{border:1px solid #ccc;} .hotsale h3{background-color: #F5F5F5;padding: 5px 10px;} .hotsale h3 span{font: 600 14px/20px arial,"microsoft yahei";color: #555;} .hotsale .content{width:220px;} .hotsale .content .rank-nav{background: #FFF url("http://hexinhengxin.top/themes/mall/jd/styles/default/images/repeat_x.png") repeat-x center 0;height: 28px;} .hotsale .content .rank-nav li{float:left;} .hotsale .content .rank-nav li a{color: #777;line-height: 20px;text-decoration: none;background-color: #F7F7F7;text-align: center;width: 102px;height: 20px;float: left;margin: 4px 0 1px 4px;padding: 1px 0;border: solid #D8D8D8;border-width: 1px 1px 0 1px;border-radius: 4px 4px 0 0;text-shadow: 1px 1px 0 rgba(255,255,255,.75);} .hotsale .content .rank-nav .curr a{color: #000;background-color: #FFF;padding: 1px 0 2px 0;margin: 4px 0 0 4px;box-shadow: 0 -1px 1px rgba(0,0,0,.05); cursor:default} .hotsale .content .rank-c li{ padding:10px;border-bottom:1px #ddd dashed;width:200px;overflow:hidden;} .hotsale .content .rank-c li .rank_num{height: 20px;margin-bottom: 12px;background:#e9e9e9;color: #999;line-height: 20px;} .hotsale .content .rank-c li .rank_num b{display: block;_display: inline;float: left;width: 20px;height: 20px;margin-right: 6px;color: #FFF;text-align: center;background: #E60012;} .hotsale .content ul li .pic{float:left;margin-right:10px;} .hotsale .content ul li .pic a{height:60px;width:60px;display:block;text-align:center;} .hotsale .content ul li .pic img{width:60px; height:60px;display:inline-block;} .hotsale .content ul li .pic a:hover img{width:58px;height:58px;padding:1px;} .hotsale .content ul li .desc,.hotsale .content ul li .price{width:125px;text-align:left;overflow:hidden;} .hotsale .content ul li .desc a,.hotsale .content ul li .price a{display: block;height: 36px;overflow: hidden;zoom: 1;line-height: 18px;color:#666;text-decoration:none;overflow:hidden;} .hotsale .content ul li .desc a:hover{color:#DA542E;} .hotsale .content ul li .price{margin-top:5px;} .hotsale .content ul li .price strong{font-size:14px;color:#DA542E;font-weight:normal} .hotsale .content ul li .collecter{padding-top:2px;} .hotsale .content ul li .collecter{float:left;height:16px;text-align:left;overflow:hidden;margin-top:3px;} #page-integral .select-pannel{padding:10px;padding-bottom:20px;border:1px solid #ccc;} #page-integral .select-pannel a{display:inline-block;padding:5px 10px;background:#e9e9e9;color:#333;margin-right:10px;border-radius: 15px;margin-top:10px;} #page-integral .select-pannel a:hover,#page-integral .select-pannel a.active{background: #E60012;color:#fff;text-decoration:none;} .integral-list ul {width: 100%;} .integral-list ul li {float: left;width: 232px;position: relative;border: 1px #ccc solid;margin-left:10px;padding-top:10px;} .integral-list ul li:hover,.integral-list ul .hover{border:1px #EE3000 solid} .integral-list ul .desc{padding:5px 8px 8px 8px; height:30px; line-height:15px;overflow:hidden} .integral-list ul .desc a,.integral-list ul .pro-info a{font-size:12px;color:#333;text-decoration:none} .integral-list ul .desc a:hover,.integral-list ul .pro-info a:hover{color:#EE3000; text-decoration:underline} .integral-list ul .pic{padding:9px;padding-top:0;} .integral-list ul .pic img{width:212px;height:212px;} .integral-list ul span{display:inline-block;margin-left:10px;} .integral-list ul .pro-info{width:100%;} .integral-list ul .pro-info .max_exchange{padding:2px 8px;background:#EE3000;color:#fff;border-radius:3px;} .integral-list ul .pro-info a{float:right;padding-right:10px;} .integral-list ul .price{display:block;height:35px; font-weight:400;line-height:35px;font-size:18px;color:#EE3000;} .integral-list ul .price em{font-style:normal;color:#333;font-size:12px;} .integral-list ul .price b{font-size:12px;} .password_box{padding-bottom:20px;padding-top:10px;margin-top:20px;} .password_box .flowsteps { height: 23px; } .password_box .flowsteps ol { background: none repeat scroll 0 0 #EEEEEE; margin: 0; overflow: hidden; padding: 0; position: relative;} .password_box .flowsteps li,.password_box .flowsteps span{ background: url("../image/T1kRWCXeNbXXXXXXXX-15-138.png") no-repeat scroll; color: #777777;} .password_box .flowsteps li {float: left; font-size: 14px; height: 23px; line-height: 23px; overflow: hidden; text-align: center;} .password_box .flowsteps span{ display:block;} .password_box .flowsteps .current, .password_box .flowsteps .current span { background-color: #5185B6;background-position: 0 -46px; color: #FFFFFF; font-weight: normal;} .password_box .flowsteps .num4 li, .password_box .flowsteps .num4 .last { width: 25%;} .password_box .flowsteps li .first {background-position: 0 -69px;} .password_box .flowsteps .next {background-position: 0 -23px;} .password_box .flowsteps .next span { background-position: 0 -22px;} .password_box .flowsteps .last { background-position: 100% -92px; position: absolute; right: 0;} .password_box /*.flowsteps*/.done span { background-color: #CDE0F5; background-position: 0 -46px; color: #5185B6;} /*---- 结束 *******************/ /* login .html, member.register.html common css */ #page-login, #page-register, #page-find-password{} .page-auth .logo{text-align:left;} .page-auth .col-main{width:58%;overflow:hidden; } .page-auth .col-sub{float:right;width:400px;color:#666;} .page-auth .form .title{text-align:left;padding:5px;font-size:20px;padding-left:40px;margin:0 0 15px 0; width:300px;} .page-auth .form .title .register{ font-size:14px; color:#b61d1d;background: url("../image/pwd-icons-new.png") no-repeat scroll -104px -73px; display: inline-block; padding-left:20px; float:right; margin-top:5px;} .page-auth .form .content{width:400px} .page-auth .form dl{width:100%; height:55px;} .page-auth .form dt, .page-auth .form dd{float:left; line-height:22px; position:relative} .page-auth .form dt{width:80px; text-align:right;font-size:14px;padding-right:10px; line-height:38px; height:38px;} .page-auth .form dt b{ color:#f00; font-weight:normal; margin-right:5px;} .page-auth .form dd .input{border: 1px solid #cccccc; color: #999; font-family: arial,"song"; font-size: 14px; height: 16px; line-height:16px; overflow: hidden; padding: 10px 25px 10px 5px; width: 238px; background:none;} .page-auth .form dd .input.focus{border:1px #efa100 solid;} .page-auth .form dd .input.hover{border:1px #78B9D9 solid;} .page-auth .form dd i{height: 16px; width: 16px; top: 9px; position:absolute; left:246px; background:transparent url("../image/one4.jpg") no-repeat scroll 0 0;} .page-auth .form dd .i-psw{ background:transparent url("../image/one5.jpg") no-repeat scroll 0 0; height:19px;} .page-auth .form dd .i-phone{ background:transparent url("../image/one6.jpg") no-repeat scroll 0 0; height:21px;} .page-auth .form dd .i-email{ background:transparent url("../image/one5.jpg") no-repeat scroll 0 0; height:19px;} .page-auth .form dd i.ok{background:#ffffff url("../image/sucess.png") no-repeat scroll center center; } .page-auth .form .captcha input,.page-auth .form .captchaCode input{width:100px;margin-right:4px;} .page-auth .form .captcha a{display:inline-block; line-height:30px; height:30px;margin-left:5px; margin-top:3px; color:#666;width:90px;} .page-auth .form .validate_right{color:#099;margin-left:3px;} .page-auth .form label{margin-left:5px;background: #ffebeb; border: 1px solid #ffbdbe;color: #e2231a; height: 36px; line-height: 36px; padding: 0 5px; /*width: 170px;*/ display:inline-block;} .page-auth .login-submit, .page-auth .register-submit, .page-auth .fp-submit{ cursor:pointer; background: #e2231a none repeat scroll 0 0; border: 1px solid #e85356; color: #fff; display: block;font-family: "Microsoft yahei"; font-size: 20px; height: 33px; line-height: 30px; width: 255px; font-weight:normal; text-align:center; padding:0; margin:0; border-radius:4px;} .page-auth .login-submit:hover, .page-auth .register-submit:hover, .page-auth .fp-submit:hover{ background:rgba(228,57,60,0.8);} .page-auth .register-submit,.page-auth .fp-submit{ width:245px; border-radius:4px;} .page-auth .form .captchaCode .btn-captcha{width:133px;padding:8px 0 8px 0;border:1px #ddd solid; display:block; background:#f1f1f1; text-align:center;color:#444; cursor:pointer} .page-auth .tab li { border-bottom: 0; float: left; background: #ddd; line-height: 40px; height: 40px; width: 50%; text-align: center; cursor: pointer; border-top: 1px #ddd solid;} .page-auth .tab li a{ display:block; text-decoration:none;color:#666; font-size:14px;} .page-auth .tab li.active { background: #fff;} /* login */ #page-login{} #page-login .form{border:1px #ccc solid;padding-bottom:20px;padding-top:20px;} #page-login .form label{ position:absolute; left:5px; top:10px; font-size:12px;margin-left:2px;color:#e2231a;height:18px; line-height:18px; padding:0; background:none; border:0;} #page-login .find-password{color:#0081EF; float:right; margin-right:30px;} #page-login .register-now a{color:#3566CF;font-weight:600;line-height:26px;color: #555;background: #fff url("../image/R1CCRNXmRFXXXXXXXX.png") no-repeat scroll -98px -82px;text-align: center;display:inline-block;width: 90px;height: 26px;margin: 0 6px;} #page-login .partner-login{padding:12px 0px;margin:0px 20px;border-top:1px dashed #ddd;display: none;} #page-login .partner-login h3{font-weight:normal;font-size:12px;padding-bottom:12px;color:#999;padding-left:50px;} #page-login .partner-login p {padding-left:50px;} #page-login .partner-login p img{ vertical-align:middle} /* find_password.html */ #page-find-password{} #page-find-password .form form{border:1px #ddd solid; padding-top:30px;} #page-find-password .form dt{width:100px; padding-left:50px} #page-find-password .form .fp-submit{ background:#27A9E3; border:0} #page-find-password .form .fp-submit:hover{ background:#89D4FF} #page-find-password .find-success{border:1px #BBDDAA solid;padding:30px 0 20px 50px;height:91px;} #page-find-password .find-success .ico{float:left; background:url("../image/05.png"); width:54px; height:91px;} #page-find-password .find-success .text{float:left;margin-left:30px; line-height:25px;} #page-find-password .find-success .text span{font-size:20px} #page-find-password .find-success .text a{color:#0033CC; text-decoration:none} /*register*/ #page-register { } #page-register .form {border:1px #ddd solid;border-top:5px #ddd solid;padding-top:30px;} #page-register .form dt{width:100px;padding-left:50px;} /*member_bind */ #page-member-bind .form {border:1px #ddd solid;border-top:5px #ddd solid;} #page-member-bind .form dt{width:100px;padding-left:50px;} /* article */ #page-article .location{border:1px #ddd solid;padding:8px;} #page-article .title{font-weight:bold;font-size:14px;color:#3e3e3e;} #page-article .content{padding:10px; line-height:25px;} #page-article a{font-size:14px} #page-article .col-sub{float:left;width:210px;} #page-article .col-sub .title{padding-left:10px;border:1px #EFD5BA solid;border-bottom:0; background:url("../image/title_bg_help.png") repeat-x; height:31px; line-height:30px;} #page-article .col-sub .content{border:1px #EFD5BA solid;border-top:0;} #page-article .col-main{float:right;width:980px;} #page-article .col-main .title{font-weight:normal;font-size:12px; height:33px; overflow:hidden} #page-article .col-main .title a{font-size:12px;} #page-article .col-main .content{border:1px #ddd solid;border-top:0;margin-bottom:20px;} #page-article .col-main .content li b{display:inline-block;background:url("../image/point_list.png") no-repeat;width:3px; height:3px;margin:5px; overflow:hidden;} #page-article .col-main .content li a:hover{ text-decoration:underline} #page-article .col-main .content span{color:#999;margin-left:10px;} #page-article .article-info{ text-align:center} #page-article .article-info h1{font-size:16px;color:#666;} #page-article .article-info h2{color:#999;font-weight:normal;} #page-article .more-article h3{font-weight:normal;} #page-article .more-article a{font-size:12px} #page-category .title{border-bottom:2px #f33100 solid;padding-left:10px;} #page-category .title a{display:inline-block;background:url("../image/shop_nav.gif") right -25px; height:25px; line-height:25px; cursor:pointer} #page-category .title a:hover{color:#f33100; text-decoration:none} #page-category .title a span{display:inline-block;background:url("../image/shop_nav.gif") 0 0; height:25px;padding-left:15px;padding-right:15px;} #page-category .title a.active { background-position: right -75px;color:#fff;font-weight:bold} #page-category .title a.active:hover{color:#fff;} #page-category .title a.active span{ background-position:0 -50px;} #page-category dl{ line-height:25px;} #page-category dl dt{ background:#F7F9FC;padding-left:10px;} #page-category dl dt, #page-category dl dd{border:1px #E1E7F5 solid;} #page-category dl dd{border-top:0;padding:10px;} #page-category dl dd a{ margin-right:10px; display:inline-block} /* brand.index.html */ #page-brand .content{width:1180px;padding:9px;text-align:left;} #page-brand .content dl{margin:8px; text-align:center; _display:inline; height:75px; overflow:hidden} #page-brand .content dl .pic{width:100px; height:50px; border:1px #ddd solid;} #page-brand .content dl .desc{margin-top:5px;} #page-brand .content dl img{ display:block} /* apply.step.html */ .page-apply .logo{ margin-bottom:30px;} .page-apply .content .left{ float:left; width:208px; border:solid 1px #D7D7D7;} .page-apply .content .left .title { background-color: #F5F5F5; height: 36px; border-top: solid 1px #D7D7D7; margin-top: -1px;} .page-apply .content .left .title h3 { font: 600 14px/20px "microsoft yahei"; color: #333333; height: 20px; padding: 8px 10px;} .page-apply .content .left ul{ width:188px; margin:10px;} .page-apply .content .left ul li{ padding:10px; line-height:18px;} .page-apply .content .left ul.list li{ border-bottom:solid 1px #F5F5F5} .page-apply .content .left ul li i{ background: url("../image/joinin_pic.png") no-repeat -300px 0; vertical-align: middle; display: inline-block; width: 11px; height: 11px; margin-right: 10px;} .page-apply .content .left ul.list .current{color: #FFF; background-color: #27A9E3;} .page-apply .content .left ul.list .current i{ background-position:-300px -15px;} .page-apply .content .left ul.call li{padding:5px 10px;padding-left:50px;} .page-apply .content .left ul.call li span{margin-left:-40px; display:inline-block;width:40px;} .page-apply .content .right{ float:right; width:738px; border:1px solid #D7D7D7; padding:20px 15px;} .page-apply .content .right .title { font: 600 16px/20px "microsoft yahei"; color: #333; width: 708px; padding: 5px 15px; margin: 0 auto; border-bottom: dotted 1px #CCC;} .page-apply .content .right .joinin-i { font-size: 0; *word-spacing:-1px/*IE6、7*/; width: 630px; height: 110px; margin: 30px 50px; overflow: hidden;} .page-apply .content .right .joinin-i span { font-size: 12px; vertical-align: middle; letter-spacing: normal; word-spacing: normal; display: inline-block; *display: inline; *zoom: 1;line-height: 20px; text-align: center; width: 80px;} .page-apply .content .right .joinin-i span i { background: url("../image/joinin_pic.png") no-repeat; display: block; width: 80px; height: 80px; margin-bottom: 10px;} .page-apply .content .right .joinin-i span i.a { background-position: 0 -40px;} .page-apply .content .right .joinin-i span i.b { background-position: -80px -40px;} .page-apply .content .right .joinin-i span i.c { background-position: -160px -40px;} .page-apply .content .right .joinin-i span i.d { background-position: -320px -40px;} .page-apply .content .right .joinin-i i.arrow {display: inline-block; background: url("../image/joinin_pic.png") no-repeat -410px -40px; width: 14px; height: 22px; margin: 0 41px;} .page-apply .content .right .joinin-info .nav { font-size: 0; *word-spacing:-1px/*IE6、7*/; background-color: #F5F5F5; width: 738px; border-bottom: solid 2px #0286D8; margin-top:20px;} .page-apply .content .right .joinin-info .nav li { font: 14px/20px "microsoft yahei"; color: #333; vertical-align: middle; letter-spacing: normal; word-spacing: normal; text-align: center; display: inline-block; *display: inline; width: 181px; padding: 10px 0; border-right: solid 4px #FFF; *zoom: 1;} .page-apply .content .right .joinin-info .nav li.on{ background-color:#0286D8; color:#fff; font-weight:bold;} .page-apply .content .right .joinin-info .tab-content{ padding:20px 0;} .page-apply .content .right .joinin-step ul { font-size: 0; *word-spacing:-1px/*IE6、7*/; width:580px; height: 46px; margin: 30px auto 10px auto;} .page-apply .content .right .joinin-step ul li { font-size: 12px; background: url("../image/joinin_pic.png") no-repeat 0 -130px; vertical-align: top; letter-spacing: normal; word-spacing: normal; display: inline-block; *display: inline; width: 184px; height: 16px; position: relative; z-index: 1; *zoom: 1;} .page-apply .content .right .joinin-step ul li.first { background-position: -52px -130px; width: 100px;} .page-apply .content .right .joinin-step ul li.last { width: 100px;} .page-apply .content .right .joinin-step ul li.current { background-position: -184px -130px;} .page-apply .content .right .joinin-step ul li.first.current { background-position: -268px -130px;} .page-apply .content .right .joinin-step ul li span { color: #999; text-align: center;height: 20px; position: absolute; z-index: 1; bottom: -30px; left:56px; } .page-apply .content .right .joinin-step ul li.first span{ left:-26px;} .page-apply .content .right .joinin-step ul li.last span{ left:40px; width:100px; } .page-apply .content .right .apply-agreement h3 { font: 600 16px/20px "microsoft yahei"; color: #666; height: 20px; text-align: center; padding: 20px 0;} .page-apply .content .right .agreement-content { height: 300px; padding: 10px; border: solid 1px #EEE; overflow: auto; color:#666;} .page-apply .content .right .agreement-btn { text-align: center; height: 20px; line-height: 20px; margin: 20px 0;} .page-apply .content .right .apply-agreement .bottom { text-align: center; height: 30px; padding: 20px 0 10px 0; border-top: solid 1px #EEE;} .page-apply .content .right .apply-agreement .agreement_next { font: normal 12px/20px "microsoft yahei"; color: #777; background-color: #F5F5F5; text-align: center; vertical-align: middle; display: inline-block; height: 20px; padding: 4px 12px; border: solid 1px; border-color: #DCDCDC #DCDCDC #B3B3B3 #DCDCDC; cursor: pointer;} .page-apply .content .right .apply-agreement .agreement_next:hover { text-decoration: none; color: #333; background-color: #E6E6E6; border-color: #CFCFCF #CFCFCF #B3B3B3 #CFCFCF;} .apply-submit{ padding:20px 0;} .apply-submit .sgrade{} .apply-submit .sgrade .dt{ float:left; width:80px; text-align:right;} .apply-submit .sgrade ul{ overflow:hidden; float:left; width:630px; margin-left:20px;} .apply-submit .sgrade ul li.each{ float:left; margin-right:10px; margin-bottom:10px; width:180px; border:4px solid rgba(0,0,0,0.2); padding:6px; height:110px; position:relative;} .apply-submit .sgrade .each:hover,.apply-submit .sgrade ul li.selected{ border-color:#0286D8; cursor:pointer;} .apply-submit .sgrade .each h2{ text-align:center; padding-bottom:3px; margin-bottom:3px; border-bottom:1px dotted #D7D7D7;} .apply-submit .sgrade .each em{ color:#27A9E3; font-weight:bold;} .apply-submit dl{ width:100%; height:30px; line-height:30px; margin-top:10px;} .apply-submit dl dt{ float:left; width:80px; text-align:right;} .apply-submit dl dd{ float:left; margin-left:20px; position:relative} .apply-submit dl dd i{background: url("../image/joinin_pic.png") no-repeat right -120px; margin-right:5px;display: inline-block; width: 8px; height: 8px;} .apply-submit dl dd .field_notice{ color:#999;} .apply-submit select{margin:0 5px 5px 0; color: #777; background-color: #FFF; /*height: 25px;*/ vertical-align: middle; *display: inline; padding:5px 2px; border: solid 1px #CCC; *zoom:1;} .apply-submit select option { line-height: 16px; display: block; height: 16px; padding: 2px;} .page-apply .content .btn-apply{margin-top:30px; font-size:20px; display:inline-block;background:#27A9E3; width:250px; height:35px; line-height:35px; border:0; border-radius:4px} .page-apply .content .btn-apply:hover{color:#fff; background:#89D4FF} .apply-submit label.error { color: #333; line-height: 18px; background: url("../image/joinin_pic.png") no-repeat -468px -134px; vertical-align: middle; display: inline-block; height: 18px; padding: 1px 5px 1px 20px; margin-left: 4px; color:#e2231a;*display: inline;} .apply-submit label.validate_right{border:0;width:16px; height:16px;background:#ffffff url("../image/sucess.png") no-repeat scroll center center; position:absolute;right:5px;top:8px;} .apply-status{ margin:80px auto;} .apply-status p{ font-size:18px; padding:0 100px 0 100px} .apply-status p i{ display:block; width:50px; height:50px; background:url("../image/iwait.png") 0 0 no-repeat; float:left; margin-right:20px;} .apply-end p{ padding-left:150px;} .apply-end p i{background:url("../image/joinin_pic.png") -432px -60px no-repeat} .apply-end p a{font-weight:normal; margin-right:5px;} .joinin-btn{ text-align:center; margin:20px 250px;} .joinin-btn a{ cursor:pointer; background: #27A9E3 none repeat scroll 0 0; color: #fff; display: block;font-family: "Microsoft yahei"; font-size: 20px; height: 33px; line-height: 30px; width: 255px; font-weight:normal;letter-spacing:10px; text-align:center; padding:0; margin:0; border-radius:4px; } .joinin-btn a:hover{ background:#89D4FF;text-decoration:none;} /* 搭配套餐 */ .mealinfo{ border:1px solid #ddd; width:1198px; margin-bottom:10px;font-family:'Microsoft yahei';} .mealinfo .title{ background:#f5f5f5; height:48px; border-bottom:1px solid #ddd; padding:10px;} .mealinfo .title .price{ float:left; width:500px; line-height:25px; display:table-cell; font-family:Arial, Helvetica, sans-serif} .mealinfo .title .price span{ vertical-align:middle} .mealinfo .title .price span.txt{font-size: 14px; font-weight: bold;} .mealinfo .title .price strong{background: url("../image/20130604A.png") no-repeat scroll 0 5px; height: 25px; line-height:25px; padding-left:56px; display:inline-block;font-size:25px; font-weight:normal; color:#e2231a; vertical-align:middle; margin-left:5px;} .mealinfo .title_top .sale{ float:left;background: url("../image/20121123A.jpg") no-repeat scroll 0 0 ; height: 103px; width: 177px; margin-top:-11px; position:relative;} .mealinfo .title_top .sale b{ position:absolute; bottom:30px; left:40px; color: #fff; font-family: arial; font-size: 19px; height:30px; width:100px; text-align:center;} .mealinfo .title .desc{color: #999; float: right; height: 40px; line-height: 20px; width:320px;} .mealinfo .content{padding:30px 0px 0px 0px;} .mealinfo .content .box{padding:0 20px 0 20px;} .mealinfo .content h3{ color: #ff6600; font: 24px/30px "microsoft yahei"; height: 30px; padding-top: 10px;} .mealinfo .content .goodsbox{ padding:15px 0; width:1160px;border-bottom:1px #ddd dotted} .mealinfo .content .goodsbox-last{border-bottom:0;margin-bottom:50px;} .mealinfo .content .goodsbox .pic{ margin-right:15px; width:160px; height:160px;border:1px #fafafa solid;} .mealinfo .content .goodsbox .desc h2 a{ font-weight:normal; font-size:18px} .mealinfo .content .goodsbox .handle{ background:none; border:0;} .mealinfo .content .goodsbox .rate{ padding:0; margin-top:5px;} .mealinfo .content .goodsbox .desc{width:900px;} .mealinfo .content .goodsbox .desc strong{ color:#ff6600; font-size:18px; margin-right:10px; font-weight:normal} .mealinfo .content .goodsbox .desc .price{ color: #e2231a;font-size: 16px;} .mealinfo .btitle{border-color: #ddd; border-style: solid; border-width: 3px 2px;width:1174px;} .mealinfo .btitle .price{ width:600px;} .mealinfo .btitle .buy{ float:right; width:140px; height:53px;} .mealinfo .fixed{position: fixed; bottom: 0; top: auto; z-index: 11; } .mealinfo .btn_c1 { background: url("../image/btn_cat.gif") no-repeat scroll 0 0;display: block;height: 53px;line-height: 53px; width: 140px;border:0; cursor:pointer} .mealinfo .btn_c1:hover{ background-position:0 -53px;} .mealinfo .handle{border-top: 1px dotted #ddd;padding-top: 10px;} .mealinfo .handle .handle_title{text-align: right;font-family: simsun;margin-right:3px;margin-top:8px;} .mealinfo .handle ul{width:700px;margin-bottom:10px;} .mealinfo .handle ul li{float:left;} .mealinfo .handle ul li a{border:1px solid #ccc; background:#fff; margin: 2px 8px 2px 0; display:inline-block;padding:6px 10px 6px 10px;} .mealinfo .handle ul li.solid a, .mealinfo .handle ul a:hover{background:url("http://hexinhengxin.top/themes/mall/jd/styles/default/images/newicon20140417_03.png") no-repeat bottom right #fff;padding:5px 9px 5px 9px;border: 2px solid #e2231a;} /********************************* 以上为统一模板页面风格的样式代码，如果没有必要（除了修改宽度高度等），不要修改上面的代码 *******************/ /********************************* 以下为购物车到交易完成结束的页面代码，如果没有必要（除了修改宽度高度等），不要修改下面的代码 *******************/ /* cart.empty */ #page-cart{} .empty-notice{margin-top:80px;margin-bottom:80px;} .empty-notice .empty-ico,.empty-notice .empty-text{float:left;} .empty-notice .empty-ico{ background:url("../image/cart_empty.png") no-repeat; width:83px; height:93px; margin-right:50px;margin-left:50px;} .empty-notice .empty-text{ line-height:25px;margin-top:20px;} .empty-notice .empty-text a{color:#0033CC; text-decoration:none} .cartbox .title{ background:url("../image/03.png") 0 -203px; height:37px; overflow:hidden} .cartbox .title span{float:left;width:195px; text-align:center; display:inline-block; line-height:35px;} .cartbox .title span.sellect-all{text-align:left;padding-left:11px;} .cartbox .title span.col-desc{width:200px; text-align:left} #page-order .cartbox .title span.col-desc{width:380px; text-align:center} #page-order .cartbox .title span.col-promotion-type{width:250px;} #page-order .cartbox .title span.col-subtotal{width:150px; text-align:right} .cartbox .store-each .store-name{border-bottom:1px #BAD8FA solid} .cartbox .goods-each{border:1px #BAD8FA solid;border-top:0;padding:5px;width:99%;} .cartbox .goods-each .select{line-height:48px;_padding-top:10px; _display:inline} .cartbox .goods-each dd{float:left;margin:5px;} .cartbox .goods-each dd.desc p{width:300px; line-height:16px; height:32px;} .cartbox .goods-each dd.desc a, .cartbox .goods-each dd.handle a, .cartbox .store-each .store-name a{color:#0033CC; text-decoration:none} .cartbox .goods-each dd.price, .cartbox .goods-each dd.quantity, .cartbox .goods-each dd.subtotal, .cartbox .goods-each dd.handle, .cartbox .goods-each dd.promotion{line-height:48px;width:185px;color:#3e3e3e; text-align:center} .cartbox .goods-each dd.promotion{width:250px;} .cartbox .goods-each dd.pic{border:1px #ddd solid} .cartbox .goods-each dd.price{} .cartbox .goods-each dd.quantity{} .cartbox .goods-each dd.subtotal{color:#e2231a;} .cartbox .goods-each dd.handle{line-height:24px;} #page-order .cartbox .goods-each dd.subtotal{width:140px; text-align:right} .cartbox .goods-each dd.quantity input{border:1px #ddd solid;width:50px; text-align:center} .cartbox .goods-each dd.quantity img{ cursor:pointer} .cartbox .cart-amount{border-top:1px #ddd solid;border-bottom:1px #ddd solid} .cartbox .cart-amount .price{color:#e2231a;font-size:20px;} .cartbox .cart-amount .btn{ background:url("../image/T1JXrIXoXkXXa.AtHl-250-270.png") no-repeat;width:125px; height:35px; line-height:35px; display:inline-block; text-decoration:none; text-align:center; border:0;} .cartbox .cart-amount .btn:hover{color:#fff;} .cartbox .cart-amount .back{color:#0033CC; text-decoration:none} .cartbox .btn-batch{float:left;} .cartbox .btn-amount{float:right; text-align:right} .cartbox .btn-batch a{margin-right:10px;display:inline-block;width:71px; height:26px; background:url("../image/03.png") -154px -41px; line-height:26px;padding-left:0; text-decoration:none;color:#666; text-align:center} .cartbox .fullgift{color:#666;} .cartbox .fullgift .goods-each{border:1px #ddd dotted;} .cartbox .growbuy .goods-each{border:1px #CC6 solid;} .interest{ position:relative} .interest .title{border:1px #ddd solid;padding:5px;color:#666;} .interest .arr{width:8px; height:8px;position:absolute;left:0;_left:-5px;top:0;background:url("../image/02.png") 0 -275px;} .interest .content{width:1178px;padding:15px 10px;border:1px #ddd solid;border-top:0;} .interest .content dl{width:170px;padding-left:13px;padding-right:13px;} .interest .content dt a{ display:block;border:1px #EAEAEA solid;padding:4px} .interest .content dt a:hover{border:1px #ccc solid} .interest .content .price em{ background:url("../image/T1ebamXel5XXXXXXXX-20-2400.png") -5px -81px no-repeat;padding-left:16px;color:#f33100; font:bold 16px Arial;float:left;} .interest .content .price span{float:right; line-height:20px;color:#404040;} .interest .content .desc{ height:40px; overflow:hidden;margin-bottom:5px;} .interest .content .desc a{color:#3366CC; line-height:18px; display:block; height:40px;margin-top:5px;} .interest .content .desc a:hover{color:#f33100} /* order.shipping.html*/ #select-address .title a{color:#0033CC; text-decoration:none;} #select-address dl{float:left;padding:11px 15px; cursor:pointer;width:242px; height:84px;margin:10px 20px 10px 0; position:relative; color:#666; cursor:pointer; background:url("../image/T1VPiBXvpeXXbjLKQ7-272-106.jpg") no-repeat;} #select-address dl.selected_address, #select-address dl:hover{background:url("../image/T1fuaCXxFdXXbjLKQ7-272-106.jpg") no-repeat;} #select-address dt{border-bottom:1px #f2f2f2 solid; width:242px;height:22px; line-height:22px; overflow:hidden} #select-address dd{width:207px; height:45px; overflow:hidden; line-height:22px;} #select-address .btn-new-addr{display: inline-block;vertical-align: middle;padding: 0 10px;overflow: hidden;border: 1px solid #ccc;border-width: 0 1px;border-radius: 2px;background: #ccc url("../image/btn.png") 0 -380px repeat-x;cursor: pointer;color: #333;height: 25px;line-height: 25px;font-weight: 700;text-decoration: none} #select-address .deftip{position: absolute;top: 1px;right: 2px;padding: 0px 2px;text-decoration: none;filter: alpha(opacity=70);opacity: .7;z-index: 3;background: #ccc;color: #fff;display:inline-block; display:none} #select-address dl .curmarker{ display:none} #select-address dl.selected_address .curmarker{ display:inline-block; position:absolute; width:28px; height:28px; background:url("../image/T1lAPdFOVXXXcb7s2x-30-600.png") no-repeat 0 -272px;right:2px;bottom:0;} #select-address dl .btn-modify{color:#c97; text-decoration:none; display:none;} #select-address dl.selected_address .btn-modify{ display:inline-block;color:#c97; text-decoration:none;} #select-shipping .title{border-bottom:1px #ddd solid; line-height:30px;} /* order.postscript.html, order.amount.html */ .order-confirm-extra{ background:#F2F7FF;color:#404040;} .price em{ font:18px tahoma;color:#e2231a;} .price i{ font-family:Arial; font-size:14px;margin-right:4px; font-style:normal;color:#999;vertical-align:middle} .icon-remark{ background:url("../image/T1aupnXeFfXXXXXXXX-12-10.png") no-repeat; display:inline-block;width:12px; height:10px; position:relative; cursor:pointer;} .remark-body{ position:absolute; left:-50px;top:20px; font-style:normal;border:1px #ddd solid; background:#f1f1f1;padding:2px;width:160px; z-index:99} .remark-body .box{ background:#fff;padding:5px; text-align:center;} .store-amount-fields em{ text-align:right; margin-right:7px} .postscript{width:670px;} .postscript textarea{border:1px #7F9DB9 solid;width:400px; height:18px; line-height:18px;font-size:12px;color:#666; background:#fff;} .postscript .max-textarea{ height:72px;border:1px #f60 solid;color:#000;} .confirm-extra-info{width:500px;} .confirm-extra-info .extra-list{ height:22px; border:1px #fff solid; line-height:22px; padding-top:10px;padding-bottom:10px;border-top:0;border-right:0;} .confirm-extra-info .subtitle{width:100px; text-align:right} .confirm-extra-info .subcontent{width:250px;} .confirm-extra-info .fee em{ font-family:Tahoma, Geneva, sans-serif; color:#e2231a;} .confirm-extra-info .use-integral{border-bottom:0;} .confirm-extra-info .use-integral .integral-input{width:80px;} .order-confirm-extra .confirm-extra-bottom{border-top:1px #fff solid;border-bottom:1px #80B2FF dotted; height:54px; line-height:54px; text-align:right} .price-notice{float:right;color:#404040;} .price-notice span.yellow{text-align:right;border:0; background:url("../image/T1CqmcXllwXXXXXXXX-64-1800.png") no-repeat scroll 3px -195px #fff; display:inline-block;padding:7px 10px 10px 22px;} .address-confirm{float:right; text-align:right; border:1px #F50 solid; background:#FFF0E8;padding:3px; display:inline-block} .address-confirm .box{ background:#fff;padding:10px 25px 10px 25px; line-height:25px; color:#404040} .address-confirm .price em{ font-size:26px;vertical-align:middle;} .address-confirm .price i{ font-size:26px;} .make_sure{float:right} .make_sure strong{ font-weight:bold; font-size:20px; color:#e2231a;} .make_sure .back{ display:inline-block;color:#0033CC; background:url("../image/back-cart.png") no-repeat;padding-left:16px;} .make_sure .btn-step{background:#F50;width:125px; height:35px; line-height:35px; display:inline-block; text-decoration:none; text-align:center;} .make_sure .btn-step:hover{color:#fff; background:#F52A00} .cashier .order_info{border:1px #BBDDAA solid;padding:30px 0 20px 150px;height:91px;} .cashier .order_info .ico{float:left; background:url("../image/05.png"); width:54px; height:91px;} .cashier .order_info .ico.defeated{ background:url("../image/defeated.gif") no-repeat;} .cashier .order_info .text{float:left;margin-left:30px; line-height:25px; font-weight:normal; font-size:12px; color: #ddd;} .cashier .order_info .text h4{ font-size:15px;font-weight:normal;margin-bottom:10px; color:#444;margin-left:15px;} .cashier .order_info .text span{font-size:20px} .cashier .order_info .text a{color:#0033CC; text-decoration:none; display:inline-block; margin-right:15px;margin-left:15px;} .cashier .buy .defray{width:968px; line-height:47px;} .cashier .buy .defray .radio{margin-top:15px;} .cashier .buy .defray dd{width:968px;} .cashier .buy .defray dd p{margin-left:20px;} .cashier .buy .defray .logo{ display:inline-block; border:1px #ddd solid;width:125px; height:47px; text-align:center} .payform{border:1px #ddd solid} .payform .title{border-bottom:1px #ddd solid} .payform .btn-step{background:url("../image/T1JXrIXoXkXXa.AtHl-250-270.png") no-repeat;width:125px; height:35px; line-height:35px; display:inline-block; text-decoration:none; text-align:center;border:0; cursor:pointer} /* eject_layer */ #html { width: 100%; position: absolute; top: 0; left: 0; z-index: 10; background: #000; -moz-opacity: 0.2; opacity: .20; filter: alpha(opacity=20); } .eject_con { } /* 1 */ .eject_con .add { width: 538px; padding: 20px; overflow: hidden; } .eject_con .add ul { width: 538px; overflow: hidden; } .eject_con .add li { width: 538px; overflow: hidden; float: left; padding-bottom: 10px; } .eject_con .add li h3 { float: left; width: 80px; color: #646665; font-weight: normal; font-size: 12px; line-height: 24px; } .eject_con .add li p { float: left; } .eject_con .add li p span { color: #b4b4b4; padding-left: 10px; } .eject_con .add .submit { width: 458px; padding: 10px 0 0 80px; } .eject_con .add .submit .btn { border: 0; width: 120px; height: 32px; background: url("../image/btn.gif") no-repeat 0 -253px; cursor: pointer; font-weight: bold; color: #3f3d3e; } #warning {border: red 1px solid;background: #FFB7B7;color: #000;padding: 3px 10px;margin-bottom: 10px;display: none;color: #000;font-weight: normal;} #warning label {display: block;margin: 3px 0px;} #warning label.error {color: #000;font-weight: normal;} /***************** 以上为购物车到交易完成结束的页面代码，如果没有必要（除了修改宽度高度等），不要修改上面的代码 ---- 结束 ***************/