@import url(header.css); @import url(footer.css); /******************************* this template common css ************************ * * 这里放置商城前台页面可以重复使用的代码 * */ .input{ /*background:url(../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} /* location */ .location{color:#E4393C;margin:15px auto 15px auto} .location span {color: #666; font-family:simsun;margin:0;} .location a {color: #777; border:1px #ddd solid; padding:3px 5px;background:#fff;} .location a:hover{ text-decoration:none; color:#E4393C; border:1px #E4393C solid} /* btns of order */ .btn-order{ height:33px; line-height:33px;background:#fff; margin-left:5px;} .btn-order-click{border:#ccc 1px solid;padding-left:5px;padding-right:20px;height:32px;display:inline-block; position:relative;float:left;border-left:0;} .default-sort{padding-right:5px;border-left:1px #ccc solid;} .btn-order-click b{background:url(../images/down.png) no-repeat center center; background-size:90%; top:5px;right:2px;overflow:hidden;display:block;position:absolute; width:20px; height:20px;} .order-up-gray b,.order-up b{top:5px;transform:rotate(180deg);-webkit-transform:rotate(180deg);} .btn-order-click:hover,.btn-order-cur{color:#E4393C; text-decoration:none; background:#F1EDEC;} .btn-order-click:hover b, .btn-order-cur b{color:#E4393C;background:url(../images/down-red.png) no-repeat center center; background-size:90%;} /******************************* this template common css --------- end ************************/ /********************************* widgets fields ***************************************************************** * * 这里是放置挂件样式的区域 * */ /*widget frame*/ #page-home .col-1{ height:514px;} #page-home .col-2 .col-2-r-r{width:240px; height:514px; margin-top:-514px; z-index:99; position:relative} #page-home .col-2 .col-2-r-c{width:729px; height:134px; margin-left:231px;margin-top:-136px; z-index:1; position:relative} /* 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:513px;position:relative; overflow:hidden;} .full-slides li{display:block;width:100%;height:513px;} .full-slides .nav-box{position:absolute; width:100%; left:0;top:350px;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: #e23435; color:#fff;text-decoration:none;} .full-slides .bd .benner-width{margin-left:231px; display:inline-block} /* circle-widget */ .circle{display:block;position: relative; height:164px;} .circle .title{ position:absolute; left:0; top:0; width:231px; height:151px;} .circle .scroller{width:970px; height:164px; position:absolute; left:231px; top:0;overflow:hidden;} .circle .bd img{ display:block;float:left;height:164px;width:247px;} .circle .bd li{ width:242px; height:164px; display:block;overflow:hidden; margin-right:1px;float:left} .circle .hd{width:970px; height:151px; position:absolute;left:0px; top:0; overflow:hidden} .circle .hd a{ display:none; z-index:1} .circle .hd .prev,.circle .hd .next{ width:25px; height:50px; position:absolute; background: url(../images/ecsc_icon.png) #333 no-repeat; top:45px; opacity:0.5;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);} .circle .hd .prev{ background-position: -232px 0; left: 0;} .circle .hd .next{ background-position: -261px 0; right: 0px;} .circle .hd .prevStop, .circle .hd .nextStop{ display:none} .circle .scroller:hover .prev, .circle .scroller:hover .next{ display:block; opacity:0.5} .circle .scroller:hover .prevStop, .circle .scroller:hover .nextStop{ display:none} .focus-trigeminy{height:136px; overflow:hidden;} .focus-trigeminy .scroller{ height:136px;} .focus-trigeminy .bd{ overflow:hidden; width:729px; height:136px; position:relative;} .focus-trigeminy li{ float:left;} .focus-trigeminy .hd a{ display:none; z-index:1} .focus-trigeminy .prev,.focus-trigeminy .next{ width:25px; height:50px; position:absolute; display:block; background: url(../images/ecsc_icon.png) #333 no-repeat; top:45px; opacity:1;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);} .focus-trigeminy .prev{ background-position: -232px 0; left: 0; opacity:0} .focus-trigeminy .next{ background-position: -261px 0; right: 0; opacity:0} .focus-trigeminy .prevStop, .focus-trigeminy .nextStop{ display:none} .focus-trigeminy .scroller:hover .prev, .focus-trigeminy .scroller:hover .next{ display:block; opacity:0.5} .focus-trigeminy .scroller:hover .prevStop, .focus-trigeminy .scroller:hover .nextStop{ display:none} /* limibuy */ .limitbuy{width:210px; padding:22px 15px 21px 15px; background:#efefef;} .limitbuy h3{ font-size:16px; color:#333;font-weight: normal;} .limitbuy .time,.group-ctr .time{ line-height:30px; color:#999; padding:10px 0 15px; text-align:center;} .limitbuy .time span,.group-ctr .time span{ display:inline-block; height:24px; line-height:24px; background:#333; color:#fff; padding:0 6px; margin:0 4px 0 5px;} .limitbuy .time span.days{ margin-left:0;} .limitbuy .panic-buy-slide{ position:relative; height:268px;} .limitbuy .panic-buy-slide ul{ overflow:hidden; height:268px;width: 220px; left: 0px; position: relative; overflow: hidden; padding: 0px; margin: 0px;} .limitbuy .panic-buy-slide li{ float:left; width: 220px;} .limitbuy .buy-img{ width:210px; height:120px; overflow:hidden; text-align:center} .limitbuy .buy-name{ padding-top:10px; float:left; width:100%;} .limitbuy .buy-name a{ width:210px; color:#333; text-overflow: ellipsis; white-space: nowrap;overflow: hidden; display:block} .limitbuy .buy-price{ padding-top:5px;float:left; width:100%;} .limitbuy .shop-price{ font-size:18px; margin-right:10px;} .limitbuy .shop-price em{ font-size:18px; margin-right:2px; font-family:Arial, Helvetica, sans-serif} .limitbuy .original-price{ color:#999; font-size:14px;font-family:Arial, Helvetica, sans-serif;} .limitbuy .buy-btn{ padding-top:10px; float:right; padding-right:10px;} .limitbuy .buy-btn a{font-family: "microsoft yahei"; float:right; font-size:14px; color:#fff; background:#ec5151; padding:5px 12px; text-decoration:none} .limitbuy .buy-btn a:hover{ background:#666;} .limitbuy .buy-num{ float:right; color:#999; margin-right:10px; line-height:30px;} /* article-widget */ .article{ width:240px; background:#efefef; margin-top:1px;} .article .tabs-nav{ overflow:hidden;} .article .tabs-nav li{ font-family: "microsoft yahei"; width:50%; height:48px; line-height:48px; text-align:center; float:left; background:#dcdcdc; cursor:pointer;font-size:16px; color:#333;} .article .tabs-nav li.on{ background:#efefef;} .article .tabs-bd{ height:110px; padding:13px 15px 13px 15px;} .article .tabs-bd li{ line-height:22px; height:22px; overflow:hidden; background:url(../images/member/ico-menu.png) no-repeat left 2px;padding-left:20px;} .article .tabs-bd .store-join-btn{padding:15px 25px 10px 25px; width:150px; margin:0 auto; margin-top:10px; display:block; background:#f60; color:#fff; font-size:25px; text-align:center; font-family:'yahei'; text-decoration:none} .article .tabs-bd .store-join-btn span{ display:block; font-size:12px; margin-top:8px;} /*floor-widget*/ .tesegou{} .tesegou .title{ font-size:20px; line-height:36px; color:#666; border-bottom:1px solid #ededed;} .tesegou ul{} .tesegou ul li{ float:left; width:199px; height:199px; border-left:1px solid #ededed;border-bottom:1px solid #ededed;} .tesegou ul li img{ width:199px; height:199px;} .tesegou ul li.big,.tesegou ul li.big img{ width:399px;} .tesegou ul li.last{ width:198px; border-right:1px solid #ededed;} .tesegou ul li.last img{ width:198px;} .tesegou ul li.brand a{ width:99px; display:block; height:39px; float:left; border-top:1px dashed #e0e0e0; border-right:1px dashed #e0e0e0;} .tesegou ul li.brand img{ width:99px; height:39px;} .tesegou ul li.more dl{ width:160px; padding:0px 15px;} .tesegou ul li.more dl dt{border-bottom: 1px dashed #e3e3e3; font-size: 16px; height: 50px; line-height: 50px; color:#666; font-weight:normal; text-align:center; margin-bottom:10px;} .tesegou ul li.more dl dd{ width:80px; overflow:hidden; height:30px; line-height:30px; float:left;} .tesegou ul li.more dl dd a{ margin:0 10px;} .tesegou ul li.more dl dd a:hover{ text-decoration:none;} /*floor*/ .floor .title{ height:36px; line-height:36px; border-bottom:1px solid #E4393C; width:1199px; overflow:hidden} .floor .title i{background: url(../images/sprite_floor.png) no-repeat scroll 0 -35px; color: #fff; font-size: 13px; height: 25px; padding-right: 10px;text-align: center; width: 21px; display:block; font-weight:400; font-style:normal; line-height:31px; float:left; margin-top:5px; margin-right:10px;} .floor .title i.current {background-position:0 0; animation-duration: 1s; animation-name: scaleDisc;/* Safari and Chrome */ -webkit-animation:scaleDisc;-webkit-animation-duration:2s;} .floor .title span{ float:left; font-size:20px; color:#333;} .floor .content{} .floor .left{ width:210px; float:left; position:relative;} .floor .left .ad img{ width:210px; height:480px;} .floor .left .words{ height: 90px; overflow: hidden; padding-left: 10px; width:200px; background:rgba(255, 255, 255, 0.5); position:absolute; left:0; bottom:150px; } .floor .left .words li{ float:left; width:100px; height:26px; line-height:26px; margin:10px 0 6px; text-align:left;} .floor .left .words li b{height:26px;width:26px; background:url(../images/cosmeticsicon.png) 0 0 no-repeat; text-align:center; display:block; float:left; margin-right:5px; font-size:16px; font-weight:normal; color:#666} .floor .left .words li a{ font-size:14px;} .floor .left .words li a:hover{ text-decoration:none;} .floor .left .cates{ background:rgba(255, 255, 255, 0.7) none repeat scroll 0 0;padding:15px 10px 15px 25px; position:absolute; bottom:0; left:0;} .floor .left .cates ul{ height:120px; width:175px; overflow:hidden;} .floor .left .cates ul li{ float:left;} .floor .left .cates a{ color:#888; line-height:24px; margin-right:10px; white-space:nowrap;} .floor .left .cates a:hover{ color:#E4393C; text-decoration:none;} .floor .right{ float:left; width:990px; position:relative; z-index:9;} .floor .right .ads{ float:left; width:220px;} .floor .right .pos{ padding-left:330px;} .floor .right .ads img{ width:219px; height:239px; border-right:1px solid #ededed; border-bottom:1px solid #ededed;} .floor .right .slides{width:330px;height:480px; position:absolute; left:0; top:0; overflow:hidden} .floor .right .slides li{display:block;width:330px;height:480px; float:left;} .floor .right .slides li a{display:block;} .floor .right .slides .nav-box{position:absolute; width:100%; left:0;bottom:8px;z-index:99; text-align:center;} .floor .right .slides .nav-box .ks-switchable-nav{} .floor .right .slides .nav-box .ks-switchable-nav a{height:9px;width:9px;border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;background:#3e3e3e;margin-right:5px; display:inline-block;} .floor .right .slides .nav-box .ks-switchable-nav a:hover,.floor .right .slides .nav-box .ks-switchable-nav .ks-active{background:#b61b1f;} .floor .right .slides .btn{background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2); color: #fff; display: block; font-family: "simsun"; font-size: 22px; font-weight: normal; height: 62px; line-height: 62px; position: absolute; text-align: center; top: 45%; width: 28px; z-index: 1; display:none;} .floor .right .slides .btn:hover{text-decoration: none;} .floor .right .slides .prev{ left: 0;} .floor .right .slides .next{ right: 0;} .floor .right .tab{ position:absolute; top:-37px; right:1px; height: 36px;line-height: 36px; z-index:1;} .floor .right .tab li{ float:left; height:36px; line-height:36px; position:relative;} .floor .right .tab li a{ background: #fff ; border:1px #eee solid; border-bottom:0; display:inline-block; height: 35px; line-height: 35px; overflow: hidden; padding: 0 16px; text-decoration: none; white-space: nowrap;margin-left:10px;} .floor .right .tab li.on{} .floor .right .tab li.on a { border:1px solid #E4393C;border-bottom:1px #fff solid; color: #E4393C;height:36px; line-height:35px;background:#fff;} .floor .right .tab-content dl{ width:167px; float:left; height:209px; padding:15px; border-bottom:1px solid #ededed; border-right:1px solid #ededed;} .floor .right .tab-content dl .goods-name{ height:16px; line-height:16px; overflow:hidden; width:167px;} .floor .right .tab-content dl .price{color: #E4393C; font-family: Verdana; font-size: 15px; margin-top:5px;} .floor1 .left{ width:328px; float:left; position:relative;} .floor1 .left .ad img{ width:328px; height:472px;} .floor1 .left .words{background:rgba(255, 255, 255, 0.5); height: 87px; overflow: hidden; padding-left: 25px; width:303px; position:absolute; left:0; top:235px; } .floor1 .left .cates ul{ height:120px; width:293px; overflow:hidden;} .floor1 .left .cates a{ margin-right:20px;} .floor1 .right{ width:872px;} .floor1 .right .ads{ float:left; width:218px;} .floor1 .right .ads img{ width:217px; height:235px;} .floor1 .right .small img{height:117px;} .floor1 .right .slides{width:436px;height:235px; position:relative; float:left;} .floor1 .right .slides li{display:block;width:436px;height:236px; float:left;} .floor1 .right .slides li img{ width:436px; height:236px;} .floor1 .right .tab-content dl{ width:167px; float:left; height:205px; padding:15px 25px; } .floor-brand { background:#f7f7f7; padding:10px 0;} .floor-brand ul li{ float:left; height:40px; width:119px; text-align:center; border-left:1px dotted #ccc} .share .title{font-family:"microsoft yahei";font-size:20px; color:#666;line-height:35px; height:35px;border-bottom:1px solid #dedede;} .share .comment{ width:310px; float:left;} .share .goods{ width:890px; float:left;} .share .content{} .share .goods .title span{background: url(../images/title.png) no-repeat scroll right 8px; padding-right: 232px;} .share .goods dl{ float:left; width:89px; height:105px; padding:15px 10px 15px 110px; border-left:1px solid #dedede; border-bottom:1px solid #dedede;} .share .goods dt{ width:100px; height:100px; float:left; margin-left:-100px;} .share .goods dd{ float:left; margin-left:10px;} .share .goods dt img{ width:100px; height:100px; transition:all 0.4s ease-out 0s} .share .goods dl:hover img{ margin-left:-8px;} .share .goods .name{ width:80px; height:36px; line-height:18px; overflow:hidden; margin-bottom:8px;} .share .goods .name a{ color:#666;} .share .goods .name a:hover{ text-decoration:none;} .share .goods .price{color: #e12228; display: block; font-size: 16px; font-weight:normal;;} .share .goods .first{ width:229px; padding:15px; height:241px;border-left:1px solid #dedede; border-bottom:1px solid #dedede;} .share .goods .first dt{ float:none; margin:0; width:230px; height:200px; text-align:center;} .share .goods .first dd{ float:none;} .share .goods .first dt img{ width:200px; height:200px;} .share .goods .first .name{ width:230px; margin-top:10px; height:18px; margin-bottom:0;} .share .comment .content{border: 1px solid #ededed; height: 220px; padding: 30px 20px 21px; width: 268px; border-top:0;overflow:hidden;z-index:11;position:relative} .share .comment .content .box{overflow:hidden;z-index:11;position:relative; width:268px; height:220px;} .share .comment dl{ height:110px; width:178px; padding-left:95px;} .share .comment dl dt{ width:80px; float:left; margin-left:-95px;} .share .comment .ks-switchable-nav{ display:none;} .share .comment dl dd { float:left;} .share .comment dl dd img{ width:28px; height:28px; margin-right:5px; border-radius:50%; float:left;} .share .comment .name{ margin-bottom:5px;} .share .comment .name span{ line-height:28px;} .share .comment .com{background: #f8f8f8 none repeat scroll 0 0; color: #999; height: 32px; overflow: visible; padding: 10px 15px 10px 20px; position: relative; width: 130px;} .share .comment .com .detail-arrow { color: #f8f8f8; font-size: 24px; left: -7px; position: absolute; top: 10px;} .share .comment .com .icon-l { color: #aaa; font-family: Arial; font-size: 38px; left: 4px; line-height: 38px; position: absolute; top: 7px;} .share .comment .com .icon-r {color: #aaa;font-family: Arial; font-size: 38px; line-height: 38px; vertical-align:-24px;} /*index.html*/ .floor-nav{display:none;position:fixed; width:35px;z-index:998;} .floor-nav a{ width:35px; height:35px; cursor:pointer; background:#f1f1f1; text-align:center; display:block; line-height:35px; color:#666;} .floor-nav em{ display:none; height:25px; line-height:12px; color:#fff; padding-top:6px;font-size:12px; font-weight:normal;} .floor-nav a:hover,.floor-nav a.current{ background:#E4393C; color:#fff; text-decoration:none;} .floor-nav a:hover b,.floor-nav a.current b{ display:none} .floor-nav a:hover em,.floor-nav a.current em{ display:block;} /********************************* 挂件样式代码结束 widgets fields end *****************************************************************/ /* search.goods.html */ #page-search-goods {} /* 搜索页面的品牌旗舰店 */ .ultimate-store .item{border:2px solid #E4E4E4; height:70px;background:#F7F5F5} .ultimate-store .item:hover,.ultimate-store .hover{border:2px 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;font-weight:normal; text-decoration:none} .ultimate-store .content .middleside span{overflow:hidden;color:#999;margin-top:5px;} .ultimate-store .content .rightside{width:260px; height:30px; padding:20px 10px; text-align:right; overflow:hidden} .ultimate-store .content .rightside a{font-size:14px;display:inline-block;margin-left:10px;font-weight:normal;vertical-align:middle; text-decoration:none} .ultimate-store .content .rightside b{display:inline-block;vertical-align:middle;width:62px;height:18px;background: url(../images/ultimate.gif) no-repeat;cursor:pointer;} /* 搜索商品和搜索店铺页面，搜索团购，全部商品分类，全部店铺分类公用 */ .search-type{border-bottom: 1px solid #E4393C;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: #fff;background-repeat: no-repeat;border:1px solid #CCC;border-bottom:0;} .search-type .btn-type a.current{background:#E4393C;border:1px solid #E4393C;color: white;font-weight:normal;border-bottom:0; text-decoration:none} /* 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:12px;} .filter-price .fp-split{ display:block; float:left;width:8px; height:32px; /*background:url(../images/T1U_vGXjdaXXckL6Z0-130-130.png) -78px -106px;*/border-top:1px #ccc solid; border-bottom:1px #ccc solid; text-align:center;color:#666; line-height:32px;} .filter-price input{border:0;line-height:32px;width:58px; height:32px; display:block; float:left;color:#666; text-indent:5px;} .filter-price .fp-input i{ position:absolute; line-height:32px;width:12px; display:block; height:32px;top:0px;left:0px; font-style:normal; background:#eee; text-align:center} .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(../images/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:#E4393C; display:inline-block; line-height:33px; height:33px;color:#fff;cursor:pointer;width:60px; text-align:center; font-size:14px;} .filter-price .ui-btn-s-primary:hover{ text-decoration:none; background:#F4393C} /* 搜索商品和搜索店铺公用 --- 结束 */ #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:10px 0 10px 10px;color:#3e3e3e;} #page-search-goods .selected-attr strong{color:#666;font-weight:normal;} #page-search-goods .selected-attr a{padding:3px 20px 3px 3px;margin:-3px 0px;display:inline-block;border:#ddd 1px solid; background:#fff; position:relative; cursor:pointer; color:#666; line-height:16px;} #page-search-goods .selected-attr a b{font-weight:normal} #page-search-goods .selected-attr a:hover{border:1px #E4393C solid;color:#E4393C; text-decoration:none;} #page-search-goods .selected-attr a span{position:absolute;top:4px;right:3px; overflow:hidden;width:13px;height:13px; background:#E4393C;color:#fff; text-align:center; line-height:13px;} #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(../images/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:30px;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:990px;padding:5px 62px 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:7px;right:10px;cursor:pointer;color: #806f66; border:1px #ddd solid;padding:0 5px; line-height:22px;} #page-search-goods .attribute .each .pv .more-it i{float:right;margin-top:9px;display: inline-block;height: 5px;line-height: 5px;width: 9px;overflow: hidden;background: url(../images/arrow3.png) -2px -66px no-repeat;margin-left:2px;} #page-search-goods .attribute .each .pv .more-it i.foldUp{background: url(../images/arrow3.png) -2px -72px no-repeat;} #page-search-goods .attribute .each .pv .more-it:hover{border:1px #E4393C solid} #page-search-goods .attribute .each .pv .wrap-brand{width:969px;padding:5px 0px;} #page-search-goods .attribute .brand-list{border:2px #D1CCC7 solid;width:1196px;} #page-search-goods .attribute .brand-list .more-it{margin-top:5px;} #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:16px; line-height:16px; border:1px #ddd solid;padding:1px} #page-search-goods .attribute .each .color:hover{border:2px #E4393C solid;padding:0;} #page-search-goods .attribute .each .duocai{background: url(../images/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(../images/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 .list-sort{line-height:32px;color:#666; background:#fff;margin-bottom:5px;width:1200px;background: #faf9f9;} #page-search-goods .list-sort form{padding:4px; height:35px} #page-search-goods .filter-area{border:1px #ddd solid;padding:0 20px 0 5px;margin-right:5px; position:relative; background:#fff; z-index:90; cursor:default} #page-search-goods .filter-area span{height:32px;line-height:32px;display:inline-block; cursor:default} #page-search-goods .list-sort.fixed-show{position:fixed;top:0; z-index:998; background:#fff; opacity:0.95; box-shadow:0 5px 2px rgba(0,0,0,.07)} #page-search-goods .filter-area b{background:url(../images/down.png) no-repeat center center; background-size:90%; top:5px;right:2px;overflow:hidden;display:block;position:absolute; width:20px; height:20px;} #page-search-goods .filter-area:hover b{top:5px;transform:rotate(180deg);-webkit-transform:rotate(180deg);} #page-search-goods .filter-area .fa-list{position:absolute;left:-1px;top:32px; 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:#E4393C; display:inline-block; width:50px; height:22px; line-height:22px; color:#fff;border:0;cursor:pointer;margin-top:5px;} #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 .display_mod a{border:#ccc 1px solid;padding-left:15px;width:30px;height:32px; line-height:32px; display:inline-block; position:relative;float:left; background:#fff; text-decoration:none} #page-search-goods .display_mod a.qh-squares{border-left:0;} #page-search-goods .display_mod a i{background:url(../images/T1U_vGXjdaXXckL6Z0-130-130.png) no-repeat 9999px 9999px;width:9px; height:9px; display:inline-block; overflow:hidden; position:absolute;top:11px; left:5px;} #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: 14px;} #page-search-goods .glist .price em b, #page-search-goods .recommend .price em b{margin-right: 2px;font-weight:normal;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 .recommend .desc a, #page-search-goods .glist .desc a{line-height:18px; display:block;height:36px;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:10px;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:32%; text-align:center;padding: 10px 1px;line-height: 12px;color: #999;} #page-search-goods .glist .static span em,#page-search-goods .glist .static span b{font-family: arial;font-size: 12px;font-weight:normal;;} #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;border:4px #fff solid;height:397px;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.static{width:218px;} #page-search-goods .glist .squares dl dd a:hover{text-decoration:underline;color:#E4393C;} #page-search-goods .glist .squares dl .sub-images{ height:36px; background:#fff;} #page-search-goods .glist .squares dl .sub-images img{padding:1px; border:1px #ddd solid; cursor:pointer; width:30px; height:30px; overflow:hidden} #page-search-goods .glist .squares dl .sub-images img.active{border:2px #E4393C solid; padding:0;} #page-search-goods .glist .squares .item:hover, #page-search-goods .glist .squares .hover{border:4px #E4393C solid;position:relative; z-index:990;-webkit-transition: border-color .4s ease-in;-moz-transition: border-color .4s ease-in;-ms-transition: border-color .4s ease-in;-o-transition: border-color .4s ease-in;transition: border-color .4s ease-in;} #page-search-goods .glist .squares .item:hover .sub-images, #page-search-goods .glist .squares .hover .sub-images{ display:block;} #page-search-goods .glist .squares dt img{width:214px; height:214px;} #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 .desc{margin-left:10px;width:380px; line-height:20px;margin-top:20px;} #page-search-goods .glist .list .price{float:right;width:180px;padding-top:30px;padding-right:10px;} #page-search-goods .glist .list .service{float:right;padding-top:30px;padding-right:10px;} #page-search-goods .glist .list .static{display:none;} #page-search-goods .glist .list .store-info{margin-left:50px;margin-top:20px;} #page-search-goods .recommend{ clear:both;margin-top:20px; margin-bottom:40px;} #page-search-goods .recommend .title{height:30px; line-height:30px;padding-left:0px;font-size:16px;color:#3e3e3e; position:relative;} #page-search-goods .recommend .content{} #page-search-goods .recommend dl{float:left;width:224px;padding-left:10px; padding-right:10px;} #page-search-goods .recommend dt img{width:214px; height:214px;} #page-search-goods .recommend .price span{ line-height:20px;} #page-search-goods .recommend a:hover{text-decoration:underline;} #page-search-limitbuy .search-by dl{width:1200px;border-bottom:1px dotted #CCC;overflow:hidden;} #page-search-limitbuy .search-by dl a{line-height:25px; text-decoration:none} #page-search-limitbuy .search-by dl dt{width:14%;margin-right:5%;text-indent:20px;padding-top:5px;} #page-search-limitbuy .search-by dl dd{width:69%;background:#fff;padding:5px 0px;padding-right:10%;padding-left:2%; } #page-search-limitbuy .search-by dl dd a{margin-right:10px;white-space:nowrap;line-height:30px;} #page-search-limitbuy .wrap-by{background:#F7F5F5} #page-search-limitbuy .search-by dd.show-more{position: absolute;top: 3px;right: 0px;cursor: pointer;color: #806f66;display:inline-block;padding:0px;} #page-search-limitbuy .search-by dd .more-it {position:absolute;top:5px;right:15px;cursor:pointer;color: #806f66; border:1px #ddd solid;padding:0 5px;} #page-search-limitbuy .search-by dd .more-it i{float:right;margin-top:7px;display: inline-block;height: 5px;line-height: 5px;width: 9px;overflow: hidden;background: url(../images/arrow3.png) -2px -66px no-repeat;margin-left:2px;} #page-search-limitbuy .search-by dd .more-it i.foldUp{background: url(../images/arrow3.png) -2px -72px no-repeat;} #page-search-limitbuy .search-by dd .more-it:hover{border:1px #E4393C solid} #page-search-limitbuy .attr-bottom{position:relative;} #page-search-limitbuy .attr-bottom ins{border:#ebe4de 1px solid;height:3px;font-size:0; display:inline-block;background:#efebea} #page-search-limitbuy .attr-bottom b{cursor:pointer; z-index:99; position:absolute; display:block; width:75px; 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-limitbuy .attr-bottom b i{width:10px; height:15px; display:block; background:url(../images/T1U_vGXjdaXXckL6Z0-130-130.png) -82px -5px; position:absolute;top:2px;right:8px;} #page-search-limitbuy .attr-bottom b.hide-more i{ background-position:-105px -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 #E4393C solid} #page-search-limitbuy .group-list .rec_ico{background:url(../images/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:#E4393C; text-decoration:underline} #page-search-limitbuy .group-list .pic{padding:9px;padding-top:0;text-align:center;} #page-search-limitbuy .group-list .buy{ background:#E4393C; height:35px; font-weight:normal;line-height:35px;text-align:left;padding-left:10px; position:relative;color:#fff;font-size:14px} #page-search-limitbuy .group-list .buy .price{ font-family:Arial; font-weight:normal;font-size:22px;color:#fff;margin-right:20px;} #page-search-limitbuy .group-list .buy a{ display:inline-block; position:absolute;right:0px;top:0px; width:90px; height:35px; overflow:hidden; background:#f60; text-align:center; color:#fff; text-decoration:none; font-size:16px} #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(../images/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:#E4393C;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 dd{width:71%;background:#fff;padding:5px 0px;padding-right:10%;padding-left:2%; } #page-search-store .search-by dl dd a{margin-right:10px;white-space:nowrap;line-height:30px;} #page-search-store .wrap-by{background:#F7F5F5} #page-search-store .search-by dd.show-more{position: absolute;top: 3px;right: 0px;cursor: pointer;color: #806f66;display:inline-block;padding:0px;} #page-search-store .search-by dd .more-it { line-height:22px; position:absolute;top:5px;right:15px;cursor:pointer;color: #806f66; border:1px #ddd solid;padding:0 5px;} #page-search-store .search-by dd .more-it i{float:right;display: inline-block;height: 20px;line-height: 20px;width: 20px;overflow: hidden;background: url(../images/down.png) center center no-repeat; background-size:90%; } #page-search-store .search-by dd .more-it i.foldUp{transform:rotate(180deg);-webkit-transform:rotate(180deg)} #page-search-store .search-by dd .more-it:hover{border:1px #E4393C solid} #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:75px; 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(../images/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:35px;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-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{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(../images/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(../images/T1GcmeXEJXXXXUVs6Z-165-206.png) no-repeat -48px -13px;} #page-search-store .list-fields li .row_5 .view-all-goods i.put-icon{background: url(../images/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(../images/arrow2.gif) no-repeat;} #page-search-store .list-fields li .store-goods .prev{display:block;height:60px;width: 20px;background: url(../images/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(../images/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-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:normal;} #page-search-store .list-fields li .row_3 .rate-info p strong{margin-right: 30px; font-weight:normal} #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:normal;;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(../images/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(../images/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(../images/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-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:normal;;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(../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;} .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(../images/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 .logo span{font-size:26px; font-family:'yahei'; line-height:50px; margin-left:40px; float:left; color:#666; font-weight:normal;} .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:18px;padding-left:40px;margin:0 0 15px 0; width:330px; font-family:'yahei'} .page-auth .form .title .register{ font-size:14px; color:#E4393C;display: inline-block; padding-left:20px; float:right; } .page-auth .form .content{width:400px} .page-auth .form dl{width:100%; /*height:55px;*/ margin-bottom:20px} .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 28px 10px 5px; width: 300px; 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:310px; background:transparent url(../images/one4.jpg) no-repeat scroll 0 0;} .page-auth .form dd .i-psw{ background:transparent url(../images/one5.jpg) no-repeat scroll 0 0; height:19px;} .page-auth .form dd .i-phone{ background:transparent url(../images/one6.jpg) no-repeat scroll 0 0; height:21px;} .page-auth .form dd .i-email{ background:transparent url(../images/one5.jpg) no-repeat scroll 0 0; height:19px;} .page-auth .form dd .i-captcha{ left:170px;} .page-auth .form dd i.ok{background:#ffffff url(../images/sucess.png) no-repeat scroll center center; } .page-auth .form .captcha input,.page-auth .form .captchaCode input{width:162px;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.error, .page-auth .form label.field_notice{margin-left:5px;background: #ffebeb; border: 1px solid #ffbdbe;color: #E4393C; 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: #E4393C none repeat scroll 0 0; border:0; color: #fff; display: block;font-family: "Microsoft yahei"; font-size: 20px; height: 40px; line-height: 40px; width: 340px; font-weight:normal; text-align:center; padding:0; margin:0; border-radius:0px;} .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{margin-bottom:30px;} .page-auth .form .captchaCode .btn-captcha{width:133px;padding:9px 0 9px 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;*/background:#fff;margin:40px 0 40px 0;padding:20px 0 20px 0} #page-login .form label.error{ position:absolute; left:5px; top:10px; font-size:12px;margin-left:2px;color:red;height:18px; line-height:18px; padding:0; background:none; border:0;} #page-login .form dd{margin-left:35px;} #page-login .find-password{color:#0081EF; float:right; margin-right:5px;} #page-login .register-now a{color:#3566CF;font-weight:600;line-height:26px;color: #555;background: #fff url(../images/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;} #page-login .partner-login h3{font-weight:normal;font-size:12px;padding-bottom:12px;color:#999;padding-left:15px;} #page-login .partner-login p {padding-left:15px;} #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(../images/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 .auth-header{ background:url(../images/headbg.jpg) repeat-x center bottom; padding-bottom:30px;} #page-register .form {padding-top:30px; font-family:yahei} #page-register .form dt{width:100px;padding-left:50px;} #page-register .form .captchaCode input[type="text"]{width:162px;} /*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 .title{font-size:14px;color:#3e3e3e;} #page-article .content{padding:10px; line-height:25px;} #page-article .col-sub{float:left;width:231px;} #page-article .col-sub .title{ text-indent:10px; background:#E4393C;color:#fff; height:40px; line-height:40px; font-family:"Microsoft Yahei", "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif; font-weight:normal; font-size:16px} #page-article .col-sub .content{padding:0;} #page-article .col-sub .content li{ background:#eaeaea;padding:5px 15px; border-bottom:1px #fff solid; position:relative;cursor:pointer;} #page-article .col-sub .content li a{ text-decoration:none;color:#333;} #page-article .col-sub .content li b{background:url(../images/down.png) no-repeat center center; background-size:90%; top:7px;right:5px;overflow:hidden;display:block;position:absolute; width:20px; height:20px;} #page-article .col-sub .content li.active b{top:7px;transform:rotate(180deg);-webkit-transform:rotate(180deg)} #page-article .col-sub .content .child p{ background:#fff; border-bottom:1px #f1f1f1 dotted;padding:5px 15px;} #page-article .col-sub .content .child p a{color:#666; text-decoration:none; font-size:12px;} #page-article .col-sub .content .child p:hover{ background:#f1f1f1;} #page-article .col-main{float:right;width:959px;} #page-article .col-main .title{font-weight:normal;font-size:12px; height:33px; overflow:hidden; text-align:left;border-bottom:1px #ddd dotted;margin-bottom:20px; font-size:16px;} #page-article .col-main .title a{font-size:12px;} #page-article .col-main .content{ background:#fff; margin-bottom:20px; border-radius:5px; padding:20px;} #page-article .col-main .content li a{ font-family:simsun} #page-article .col-main .content span{color:#999;margin-left:10px;} #page-article .article-info{ text-align:center; border-bottom:1px #ddd dotted;margin-bottom:20px;padding-bottom:20px;} #page-article .article-info h1{font-size:16px;color:#333} #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(../images/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(../images/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 {font-family:'microsoft yahei';font-weight:300;} .page-apply .logo{ margin-bottom:30px;} .pr-title{height:38px;border-bottom:1px solid #5daee5;} .pr-title h3{width:158px;height:38px;line-height:38px;display:block;font-size:14px;padding-top:1px;text-indent:10px;background:#5DAEE5;letter-spacing:2px;color:#fff;font-weight:300;} .steps .setpbox{width:210px;} .steps .setpbox dt{width:210px;height:38px;line-height:38px;background:#5DAEE5;color:#fff;text-indent:10px;letter-spacing:2px;font-size:14px;} .steps .setpbox dd{width:208px;background-color:#fff;border:1px solid #59b6f5;} .steps .setpbox dd ul{width:158px;border:1px solid #FFF;overflow:hidden;padding:10px 0px;background:url(../images/step-ico-bg.png) 20px 21px no-repeat;} .steps .setpbox dd ul li{height:40px;line-height:36px;text-indent:52px;display:block;color:#888;font-size:12px;} .steps .setpbox dd ul li.succeed{color:#59b6f5;background:url(../images/ico-step-succeed.png) 23px 14px no-repeat;} .steps .setpbox dd ul li.current{color:#FF9900;background:url(../images/ico-step-now.png) 23px 14px no-repeat;} .steps .contact-mall dd{padding:15px 10px;width:188px;line-height:20px;} .steps .contact-mall dd p span{display:inline-block;padding-left:25px;color:#888;} .steps .contact-mall dd p.tel span{background:url(../images/tel.png) no-repeat;} .steps .contact-mall dd p.email span{background:url(../images/email.png) no-repeat;} .page-apply .content .left{ float:left; width:210px;} .page-apply .content .right{ float:right; width:780px;} .page-apply .content .right .title { font:400 16px/28px "microsoft yahei"; color: #333; padding: 5px 15px; margin: 0 auto; border-bottom: solid 1px #CCC;} .page-apply .content .right .joinin-info .nav { font-size: 0; *word-spacing:-1px/*IE6、7*/; border-bottom: solid 1px #5DAEE5; } .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: 120px; padding:8px 0; border-right: solid 4px #FFF; *zoom: 1;} .page-apply .content .right .joinin-info .nav li.on{ background-color:#5DAEE5; color:#fff; } .page-apply .content .right .joinin-info .tab-content{ padding:10px 0;color: #666;} .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;color:#666;} .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:1px solid rgba(0,0,0,0.2); padding:10px; min-height:140px; position:relative;} .apply-submit .sgrade .each:hover,.apply-submit .sgrade ul li.selected{ border-color:#5DAEE5; background:#F2F9FD;cursor:pointer;} .apply-submit .sgrade .each h2{ text-align:center; padding-bottom:8px; margin-bottom:6px; border-bottom:1px dotted #D7D7D7;} .apply-submit .sgrade .each p{color:#888;line-height:20px;} .apply-submit dl{ width:100%; height:30px; line-height:30px; margin-top:10px;} .apply-submit dl .input{width:250px;border-radius:2px;} .apply-submit dl dt{ float:left; width:80px; text-align:right;color:#666;} .apply-submit dl dd{ float:left; margin-left:20px; position:relative} .apply-submit dl dd i{background: url(../images/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:16px; display:inline-block;background:#27A9E3; width:250px; height:35px; line-height:35px; border:0; border-radius:2px} .page-apply .content .btn-apply:hover{color:#fff; background:#89D4FF} .apply-submit label.error { color: #333; line-height: 18px; background: url(../images/joinin_pic.png) no-repeat -468px -134px; vertical-align: middle; display: inline-block; height: 18px; padding: 1px 5px 1px 20px; margin-left: 4px; color:red;*display: inline;} .apply-submit label.validate_right{border:0;width:16px; height:16px;background:#ffffff url(../images/sucess.png) no-repeat scroll center center; position:absolute;right:5px;top:8px;} .apply-status{ margin:120px auto;} .apply-status p{ font-size:16px; padding:0 100px 0 100px;color:#333;} .apply-status p i{ display:block; width:50px; height:50px; background:url(../images/iwait.png) 0 0 no-repeat; float:left; margin-right:10px;} .apply-end p{ padding-left:150px;} .apply-end p i{background:url(../images/joined.png) no-repeat} .apply-end p a{font-weight:normal; margin-right:5px;font-size:12px;} .joinin-btn{ text-align:center; margin:20px 250px;} .joinin-btn a{ cursor:pointer; background: #5DAEE5 none repeat scroll 0 0; color: #fff; display: block;font-size:16px; height: 35px; line-height: 32px; width: 255px; font-weight:normal;text-align:center; padding:0; margin:0; border-radius:2px; } .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(../images/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:#E4393C; vertical-align:middle; margin-left:5px;} .mealinfo .title_top .sale{ float:left;background: url(../images/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: #E4393C;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(../images/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(../images/newicon20140417_03.png) no-repeat bottom right #fff;padding:5px 9px 5px 9px;border: 2px solid #E4393C;} /********************************* 以上为统一模板页面风格的样式代码，如果没有必要（除了修改宽度高度等），不要修改上面的代码 *******************/ /********************************* 以下为购物车到交易完成结束的页面代码，如果没有必要（除了修改宽度高度等），不要修改下面的代码 *******************/ /* 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(../images/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(../images/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:#E4393C;} .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; height:23px; line-height:23px;} .cartbox .goods-each dd.quantity img{ cursor:pointer} .cartbox .cart-amount{} .cartbox .cart-amount .price{font-size:20px; background:#E4393C;color:#fff; font-weight:normal; display:inline-block; height:35px; line-height:35px;padding:0 10px;} .cartbox .cart-amount .btn{background:url(../images/order.png) #C4393C no-repeat 0 2px;padding-left:32px;width:140px; height:35px; line-height:35px; display:inline-block; text-decoration:none; text-align:center; border:0;} .cartbox .cart-amount .btn:hover{color:#fff;background:url(../images/order.png) #A4393C no-repeat 0 2px;} .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(../images/03.png) -154px -41px; color:#666; line-height:26px;padding-left:0; text-decoration:none;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(../images/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(../images/T1ebamXel5XXXXXXXX-20-2400.png) -5px -81px no-repeat;padding-left:16px;color:#f33100; font:400 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(../images/T1VPiBXvpeXXbjLKQ7-272-106.jpg) no-repeat;} #select-address dl.selected_address, #select-address dl:hover{background:url(../images/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(../images/btn-addr.png) 0 -380px repeat-x;cursor: pointer;color: #333;height: 25px;line-height: 25px;font-weight:normal;;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(../images/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:#E4393C;} .price i{ font-family:Arial; font-size:14px;margin-right:4px; font-style:normal;color:#999;vertical-align:middle} .icon-remark{ background:url(../images/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:#E4393C;} .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(../images/member/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:#E4393C;} .make_sure .back{ display:inline-block;color:#0033CC; background:url(../images/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(../images/05.png); width:54px; height:91px;} .cashier .order_info .ico.defeated{ background:url(../images/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(../images/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: #19ACF7; cursor: pointer; color: #fff; border-radius:4px; } #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;} /***************** 以上为购物车到交易完成结束的页面代码，如果没有必要（除了修改宽度高度等），不要修改上面的代码 ---- 结束 ***************/ .voucher_center .list ul{width:1250px;} .voucher_center .list li{width: 378px;margin: 0 25px 20px 0;font-family: "Microsoft YaHei";border: 1px solid #f2f2f2;background: #fff;box-shadow: 0 10px 20px 0 rgba(0,0,0,.04);} .voucher_center .list li > *{height:145px;position: relative;} .voucher_center .list li .lp img{display:block;width: 104px;height: 104px;margin: 20px; border: 1px solid #f1f2f6; transition: all .2s ease-in-out,opacity 1s;} .voucher_center .list li .mp{float: left;z-index: 2;width: 155px;height: 120px;padding: 10px 0 15px;color: #333;outline: 0;} .voucher_center .list li .ins i{position: absolute;z-index: 3;display: block;width: 18px;height: 9px;background: url(../images/mid-circle.png) no-repeat;overflow: hidden;right: 42px;} .voucher_center .list li .ins .i1{top: -1px; background-position: 0 -9px;} .voucher_center .list li .ins .i2{bottom: -1px;background-position: 0 0;} .voucher_center .list li .rp .wp{position:absolute;background-color: #fb0f3a;background-image: -moz-linear-gradient(top,#fb0f3a,#f02353);background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fb0f3a),color-stop(1,#f02353));filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb0f3a', endColorstr='#f02353', GradientType='0');-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb0f3a', endColorstr='#f02353');background-image: linear-gradient(to bottom,#fb0f3a 0,#f02353 100%);top: 0;right: 0;width: 52px;height: 145px;} .voucher_center .list li .rp .wp a{display: block;width: 52px;height: 100%;line-height: 22px;text-align: center;font-size: 14px;color: #fff;text-decoration:none;position:relative;} .voucher_center .list li .rp .wp a .text{position: relative;display: block;top: 25px;width: 20px;margin: 0 auto;font-size: 14px;} .voucher_center .list li .rp .wp a:hover .text{font-weight:bold;} .voucher_center .list li .rp .wp a .line{position: absolute;z-index: 2;top: 0;left: -1px;display: block;width: 3px;height: 100%;background: url(../images/small-circle.png) top left repeat-y;} .voucher_center .list li .mp .value{width: 155px;height: 45px;margin-bottom: 5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #f23030;line-height: normal;} .voucher_center .list li .mp .value i{display: inline-block;font-size:18px;vertical-align: top;margin: 6px 3px 0 0; font-weight: 400;font-family: arial;} .voucher_center .list li .mp .value span{display: inline-block;font-size:34px; vertical-align: top;} .voucher_center .list li .mp .value em{display: inline-block;font-size: 12px;margin:20px 0 0 10px;vertical-align: top;padding: 0 5px;;background: #fff4ec;} .voucher_center .list li .mp .type{font-weight:bold;height: 36px;line-height: 18px;overflow: hidden;font-size: 12px;font-weight: 700;margin: 0 0 10px;cursor: default;} .voucher_center .list li .mp .count span{position: relative;width: 90px;height: 9px;margin-top: 5px;border-radius: 5px; background: #eee;display:inline-block;} .voucher_center .list li .mp .count span i{background: #ffb2b2;display: block;position: absolute;left: 0;top: 0;height: 8px;border-radius: 5px;}