.mt-1 { margin-top:-1px } .mt-2 { margin-top:-2px } .mt-3 { margin-top:-3px } .mt5 { margin-top:5px } .mt10 { margin-top:10px } .mt20 { margin-top:20px } .mr5 { margin-right:5px } .mr10 { margin-right:10px } .mr20 { margin-right:20px } .mb5 { margin-bottom:5px } .mb10 { margin-bottom:10px } .ml5 { margin-left:5px } .ml10 { margin-left:10px } .ml20 { margin-left:20px } .pt5 { padding-top:5px } .pt10 { padding-top:10px } .pt20 { padding-top:20px } .pr5 { padding-right:5px } .pr10 { padding-right:10px } .pr20 { padding-right:20px } .pb5 { padding-bottom:5px } .pb10 { padding-bottom:10px } .pb20 { padding-bottom:20px } .pl5 { padding-left:5px } .pl10 { padding-left:10px } .pl20 { padding-left:20px } .ftx01,.ftx-01 { color:#e4393c } .ftx02,.ftx-02 { color:#71b247 } .ftx03,.ftx-03,.gray,.grey { color:#aaa } .ftx04,.ftx-04 { color:#ff6c00 } .ftx05,.ftx-05 { color:#005ea7 } .ftx06,.ftx-06 { color:#666 } .btn-1 { font-family:arial,"microsoft yahei"; cursor:pointer; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; display:inline-block; *display:inline; *zoom:1; height:25px; line-height:25px; background-color:#e74649; background-image:-moz-linear-gradient(top,#e74649,#df3134); background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#e74649),color-stop(1,#df3134)); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e74649',endColorstr='#df3134',GradientType='0'); -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e74649',endColorstr='#df3134'); background-image:linear-gradient(to top,#e74649 0,#df3134 100%); -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; color:#fff; font-size:12px; font-weight:normal; padding:0 10px; vertical-align:middle; cursor:pointer; border:0; float:none; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; transition:all .2s ease-out } .btn-1:hover { background-color:#df3134; background-image:-moz-linear-gradient(top,#df3134,#e74649); background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#df3134),color-stop(1,#e74649)); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#df3134',endColorstr='#e74649',GradientType='0'); -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#df3134',endColorstr='#e74649'); background-image:linear-gradient(to top,#df3134 0,#e74649 100%); color:#fff; text-decoration:none } .btn-1:hover { background-color:#f05356; background-image:-moz-linear-gradient(top,#f05356,#eb3c3f); background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f05356),color-stop(1,#eb3c3f)); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f05356',endColorstr='#eb3c3f',GradientType='0'); -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f05356',endColorstr='#eb3c3f'); background-image:linear-gradient(to top,#f05356 0,#eb3c3f 100%) } .btn-9 { font-family:arial,"microsoft yahei"; cursor:pointer; -webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px; display:inline-block; *display:inline; *zoom:1; height:23px; line-height:23px; background-color:#f2f2f2; background-image:-moz-linear-gradient(top,#f2f2f2,#f7f7f7); background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f2f2f2),color-stop(1,#f7f7f7)); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2',endColorstr='#f7f7f7',GradientType='0'); -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2',endColorstr='#f7f7f7'); background-image:linear-gradient(to top,#f2f2f2 0,#f7f7f7 100%); -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; color:#323333; font-size:12px; font-weight:normal; padding:0 9px; vertical-align:middle; cursor:pointer; border:0; float:none; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; transition:all .2s ease-out; border:1px solid #e1e1e1 } .btn-9:hover { background-color:#f7f7f7; background-image:-moz-linear-gradient(top,#f7f7f7,#f2f2f2); background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f7f7f7),color-stop(1,#f2f2f2)); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7',endColorstr='#f2f2f2',GradientType='0'); -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7',endColorstr='#f2f2f2'); background-image:linear-gradient(to top,#f7f7f7 0,#f2f2f2 100%); color:#323333; text-decoration:none } .btn-9:hover { -webkit-box-shadow:0 1px 1px rgba(0,1,1,0.08); -moz-box-shadow:0 1px 1px rgba(0,1,1,0.08); box-shadow:0 1px 1px rgba(0,1,1,0.08); background-color:#f7f7f7; background-image:-moz-linear-gradient(top,#f7f7f7,#f2f2f2); background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f7f7f7),color-stop(1,#f2f2f2)); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7',endColorstr='#f2f2f2',GradientType='0'); -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7',endColorstr='#f2f2f2'); background-image:linear-gradient(to top,#f7f7f7 0,#f2f2f2 100%) } .cart-warp { background:#fff; margin-bottom:20px } .form input { float:none } .form .item { display:inline-block; display:block; margin-bottom:15px; line-height:25px } .form .item:after { content:"."; display:block; height:0; clear:both; visibility:hidden } * html .form .item { height:1% } *+html .form .item { min-height:1% } .form .item span.label { float:left; height:18px; line-height:18px; padding:4px 0 3px; width:75px; text-align:right } .form em { color:#e4393c } .form .itxt,.form .selt,.form .area { line-height:18px; border:1px solid #ccc; padding:5px; float:none } .form .itxt { height:18px; width:155px; padding:3px 5px 2px } .form label { float:none } .form .jdradio,.form .jdcheckbox { float:none; vertical-align:-2px; _vertical-align:-1px; margin:0 3px 0 0; padding:0 } .op-tipmsg { display:inline-block; *display:inline; *zoom:1; background:#fff; border:1px solid #ccc; padding:5px 10px; height:20px; line-height:20px; color:#e74649; box-shadow:0 0 2px 2px #eee } .op-tipmsg .s-icon { display:inline-block; *display:inline; *zoom:1; vertical-align:middle; margin-right:10px; width:16px; height:16px; overflow:hidden; background:url(http://misc.360buyimg.com/user/cart/css/i/icon16.png) no-repeat } .op-tipmsg .warn-icon { background-position:0 0 } .op-tipmsg .succ-icon { background-position:-16px 0 } .tip-box { width:300px; margin:0 auto } .tip-box .op-btns { margin-top:20px } .tip-box h3 { font-family:'\5fae\8f6f\96c5\9ed1'; font-size:18px; line-height:21px } .tip-box .links { margin-left:-6px } .tip-box .links ul { display:inline-block; display:block } .tip-box .links ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden } * html .tip-box .links ul { height:1% } *+html .tip-box .links ul { min-height:1% } .tip-box .links li { float:left; border-left:1px solid #ccc; padding:0 5px } .tip-box .item-fore { overflow:hidden } .tip-box .item-fore div { line-height:20px; min-height:20px } .icon-box { position:relative; _height:48px; _overflow:visible } .icon-box .m-icon { display:inline-block; *display:inline; *zoom:1; position:absolute; top:0; left:0; height:0; width:48px; height:48px; background:url(http://misc.360buyimg.com/user/cart/css/i/icon48.png) no-repeat } .icon-box .succ-icon { background-position:0 0 } .icon-box .warn-icon { background-position:-94px 0 } .icon-box .error-icon { background-position:-48px 0 } .icon-box .qm-icon { background-position:-144px 0 } .icon-box .item-fore { margin-left:58px } .giftcard-box { width:420px } .sku-edit-cont { width:320px } .sku-edit-cont dl { display:inline-block; display:block } .sku-edit-cont dl:after { content:"."; display:block; height:0; clear:both; visibility:hidden } * html .sku-edit-cont dl { height:1% } *+html .sku-edit-cont dl { min-height:1% } .sku-edit-cont dt { float:left; width:70px; height:25px; line-height:25px } .sku-edit-cont dd { float:left; display:inline-block; display:block; width:300px } .sku-edit-cont dd:after { content:"."; display:block; height:0; clear:both; visibility:hidden } * html .sku-edit-cont dd { height:1% } *+html .sku-edit-cont dd { min-height:1% } .sku-edit-cont dd .item { float:left; margin:2px 8px 2px 0; background:#fff; _width:26px; _display:inline } .sku-edit-cont dd .item a { display:block; white-space:nowrap; text-decoration:none; border:1px solid #ccc; padding:1px; height:25px; line-height:25px } .sku-edit-cont dd .item a:hover { border:2px solid #e4393c; padding:0 } .sku-edit-cont dd .item i { display:inline-block; *display:inline; *zoom:1; vertical-align:middle; font-style:normal; margin-right:3px; cursor:pointer } .sku-edit-cont dd .selected { position:relative; zoom:1 } .sku-edit-cont dd .selected a { border:2px solid #e4393c; padding:0 } .sku-edit-cont dd .selected b { position:absolute; bottom:2px; right:2px; width:12px; height:12px; overflow:hidden; background:url(http://misc.360buyimg.com/user/cart/css/i/cart-icons-new.png) 0 -90px no-repeat } .sku-edit-cont dd .disabled a { border:1px dashed #ccc; padding:1px; color:#999 } .sku-edit-cont .prop { margin-bottom:10px } .sku-edit-cont .prop-size .item a { height:22px; line-height:22px; padding:1px 4px } .sku-edit-cont .prop-size .item a:hover { padding:0 3px } .sku-edit-cont .prop-size .selected a { padding:0 3px } .sku-edit-cont .prop-size .disabled a { padding:1px 4px } .sku-edit-cont .jd-service-tips .tips-tit { float:left; width:40px } .sku-edit-cont .jd-service-tips .tips-cont { float:left; width:250px; padding-bottom:5px } .sku-edit-cont .op-btns { width:290px; height:25px; overflow:hidden; white-space:nowrap; margin-top:10px } .sku-edit-cont .jd-service { position:relative } .sku-edit-cont .jd-service dt { width:290px; float:none } .sku-edit-cont .jd-service dd { width:290px; float:none } .sku-edit-cont .jd-service .yb-item-cat { float:left; position:relative; background:#fff; z-index:1; margin:0 0 10px } .sku-edit-cont .jd-service .yb-item-cat .item { position:relative; margin:0 } .sku-edit-cont .jd-service .yb-item-cat .item .yb-item { padding:1px 11px 1px 21px; height:21px; line-height:21px; width:254px } .sku-edit-cont .jd-service .yb-item-cat .item .yb-item:hover { padding:0 10px 0 20px } .sku-edit-cont .jd-service .yb-item-cat .yb-item-list { display:none; position:absolute; left:0; top:25px } .sku-edit-cont .jd-service .yb-item-cat .selected .yb-item { padding:0 10px 0 20px } .sku-edit-cont .jd-service .yb-item-cat .yb-item-more { display:inline-block; *display:inline; *zoom:1; position:absolute; z-index:3; top:12px; right:13px; _right:21px; width:0; height:0; border-style:solid dashed dashed; border-width:4px; border-color:#000 transparent transparent; line-height:100px; overflow:hidden; zoom:1; font-size:0 } .sku-edit-cont .jd-service .yb-item-cat .yb-link { position:absolute; left:0; top:0; border:0; width:20px; height:20px; overflow:hidden } .sku-edit-cont .jd-service .yb-item-cat .yb-link .yb-ico { display:block; position:absolute; left:4px; top:4px; width:16px; height:16px; background:url(http://misc.360buyimg.com/user/cart/css/i/yb-icons20141023.png) 0 0 no-repeat; cursor:pointer } .sku-edit-cont .jd-service .yb-item-hover { z-index:2 } .sku-edit-cont .jd-service .yb-item-hover .yb-item-more { top:7px; border-style:dashed dashed solid; border-color:transparent transparent #000 } .sku-edit-cont .jd-service .yb-item-hover .yb-item-list { display:block } .sku-edit-cont .jd-service .yb-item-hover .yb-item-list .item { background:#f5f5f5 } .sku-edit-cont .jd-service .yb-item-cat-r0 .yb-link .yb-ico { background-position:0 0 } .sku-edit-cont .jd-service .yb-item-cat-r1 .yb-link .yb-ico { background-position:-54px 0 } .sku-edit-cont .jd-service .yb-item-cat-r2 .yb-link .yb-ico { background-position:-18px 0 } .sku-edit-cont .jd-service .yb-item-cat-r3 .yb-link .yb-ico { background-position:-72px 0 } .sku-edit-cont .jd-service .yb-item-cat-r4 .yb-link .yb-ico { background-position:-36px 0 } .sku-edit-cont .jd-service .yb-item-cat-r5 .yb-link .yb-ico { background-position:-91px 0 } .sku-edit-cont .jd-service .yb-item-cat-r6 .yb-link .yb-ico { background-position:-111px 0 } .sku-edit-cont .jd-service .yb-item-cat-r7 .yb-link .yb-ico { background-position:-128px 0 } .sku-edit-cont .jd-service .yb-item-cat-r8 .yb-link .yb-ico { background-position:-146px 0 } .promotion-cont { position:relative; line-height:23px; width:280px } .promotion-cont .price { font-family:verdana; color:#e4393c } .promotion-cont .promotion-more { position:relative; margin:10px 0 0 } .promotion-cont .promotion-more .tit { position:relative; z-index:1; height:25px; line-height:25px; padding:0 5px; border:1px solid #e0e0e0; cursor:pointer; width:268px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis } .promotion-cont .promotion-more .tit a:hover { text-decoration:none } .promotion-cont .promotion-more .tit b { display:inline-block; *display:inline; *zoom:1; position:absolute; z-index:3; top:10px; right:5px; width:0; height:0; border-style:solid dashed dashed; border-width:4px; border-color:#000 transparent transparent; line-height:100px; overflow:hidden; zoom:1; font-size:0 } .promotion-cont .promotion-more .cont { display:none; position:absolute; z-index:2; top:25px; background:#fff; width:278px; border:1px solid #e0e0e0; border-top:0 } .promotion-cont .promotion-more .cont li a { display:block; color:#333; padding:0 5px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis } .promotion-cont .promotion-more .cont li a:hover { background:#f3f3f3; text-decoration:none; color:#333 } .promotion-cont .promotion-more.hover { z-index:2 } .promotion-cont .promotion-more.hover .tit b { border-style:dashed dashed solid; border-color:transparent transparent #000; top:6px } .promotion-cont .promotion-more.hover .cont { display:block } .gift-box { background-color:#fff; border:1px solid #e4393c; box-shadow:0 0 2px 2px #eee; display:none; position:absolute; width:400px; z-index:40 } .gift-box .gift-goods { height:315px; overflow-y:auto } .gift-box .gift-arr { display:block; position:absolute; background-image:url(http://misc.360buyimg.com/user/cart/css/i/cart-tips.png); background-repeat:no-repeat; width:6px; height:11px; background-position:0 0; overflow:hidden; top:30px; left:-6px } .gift-box .gift-mt { position:relative; padding:0 10px; height:25px; line-height:25px; color:#fff; margin:-1px 0 0; background-color:#e74649; background-image:-moz-linear-gradient(top,#e74649,#df3134); background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#e74649),color-stop(1,#df3134)); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e74649',endColorstr='#df3134',GradientType='0'); -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e74649',endColorstr='#df3134'); background-image:linear-gradient(to top,#e74649 0,#df3134 100%); -webkit-border-radius:3px 3px 0 0; -moz-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0 } .gift-box .gift-mt em.num { font-family:verdana; margin:0 5px } .gift-box .gift-mt .close { position:absolute; right:10px; top:0; cursor:pointer; width:10px } .gift-box .gift-tit { display:inline-block; display:block; padding:0 10px } .gift-box .gift-tit:after { content:"."; display:block; height:0; clear:both; visibility:hidden } * html .gift-box .gift-tit { height:1% } *+html .gift-box .gift-tit { min-height:1% } .gift-box .gift-tit h3 { float:left; height:30px; font-size:12px; line-height:30px } .gift-box .gift-tit .extra-r { float:right; line-height:30px } .gift-box .item-gift { display:inline-block; display:block; padding:10px; border-top:1px solid #e0e0e0 } .gift-box .item-gift:after { content:"."; display:block; height:0; clear:both; visibility:hidden } * html .gift-box .item-gift { height:1% } *+html .gift-box .item-gift { min-height:1% } .gift-box .item-gift .p-checkbox { float:left; width:30px; height:10px } .gift-box .item-gift .p-img { float:left; width:80px; height:80px; border:1px solid #f1f1f1; margin-right:10px; background:#fff; padding:0; text-align:center; overflow:hidden } .gift-box .item-gift .p-msg { float:left; width:230px } .gift-box .item-gift .p-name { height:3em; line-height:1.5em; overflow:hidden } .gift-box .item-gift .p-name .num { font-family:verdana; color:#999 } .gift-box .item-gift .p-price del { color:#999; display:block } .gift-box .item-gift .p-price strong { font-family:verdana; color:#e4393c; font-weight:normal } .gift-box .item-gift .p-price em { font-weight:bold } .gift-box .item-hover { background:#fffbf2 } .gift-box .item-selected { background:#fff7e3 } .gift-box .item-first { border:0 } .gift-box .item-invalid { background:#f0f0f0 } .gift-box .item-invalid .p-price strong { color:#ccc } .gift-box .op-btns { border-top:1px solid #e0e0e0; padding:8px 0 } div.cart-tips { border:1px solid #e4393c; background:#fff } div.cart-tips .ui-tips-arrow { background-image:url(http://misc.360buyimg.com/user/cart/css/i/cart-tips.png) } div.pros-tips { margin:18px 0 0 -65px } div.pros-tips.ui-tips-x-left .ui-tips-arrow { left:30px } div.service-tips { display:none; margin:-1px 0 0; position:absolute; top:396px; left:332px; background-color:#fff; border:1px solid #e4393c; box-shadow:0 0 2px 2px #eee; padding:10px 14px 10px 10px; z-index:100 } div.service-tips .jd-service-tit { position:absolute; height:15px; line-height:15px; border:1px solid #e4393c; border-bottom:0; top:-16px; left:-1px; background:#fff; color:#e4393c; padding:0 6px 0 2px; cursor:pointer } div.promotion-tips { margin:-1px 0 0; display:none; padding:10px 14px 10px 10px; width:276px; z-index:30; box-shadow:0 0 2px 2px #eee; border:1px solid #e4393c; background:none repeat scroll 0 0 #fff; position:absolute; left:731px; text-align:left } div.promotion-tips .promotion-tit { position:absolute; height:19px; line-height:17px; width:53px; border:1px solid #e4393c; border-bottom:0; top:-20px; left:-1px; background:#fff; color:#e4393c; padding:0 15px 0 8px; cursor:pointer } div.promotion-tips .promotion-tit b { display:block; position:absolute; right:8px; top:8px; vertical-align:middle; width:7px; height:4px; margin-left:5px; overflow:hidden; background:url(http://misc.360buyimg.com/user/cart/css/i/cart-icons-new.png) -82px 0 } div.giftbox-tips { padding:0 0 10px } .cart-body-cover { top:0; left:0; z-index:1001; width:100%; height:100%; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#b2000000',endColorstr='#b2000000'); background:rgba(0,0,0,0.7); position:fixed; _position:absolute; _width:expression(documentElement.clientWidth); _height:expression(documentElement.clientHeight); _top:expression(documentElement.scrollTop) } .cart-guid-bg { position:absolute; background:url(http://misc.360buyimg.com/user/cart/css/i/cart-guid-bg.png) no-repeat #fff; width:990px; height:960px; z-index:998; margin-top:1px } #cart-guid { position:absolute; width:990px; height:900px; overflow:hidden; z-index:1001 } #cart-guid ul { position:absolute; left:0; top:0; width:2970px; height:242px } #cart-guid li { float:left; width:990px; position:relative; z-index:100; overflow:hidden } #cart-guid li .next { position:absolute; width:115px; height:46px; z-index:2; background-image:url(about:blank) } #cart-guid li .close { position:absolute; width:30px; height:22px; z-index:2; cursor:pointer; background-image:url(about:blank) } #cart-guid li .fore-bg { position:absolute; top:0; left:0; width:100%; z-index:1 } #cart-guid li.fore1 { height:213px } #cart-guid li.fore1 .fore-bg { background:url(http://misc.360buyimg.com/user/cart/css/i/cart-guid01.png) no-repeat; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://misc.360buyimg.com/user/cart/css/i/cart-guid01.png',sizingMethod='crop'); height:170px; margin-top:43px } #cart-guid li.fore1 .close { bottom:20px; left:377px } #cart-guid li.fore1 .next { left:420px; bottom:7px } #cart-guid li.fore2 { height:553px } #cart-guid li.fore2 .fore-bg { background:url(http://misc.360buyimg.com/user/cart/css/i/cart-guid02.png) top no-repeat; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://misc.360buyimg.com/user/cart/css/i/cart-guid02.png',sizingMethod='crop'); height:242px; margin-top:311px; margin-left:247px; width:634px } #cart-guid li.fore2 .next { left:403px; bottom:90px } #cart-guid li.fore2 .close { left:360px; bottom:100px } #cart-guid li.fore3 { height:827px } #cart-guid li.fore3 .fore-bg { background:url(http://misc.360buyimg.com/user/cart/css/i/cart-guid03.png) no-repeat; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://misc.360buyimg.com/user/cart/css/i/cart-guid03.png',sizingMethod='crop'); height:170px; margin-top:657px } #cart-guid li.fore3 .close { width:70px; height:64px; bottom:18px; left:862px } #cart-guid li.fore3 .close a { width:70px; height:64px } #refresh { text-align:center; padding:10px 0 50px } #refresh .mt { margin-bottom:20px } #refresh .mb { font-family:"Microsoft Yahei"; font-size:16px; color:#999; font-weight:bold } #refresh .mb a { color:#e4393c; padding:0 5px } .nologin-tip,.l-tip { border:1px solid #edd28b; background:#fffdee; padding:10px 20px; line-height:25px; margin-bottom:20px; color:#f70 } .nologin-tip .wicon,.l-tip .wicon { display:inline-block; *display:inline; *zoom:1; vertical-align:middle; margin-right:10px; width:16px; height:16px; overflow:hidden; background:url(http://misc.360buyimg.com/user/cart/css/i/icon16.png) 0 0 no-repeat } .nostock-tip { border:1px solid #db9a9a; background:#ffe8e8; padding:10px 20px; height:25px; line-height:25px; color:#e4393c; margin-bottom:20px; text-align:center } .act-form { width:280px } .act-form .item span.label { width:30px; margin-right:10px; _display:inline } .act-form .fl { width:230px } .act-form { width:280px } .act-form .item span.label { width:30px; margin-right:10px; _display:inline } .act-form .fl { width:230px } .p-coupon-item { display:inline-block; display:block; margin:10px 0 } .p-coupon-item:after { content:"."; display:block; height:0; clear:both; visibility:hidden } * html .p-coupon-item { height:1% } *+html .p-coupon-item { min-height:1% } .p-coupon-item .coupon-price { position:relative; float:left; font-size:0; margin:5px 10px 0 0; background:#ff888a; height:21px; width:41px; text-align:center; padding:0 2px } .p-coupon-item .coupon-price i { display:block; position:absolute; height:21px; width:2px; top:0; overflow:hidden; background:url(http://misc.360buyimg.com/user/cart/css/i/cart-coupon-icons.png) no-repeat #fff } .p-coupon-item .coupon-price i.i1 { left:0; background-position:0 -36px } .p-coupon-item .coupon-price i.i2 { right:0; _right:-1px; background-position:-12px -36px } .p-coupon-item .coupon-price .txt { font-size:12px; color:#fff; font-family:verdana } .p-coupon-item .coupon-msg { float:left; width:200px; line-height:18px } .p-coupon-item .coupon-opbtns { float:left } div.promotion-ctips { width:300px } div.promotion-ctips .promotion-cont { width:300px } div.promotion-atips { width:350px } div.promotion-atips .promotion-cont { width:340px; margin-left:10px } .act-promotion .act-item { position:relative; margin:0 0 5px } .act-promotion .act-item .label { float:left; margin:0 10px 0 0; _display:inline } .act-promotion .act-item .act-info { float:left; color:#999 } .act-promotion .act-item .act-arrow { position:absolute; right:0; top:8px; width:20px; height:20px; overflow:hidden; cursor:pointer } .act-promotion .act-item .act-arrow b { display:block; width:7px; height:5px; background:url(http://misc.360buyimg.com/user/cart/css/i/cart-icons-new.png) -65px 0 } .act-promotion .act-item .act-arrow-close b { transform:rotate(180deg); -webkit-transform:rotate(180deg) } /* user-cart header.css Date:2015-02-03 16:04:54 */ .header { padding:15px 0 10px } #logo { padding-left:5px; float:left; position:relative; width:270px } #logo .link2 { overflow:hidden; display:block; position:absolute; width:100px; height:40px; line-height:99em; top:8px; right:0; background:#fff } #logo .link2 b { display:block; position:absolute; width:100px; height:40px; line-height:99em; top:0; right:0; background:url(http://misc.360buyimg.com/user/cart/widget/header/i/cart-icon.png) #fff no-repeat } .cart-search { float:right; border:2px solid #c91623; background:#c91623; height:24px; margin-top:20px; overflow:hidden } .cart-search .itxt { border:0; height:18px; line-height:18px; width:260px; padding:3px 5px; *padding:3px 5px 2px } .cart-search .button { display:inline-block; *display:inline; *zoom:1; vertical-align:top; width:48px; height:24px; background:#c91623; text-align:center; color:#fff; font-weight:700; -webkit-appearance:none } /* user-cart cart-filter-bar.css Date:2015-02-11 15:15:24 */ .cart-filter-bar { margin-top:10px } .cart-filter-bar .switch-cart { float:left; position:relative; height:26px; overflow:hidden } .cart-filter-bar .switch-cart li { float:left; font-weight:700; font-size:16px; height:26px; line-height:26px; text-align:center; padding:0 0 10px; cursor:pointer; margin:5px 30px 0 0 } .cart-filter-bar .switch-cart li a { color:#333 } .cart-filter-bar .switch-cart li.curr,.cart-filter-bar .switch-cart li.curr a { color:#e4393c } .cart-filter-bar .switch-cart li .number { font-family:verdana; font-size:14px } .cart-filter-bar .switch-cart li .disabled { cursor:not-allowed; text-decoration:none } .cart-filter-bar .cart-store { float:right } .cart-filter-bar .w-line { position:relative; height:1px; background:#e0e0e0 } .cart-filter-bar .w-line .floater { position:absolute; height:2px; background:#e4393c; left:0; width:80px; overflow:hidden } .cart-store { position:relative; z-index:5; display:inline-block; display:block; margin-bottom:10px; padding-left:122px } .cart-store:after { content:"."; display:block; height:0; clear:both; visibility:hidden } * html .cart-store { height:1% } *+html .cart-store { min-height:1% } .cart-store .label { float:left; line-height:26px } #store-selector { position:relative; float:left; z-index:3; height:26px; cursor:default } #store-selector .txt { float:left; position:relative; top:0; height:23px; background:#fff; border:1px solid #CECBCE; padding:0 20px 0 4px; line-height:23px; overflow:hidden } #store-selector .txt b { display:block; position:absolute; top:9px; right:0; width:17px; height:6px; background:url(http://misc.360buyimg.com/user/cart/css/i/cart-icons-new.png) -45px 0 no-repeat; overflow:hidden } #store-selector .content { display:none; position:absolute; top:25px; right:0; border:1px solid #CECBCE; width:390px; padding:15px; background:#fff } #store-selector.hover .txt { z-index:1; height:25px; border-bottom:0 } #store-selector.hover .content { display:block } .jd-stock { position:relative } .jd-stock .tab { width:100%; height:25px; float:left; border-bottom:2px solid #edd28b; overflow:visible } .jd-stock .tab li { float:left; clear:none; padding:0 } .jd-stock .tab li.curr a { height:25px; background-color:#fff; border:2px solid #edd28b; border-bottom:0; padding:0 20px 0 10px; line-height:22px; text-decoration:none; color:#005aa0 } .jd-stock .tab a { position:relative; float:left; height:23px; line-height:23px; padding:0 21px 1px 11px; margin-right:3px; border:1px solid #ddd; border-bottom:0; color:#005aa0; text-align:center; cursor:pointer } .jd-stock .tab a i { position:absolute; right:4px; top:10px; display:block; width:7px; height:5px; overflow:hidden; background:url(http://misc.360buyimg.com/user/cart/css/i/cart-icons-new.png) -65px 0 no-repeat } .jd-stock .area-list { padding-top:5px } .jd-stock .area-list li { float:left; width:80px; padding:2px 0 2px 15px; clear:none } .jd-stock .area-list li a { float:left; padding:2px 4px; color:#005aa0 } #jdarea { position:relative; float:left; z-index:3; height:26px; cursor:default; margin:0 } #jdarea .ui-area-content-wrap { margin-left:-16px } .announcement-cont { position:absolute; left:0; top:-19px; width:112px; margin-right:10px; height:55px } .announcement-cont img { vertical-align:middle } /* user-cart cart-inner-new.css Date:2015-06-30 16:03:56 */ .cart-checkbox { position:relative; z-index:3; float:left; margin-right:5px } .cart-checkbox .jdcheckbox { position:relative; float:none; vertical-align:middle; _vertical-align:-1px; margin:0 3px 0 0; *left:-3px; padding:0 } .cart-checkbox label { display:none } .cart-main .jdradio,.cart-main .jdcheckbox { float:none; position:relative; z-index:5; vertical-align:middle; _vertical-align:-1px; margin:0 3px 0 0; padding:0; *left:-3px } .cart-main .cart-thead { display:inline-block; display:block; height:32px; line-height:32px; margin:0 0 10px; padding:5px 0; background:#f3f3f3; border:1px solid #e9e9e9; border-top:0 } .cart-main .cart-thead:after { content:"."; display:block; height:0; clear:both; visibility:hidden } * html .cart-main .cart-thead { height:1% } *+html .cart-main .cart-thead { min-height:1% } .cart-main .cart-thead .column { float:left } .cart-main .cart-thead .t-checkbox { height:18px; line-height:18px; padding-top:7px; width:122px; padding-left:11px } .cart-main .cart-thead .t-goods { width:238px } .cart-main .quantity-txt { text-align:center; } .cart-main .cart-thead .t-props { width:80px; height:32px; padding:0 20px } .cart-main .cart-thead .t-price { width:100px; padding-right:40px; text-align:right } .cart-main .cart-thead .t-quantity { width:80px; text-align:center } .cart-main .cart-thead .t-sum { width:100px; padding-right:40px; text-align:right } .cart-main .cart-thead .t-action { width:75px } .cart-item-list { margin-bottom:20px } .item-list { border-style:solid; border-width:2px 1px 1px; _border-width:1px; border-color:#aaa #f1f1f1 #f1f1f1; background:#fff } .item-list .item-single:first-child,.item-list .item-suit:first-child,.item-list .item-full:first-child { border-top:0 } .cart-tbody a:hover { text-decoration:none } .cart-tbody .shop { height:30px; line-height:30px; padding-left:11px; font-weight:bold } .cart-tbody .shop .shop-name { display:inline-block; *display:inline; *zoom:1; max-width:144px; overflow:hidden; vertical-align:middle; height:30px; line-height:30px } .cart-tbody .shop .self-shop-name { width:54px; height:18px; background:url(http://misc.360buyimg.com/user/cart/css/i/cart-icons-new.png) 0 -177px no-repeat; overflow:hidden; line-height:99em; color:#e4393c } .cart-tbody .shop .shop-txt { float:left; width:538px; _width:530px } .cart-tbody .shop .shop-coupon { float:left; width:71px; height:26px; overflow:hidden } .cart-tbody .shop .shop-coupon .shop-coupon-btn { display:block; width:71px; height:26px; line-height:99em; background:url(http://misc.360buyimg.com/user/cart/css/i/cart-coupon-icons.png) no-repeat; overflow:hidden } .cart-tbody .item-header { padding:5px 10px; line-height:26px; color:#999; display:inline-block; display:block } .cart-tbody .item-header:after { content:"."; display:block; height:0; clear:both; visibility:hidden } * html .cart-tbody .item-header { height:1% } *+html .cart-tbody .item-header { min-height:1% } .cart-tbody .item-header .full-icon { position:relative; display:inline-block; *display:inline; *zoom:1; vertical-align:middle; background:#f48719; border:1px solid #f48719; color:#fff; padding:1px 10px; height:16px; line-height:16px; margin:0 10px 0 5px } .cart-tbody .item-header .full-icon b { display:block; position:absolute; width:5px; height:6px; left:-1px; bottom:-5px; background:url(http://misc.360buyimg.com/user/cart/css/i/cart-line-02.png) 0 0 no-repeat; overflow:hidden } .cart-tbody .item-header .full-gray-icon { background:#fff; color:#f48719; border:1px solid #f48719 } .cart-follow { margin-top: 10px; display:none; } .cart-tbody .item-header .full-gray-icon b { width:5px; height:6px; left:-1px; border:0; bottom:-5px; background:url(http://misc.360buyimg.com/user/cart/css/i/cart-line-02.png) 0 -7px no-repeat; overflow:hidden } .cart-tbody .item-header .f-txt { float:left; width:750px; white-space:nowrap; text-overflow:ellipsis } .cart-tbody .item-header .f-price { float:left; width:100px; text-align:right; font-family:verdana; line-height:13px; color:#333 } .cart_loading { padding:20px auto; text-align: center; } .cart-empty { height: 98px; padding: 80px 0 120px; color: #333; } .cart-empty .message { height: 98px; padding-left: 341px; background: url(http://misc.360buyimg.com/user/cart/css/i/no-login-icon.png) 250px 22px no-repeat; } .cart-empty .message ul { padding-top: 35px; } .cart-empty .message .txt { font-size: 14px; } .cart-tbody .item-header .f-price strong { color:#333; font-weight:normal } .cart-tbody .item-header .btn-1 { height:19px; line-height:19px; padding:0 5px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px } .cart-tbody .item-header a.ftx-05 { color:#333 } .cart-tbody .item-header a.ftx-05:hover { color:#e4393c } .cart-tbody .item-single,.cart-tbody .item-suit,.cart-tbody .item-full { border-top:1px solid #ccc; *zoom:1 } .cart-tbody .item-item { position:relative; padding:0 10px 1px 40px; border-top:1px solid #c5c5c5; line-height:20px; _height:116px; background:#fff; *zoom:1 } .cart-tbody .item-item .item-form { display:inline-block; display:block } .cart-tbody .item-item .item-form:after { content:"."; display:block; height:0; clear:both; visibility:hidden } * html .cart-tbody .item-item .item-form { height:1% } *+html .cart-tbody .item-item .item-form { min-height:1% } .cart-tbody .item-item .cell { float:left; padding:15px 0 10px } .cart-tbody .item-item .p-checkbox { position:absolute; z-index:3; left:10px; top:0; width:30px; min-height:10px; _height:10px } .cart-tbody .item-item .p-goods { width:330px } .cart-tbody .item-item .p-props { width:80px; min-height:10px; _height:10px; padding:15px 20px } .cart-tbody .item-item .p-props-new { width:100px; height:80px; line-height:20px; overflow:hidden; padding:15px 10px 0 } .cart-tbody .item-item .p-props-new .props-txt { width:100px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; cursor:default } .cart-tbody .item-item .p-props-can .btn-edit-sku { position:absolute; display:none; right:-1px; top:-1px; height:17px; line-height:17px; width:34px; background:#e4393c; text-align:center; color:#fff; cursor:pointer } .cart-tbody .item-item .p-props-can-hover { position:relative; background:#fff; border:1px dashed #e4393c; height:100%; padding:14px 19px; cursor:default } .cart-tbody .item-item .p-props-can-hover .btn-edit-sku { display:block } .cart-tbody .item-item .p-price { width:100px; padding-right:40px; font-family:verdana; text-align:right } .cart-tbody .item-item .p-price del { display:block } .cart-tbody .item-item .p-price strong { display:block; color:#333; font-weight:normal } .cart-tbody .item-item .p-price .sales-promotion { display:block; width:53px; border:1px solid #f9d2d3; color:#e4393c; height:18px; text-align:left; line-height:17px; padding:0 15px 0 8px; cursor:pointer; background:#fff; text-decoration:none; float:right; overflow:hidden; position:relative } .cart-tbody .item-item .p-price .sales-promotion b { display:block; position:absolute; right:8px; top:8px; width:7px; height:4px; margin-left:5px; overflow:hidden; background:url(http://misc.360buyimg.com/user/cart/css/i/cart-icons-new.png) -82px -3px } .cart-tbody .item-item .p-price .sales-promotion.curr b { background-position:-82px 0 } .cart-tbody .item-item .p-price .beans-info { border:1px solid #d0e4c2; padding:1px; text-align:center; line-height:20px; color:#7abd54; background:#fff; margin:5px 0; float:right; white-space:nowrap } .cart-tbody .item-item .p-price .beans-info a { color:#005ea7 } .cart-tbody .item-item .p-price .cashback { border:1px solid #d0e4c2; padding:1px 2px; text-align:center; line-height:20px; color:#7abd54; background:#fff; margin:5px 0; float:right; white-space:nowrap } .cart-tbody .item-item .p-quantity { width:80px } .cart-tbody .item-item .p-quantity .quantity-form { position:relative; overflow:hidden; height:22px; width:80px } .cart-tbody .item-item .p-quantity .quantity-form span.promo-num { width:80px; display:inline-block; text-align:center } .cart-tbody .item-item .p-quantity .upspan,.cart-tbody .item-item .p-quantity .downspan { position:absolute; top:0; z-index:2; display:block; height:22px; line-height:22px; width:42px; text-align:center; left:19px; color:#333; font-size:12px; font-family:verdana; margin-left:-0.2px\9; margin-top:-0.1px\0 } .cart-tbody .item-item .p-quantity .decrement,.cart-tbody .item-item .p-quantity .increment { border:1px solid #cacbcb; border-right:0; height:18px; line-height:18px; padding:1px 0; width:16px; text-align:center; color:#666; margin:0; background:#fff } .cart-tbody .item-item .p-quantity .decrement:hover,.cart-tbody .item-item .p-quantity .increment:hover { text-decoration:none } .cart-tbody .item-item .p-quantity .decrement.disabled,.cart-tbody .item-item .p-quantity .increment.disabled { color:#ddd; cursor:default; color:#e9e9e9 } .cart-tbody .item-item .p-quantity .decrement { float:left } .cart-tbody .item-item .p-quantity .increment { float:right; border:1px solid #cacbcb; border-left:0; color:#666 } .cart-tbody .item-item .p-quantity .itxt { position:absolute; left:17px; top:0; border:1px solid #cacbcb; width:42px; height:18px; line-height:18px; text-align:center; padding:1px; margin:0; font-size:12px; font-family:verdana; color:#333; -webkit-appearance:none } .cart-tbody .item-item .p-quantity .quantity-txt .num { font-family:verdana } .cart-tbody .item-item .p-quantity .quantity-txt .tips-i { background:url(http://misc.360buyimg.com/user/cart/css/i/tips-ico.png) no-repeat scroll 0 center; display:inline-block; height:18px; width:18px; margin:0 0 2px 5px; vertical-align:middle } .cart-tbody .item-item .p-sum { width:100px; padding-right:40px; text-align:right; font-family:verdana } .cart-tbody .item-item .p-sum strong { color:#333; font-weight:bold } .cart-tbody .item-item .p-ops { width:75px } .cart-tbody .item-item .p-ops a { color:#666; display:block } .cart-tbody .item-item .p-ops a:hover { color:#e4393c } .cart-tbody .item-item .goods-item { display:inline-block; display:block } .cart-tbody .item-item .goods-item:after { content:"."; display:block; height:0; clear:both; visibility:hidden } * html .cart-tbody .item-item .goods-item { height:1% } *+html .cart-tbody .item-item .goods-item { min-height:1% } .cart-tbody .item-item .goods-item .p-img { float:left; width:80px; height:80px; border:1px solid #eee; margin-right:10px; background:#fff; padding:0; text-align:center; overflow:hidden } .cart-tbody .item-item .goods-item .p-msg { float:left; width:250px } .cart-tbody .item-item .goods-item .p-name { height:40px; line-height:20px; overflow:hidden } .cart-tbody .item-item .goods-item .p-name a { color:#333 } .cart-tbody .item-item .goods-item .p-name a:hover { color:#e4393c } .cart-tbody .item-item .goods-item .p-extend { margin-top:2px } .cart-tbody .item-item .goods-item .p-extend .promise { margin:0 10px 0 0; display:block; min-height:18px; _height:18px; _overflow:visible; line-height:18px; margin-bottom:2px } .cart-tbody .item-item .goods-item .p-extend .promise a { padding:1px 4px 0 7px; height:15px; line-height:15px } .cart-tbody .item-item .goods-item .p-extend .promise a:hover { text-decoration:none } .cart-tbody .item-item .goods-item .p-extend i { display:inline-block; *display:inline; *zoom:1; width:17px; height:16px; vertical-align:middle; overflow:hidden; background:url(http://misc.360buyimg.com/user/cart/css/i/cart-icons-new.png) no-repeat } .cart-tbody .item-item .goods-item .p-extend .jd-service-icon { background-position:0 -23px } .cart-tbody .item-item .goods-item .p-extend .jd-giftcard-icon { background-position:-27px -23px } .cart-tbody .item-item .goods-item .p-extend .jd-service { display:inline-block; *display:inline; *zoom:1; vertical-align:middle } .cart-tbody .item-item .goods-item .jdint-icon { display:inline-block; *display:inline; *zoom:1; width:61px; height:20px; background:url(http://misc.360buyimg.com/user/cart/css/i/jdInt-icon.png) no-repeat; vertical-align:middle; overflow:hidden; margin-right:3px } .cart-tbody .item-item .gift-items { padding-bottom:10px; color:#999 } .cart-tbody .item-item .gift-items .gift { display:none } .cart-tbody .item-item .gift-items .gift-item { height:20px; line-height:20px } .cart-tbody .item-item .gift-items .gift-item a { color:#999 } .cart-tbody .item-item .gift-items .gift-item a:hover { color:#e4393c } .cart-tbody .item-item .jdservice-items { display:inline-block; display:block; position:relative; padding-bottom:5px } .cart-tbody .item-item .jdservice-items:after { content:"."; display:block; height:0; clear:both; visibility:hidden } * html .cart-tbody .item-item .jdservice-items { height:1% } *+html .cart-tbody .item-item .jdservice-items { min-height:1% } .cart-tbody .item-item .jdservice-items .service { display:none } .cart-tbody .item-item .jdservice-items a { color:#999 } .cart-tbody .item-item .jdservice-items .service-item { height:20px; line-height:20px; display:inline-block; display:block } .cart-tbody .item-item .jdservice-items .service-item:after { content:"."; display:block; height:0; clear:both; visibility:hidden } * html .cart-tbody .item-item .jdservice-items .service-item { height:1% } *+html .cart-tbody .item-item .jdservice-items .service-item { min-height:1% } .cart-tbody .item-item .jdservice-items .service-item .service-name { float:left; width:360px; color:#999 } .cart-tbody .item-item .jdservice-items .service-item .service-price { float:left; width:120px; padding-right:40px; text-align:right; margin-left:120px; text-indent:0 } .cart-tbody .item-item .jdservice-items .service-item .service-price strong { font-family:verdana; font-weight:normal; color:#333 } .cart-tbody .item-item .jdservice-items .service-item .service-quantity { float:left; width:80px; font-family:verdana; text-align:center; text-indent:0 } .cart-tbody .item-item .jdservice-items .service-item .service-sum { float:left; width:100px; padding-right:40px; text-align:right; text-indent:0 } .cart-tbody .item-item .jdservice-items .service-item .service-sum strong { font-family:verdana; font-weight:bold; color:#333 } .cart-tbody .item-item .jdservice-items .service-item .service-ops { float:left; width:75px; text-indent:0 } .cart-tbody .item-item .single-header { display:none; height:26px; line-height:26px; background:#fff; margin:0 -20px 0 -40px; padding:0 20px 0 40px } .cart-tbody .item-item .single-header div { border-bottom:1px solid #e0e0e0 } .cart-tbody .item-first { border-top:0 } .cart-tbody .item-last { border-bottom:0 } .cart-tbody .item-selected { background:#fff4e8 } .cart-tbody .item-selected .single-header { background:#fff4e8 } .cart-tbody .item-invalid { background:#f1f1f1; color:#ccc } .cart-tbody .item-invalid .p-price,.cart-tbody .item-invalid .p-sum { color:#ccc } .cart-tbody .item-invalid .p-price strong,.cart-tbody .item-invalid .p-sum strong { color:#ccc } .cart-tbody .item-full { position:relative; background:url(http://misc.360buyimg.com/user/cart/css/i/cart-line-02.png) -9px 0 repeat-y } .cart-tbody .item-full .item-item { border:0 } .cart-tbody .item-full .item-form { border-top:1px solid #f1f1f1 } .cart-tbody .item-full .item-last .item-line { display:none } .cart-tbody .item-full .s-ico { display:inline-block; *display:inline; *zoom:1; width:28px; height:14px; line-height:14px; text-align:center; overflow:hidden; vertical-align:middle; background:#fb9c31; color:#fff; margin-right:3px } .cart-tbody .item-full .item-header { background:#fff; position:relative; z-index:2; height:26px } .cart-tbody .item-full .item-line { position:absolute; z-index:1; left:15px; top:0; width:2px; height:100%; background:url(http://misc.360buyimg.com/user/cart/css/i/cart-line-02.png) -9px 0 repeat-y } .cart-tbody .item-full .line-circle { display:block; position:absolute; z-index:2; top:-17px; left:5px; height:25px; width:1px; background:url(http://misc.360buyimg.com/user/cart/css/i/cart-line-02.png) -9px -2px repeat-y } .cart-tbody .item-suit { position:relative } .cart-tbody .item-suit .item-item { border:0 } .cart-tbody .item-suit .item-header .item-form { border:none 0 } .cart-tbody .item-suit .item-form { border-top:1px dashed #e6e6e6; padding:0 } .cart-tbody .item-suit .suit-name { width:292px; display:inline-block; display:block; position:relative; padding-left:50px; color:#333 } .cart-tbody .item-suit .suit-name:after { content:"."; display:block; height:0; clear:both; visibility:hidden } * html .cart-tbody .item-suit .suit-name { height:1% } *+html .cart-tbody .item-suit .suit-name { min-height:1% } .cart-tbody .item-suit .suit-name strong { position:absolute; left:0; top:0 } .cart-tbody .item-suit .suit-name .goods-name { float:left; height:40px; line-height:20px; overflow:hidden } .cart-tbody .item-suit .suit-name a { color:#333 } .cart-tbody .item-suit .suit-name a:hover { color:#e4393c } .cart-tbody .item-suit .suit-goods { border-top:1px dashed #e6e6e6; padding:0 } .cart-tbody .item-suit .item-header .cell { padding:10px 0 0 } .cart-tbody .item-suit .item-header .p-props { padding:10px 20px 0 } .cart-tbody .item-suit .item-header .p-sum,.cart-tbody .item-suit .item-header .p-price { padding:10px 40px 0 0 } .cart-tbody .item-suit .item-line { position:absolute; left:15px; top:0; width:1px; height:100%; background:url(http://misc.360buyimg.com/user/cart/css/i/cart-line-02.png) -9px 0 repeat-y } .cart-tbody .item-suit .item-last .item-line { display:none } .cart-tbody .item-suit .line-circle { display:block; position:absolute; z-index:2; top:-17px; left:2px; height:27px; width:7px; background:url(http://misc.360buyimg.com/user/cart/css/i/cart-line-02.png) 0 -17px no-repeat } .cart-tbody .item-suit .item-header .line-circle { top:19px; background-position:-9px 0; left:5px; height:34px } .cart-tbody .item-give .line-circle { display:block; position:absolute; z-index:2; top:-17px; left:2px; height:29px; width:7px; background:url(http://misc.360buyimg.com/user/cart/css/i/cart-line-02.png) 0 -17px no-repeat } :root .cart-tbody .item-item .p-quantity .upspan,:root .cart-tbody .item-item .p-quantity .downspan { margin-top:.6px\0 } /* user-cart cart-toolbar-new.css Date:2015-03-24 16:42:55 */ .cart-toolbar { height:50px; border:1px solid #f0f0f0; background:#fff; position:relative } .toolbar-wrap { margin:0 auto } .toolbar-wrap .options-box { position:relative; height:50px } .toolbar-wrap .select-all { float:left; height:18px; *width:60px; line-height:18px; padding:16px 0 16px 9px; white-space:nowrap } .toolbar-wrap .operation { float:left; height:50px; width:210px; line-height:50px } .toolbar-wrap .operation a { float:left; margin-left:25px; color:#666 } .toolbar-wrap .operation a:hover { color:#e4393c; text-decoration:none } .toolbar-wrap .toolbar-right { position:absolute; height:52px; right:0; top:-1px; width:710px } .toolbar-wrap .toolbar-right .combine { display:none } .toolbar-wrap .toolbar-right .combine .int-right { float:left; width:336px } .toolbar-wrap .toolbar-right .combine .comm-right { float:right; width:710px } .toolbar-wrap .toolbar-right .normal { height:52px } .toolbar-wrap .toolbar-right .normal .comm-right { float:right; width:710px } .toolbar-wrap .amount-sum { float:right; color:#999; height:44px; line-height:20px; margin:7px 0 0; cursor:pointer } .toolbar-wrap .amount-sum em { color:#e4393c; font-family:verdana; font-weight:700; margin:0 3px } .toolbar-wrap .amount-sum b { display:inline-block; *display:inline; *zoom:1; width:9px; height:5px; background:url(http://misc.360buyimg.com/user/cart/css/i/cart-icons-new.png) -45px -91px; overflow:hidden; vertical-align:middle; margin:-5px 0 0 5px; -webkit-transition:all .2s ease-in 0s; -moz-transition:all .2s ease-in 0s; transition:all .2s ease-in 0s } .toolbar-wrap .amount-sum b.up { background-position:-45px -91px } .toolbar-wrap .amount-sum b.down { background-position:-45px -95px; -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); transform:rotate(360deg) } .toolbar-wrap .price-sum { float:right; height:43px; line-height:20px; margin:7px 20px 0 10px; color:#666; width:auto } .toolbar-wrap .price-sum .txt { float:left; width:110px; text-align:right; color:#999 } .toolbar-wrap .price-sum .price { display:inline-block; *display:inline; *zoom:1; text-align:right; font-family:verdana } .toolbar-wrap .price-sum .price em { font-size:16px; color:#e4393c; font-weight:700 } .toolbar-wrap .price-sum div { white-space:nowrap } .toolbar-wrap .btn-area { float:right } .toolbar-wrap .btn-area .common-submit-btn,.toolbar-wrap .btn-area .jdInt-submit-btn,.toolbar-wrap .btn-area .submit-btn { display:block; position:relative; width:96px; height:52px; line-height:52px; color:#fff; text-align:center; font-size:18px; font-family:'\5fae\8f6f\96c5\9ed1'; background:#418ED4; overflow:hidden; border: none; cursor: pointer; } .toolbar-wrap .btn-area .common-submit-btn b,.toolbar-wrap .btn-area .jdInt-submit-btn b,.toolbar-wrap .btn-area .submit-btn b { display:block; position:absolute; width:96px; height:52px; top:0; left:0; overflow:hidden; } .toolbar-wrap .btn-area .common-submit-btn:hover,.toolbar-wrap .btn-area .jdInt-submit-btn:hover,.toolbar-wrap .btn-area .submit-btn:hover { text-decoration:none } .toolbar-wrap .btn-area .checkout-state { display:block; position:relative; width:auto; height:52px; line-height:52px; color:#e54346; text-align:center; font-size:14px; font-family:'\5fae\8f6f\96c5\9ed1'; overflow:hidden } .toolbar-wrap .btn-area .common-submit-btn { width:136px; float:left; margin-left:10px; _display:inline } .toolbar-wrap .btn-area .common-submit-btn b { width:136px; background-position:0 -124px } .toolbar-wrap .btn-area .jdInt-submit-btn { width:154px; float:left } .toolbar-wrap .btn-area .jdInt-submit-btn b { width:154px; background-position:0 -186px } .toolbar-wrap .btn-area .submit-btn-disabled { margin-top:1px; height:49px; line-height:49px; background:#fff; cursor:not-allowed; border-right:1px solid #f0f0f0; color:#ccc } .toolbar-wrap .btn-area .submit-btn-disabled:hover { text-decoration:none } .toolbar-wrap .btn-area .submit-btn-disabled b { display:none } .toolbar-wrap .selected-item-list { position:absolute; z-index:10; top:-122px; left:0; height:122px } .toolbar-wrap .selected-item-list .arr { position:absolute; bottom:-4px; right:105px; display:block; width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-top:4px solid rgba(102,102,102,.7) } .toolbar-wrap .selected-item-list .selected-num { color:#fff; height:18px; line-height:18px; padding:5px 0 0 10px } .toolbar-wrap .selected-item-list .selected-num em { color:#e4393c; font-weight:700; font-family:verdana; margin:0 5px } .toolbar-wrap .selected-item-list .selected-list { height:122px; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#d8666666',endColorstr='#d8666666'); background:rgba(102,102,102,.85); width:988px; overflow:hidden } .toolbar-wrap .selected-item-list .selected-cont { position:relative; height:82px; width:910px; padding:5px 40px } .toolbar-wrap .selected-item-list .selected-cont .cont { width:920px; height:82px; overflow:hidden } .toolbar-wrap .selected-item-list .selected-cont .cont ul { display:inline-block; display:block; height:82px } .toolbar-wrap .selected-item-list .selected-cont .cont ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden } * html .toolbar-wrap .selected-item-list .selected-cont .cont ul { height:1% } *+html .toolbar-wrap .selected-item-list .selected-cont .cont ul { min-height:1% } .toolbar-wrap .selected-item-list .selected-cont .cont li { float:left; width:82px; height:82px; margin-right:10px; background:#000 } .toolbar-wrap .selected-item-list .selected-cont .next,.toolbar-wrap .selected-item-list .selected-cont .prev { position:absolute; display:block; width:15px; height:23px; top:50%; margin-top:-11px; background:url(http://misc.360buyimg.com/user/cart/css/i/cart-icons-new.png) 0 -114px no-repeat; overflow:hidden } .toolbar-wrap .selected-item-list .selected-cont .prev { left:10px; background-position:0 -113px } .toolbar-wrap .selected-item-list .selected-cont .prev:hover { background-position:-30px -113px } .toolbar-wrap .selected-item-list .selected-cont .prev.disabled { cursor:default } .toolbar-wrap .selected-item-list .selected-cont .next { right:20px; background-position:-15px -113px } .toolbar-wrap .selected-item-list .selected-cont .next:hover { background-position:-45px -113px } .toolbar-wrap .selected-item-list .selected-cont .next.disabled { cursor:default } .toolbar-wrap .selected-item-list .s-item { position:relative; height:80px; width:80px; border:1px solid #eaeaea; background:#fff; text-align:center } .toolbar-wrap .selected-item-list .s-item img { margin:0 auto } .toolbar-wrap .selected-item-list .s-item .del { display:none; height:18px; padding:0 2px; position:absolute; right:-1px; top:-1px; color:#fff; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#b2000000',endColorstr='#b2000000'); background:rgba(0,0,0,.7) } .toolbar-wrap .selected-item-list .s-item .del:hover { text-decoration:none } .toolbar-wrap .selected-item-list .s-item-hover .del { display:block } .toolbar-wrap .combine-selected-list { display:none } .toolbar-wrap .combine-selected-list .arr { right:324px } .toolbar-wrap .combine-selected-list .int-selected-inner { float:left; width:543px } .toolbar-wrap .combine-selected-list .normal-selected-inner { float:left; width:445px } .toolbar-wrap .combine-selected-list .int-selected-cont { width:462px; border-right:1px solid #8f8f8f } .toolbar-wrap .combine-selected-list .int-selected-cont .cont { width:460px } .toolbar-wrap .combine-selected-list .normal-selected-cont { width:365px } .toolbar-wrap .combine-selected-list .normal-selected-cont .cont { width:368px } .fixed-bottom { position:fixed; background:#fff; bottom:0; left:0; z-index:999; width:100%; border-width:1px 0; -webkit-box-shadow:0 -1px 8px rgba(0,1,1,.08); -moz-box-shadow:0 -1px 8px rgba(0,1,1,.08); box-shadow:0 -1px 8px rgba(0,1,1,.08) } .fixed-bottom .toolbar-wrap .btn-area .submit-btn-disabled { border:1px solid #f0f0f0 } /* user-cart cart-removed.css Date:2015-02-05 14:52:21 */ .cart-removed { display:none; margin-top:20px } .cart-removed .r-tit { height:30px; line-height:30px; padding-left:10px } .cart-removed .r-item { display:inline-block; display:block; background:#fff8f8; border:1px solid #ffdfdf; padding:6px 15px; margin-bottom:5px } .cart-removed .r-item:after { content:"."; display:block; height:0; clear:both; visibility:hidden } * html .cart-removed .r-item { height:1% } *+html .cart-removed .r-item { min-height:1% } .cart-removed .r-name { float:left; width:360px; white-space:nowrap; text-overflow:ellipsis } .cart-removed .r-name a { text-decoration:none } .cart-removed .r-price { float:left; width:130px; margin-left:170px } .cart-removed .r-price strong { font-family:verdana; color:#333; font-weight:400 } .cart-removed .r-quantity { float:left; width:90px; text-align:center } .cart-removed .r-ops { float:left; width:180px; text-align:right } .cart-removed .r-ops a { color:#999 } .cart-removed .r-ops a:hover { color:#e4393c; text-decoration:none } /* user-cart cart-tabs.css Date:2015-03-24 16:42:55 */ #c-tabs .tab-nav { height:27px } #c-tabs .tab-nav ul { display:inline-block; display:block; position:relative } #c-tabs .tab-nav ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden } * html #c-tabs .tab-nav ul { height:1% } *+html #c-tabs .tab-nav ul { min-height:1% } #c-tabs .tab-nav li { float:left; position:relative; border:1px solid #ddd; height:24px; line-height:24px; margin-right:5px; cursor:pointer; top:2px; _top:4px; _width:105px; _overflow:hidden; white-space:nowrap } #c-tabs .tab-nav li h3 { font-size:12px; height:18px; line-height:18px; padding:2px 22px 8px; font-weight:400; text-align:center } #c-tabs .tab-nav li.curr { height:27px; top:-1px; _top:1px; z-index:1; _border-bottom-color:#fff } #c-tabs .tab-nav li.curr h3 { font-weight:700; padding:5px 22px; color:#e4393c; background:#fff } #c-tabs .tab-con { padding:10px 0; border:1px solid #ddd } #c-tabs .p-list { position:relative; padding:0 54px; height:228px } #c-tabs .p-list .arrow-btns { position:absolute; width:18px; height:32px; background-image:url(http://misc.360buyimg.com/user/cart/css/i/cart-icons-new.png); background-repeat:no-repeat; top:50%; margin-top:-16px; overflow:hidden } #c-tabs .p-list .arrow-btns.prev { left:20px; background-position:-36px -49px } #c-tabs .p-list .arrow-btns.next { right:20px; background-position:-54px -49px } #c-tabs .p-list .arrow-btns.disabled { cursor:default } #c-tabs .p-list-cont { overflow:hidden; width:880px; height:228px } #c-tabs .p-list-cont ul { display:inline-block; display:block } #c-tabs .p-list-cont ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden } * html #c-tabs .p-list-cont ul { height:1% } *+html #c-tabs .p-list-cont ul { min-height:1% } #c-tabs .p-list-cont li { float:left; width:146px; padding:0 15px } #c-tabs .p-list-cont .p-img { width:130px; height:130px; overflow:hidden; text-align:center } #c-tabs .p-list-cont .p-name { height:3em; line-height:1.5em; overflow:hidden; margin-bottom:5px } #c-tabs .p-list-cont .p-price { font-family:verdana; margin-bottom:5px } #c-tabs .p-list-cont .p-btn a.btn-9 { height:20px; line-height:20px } /* user-cart backpanel.css Date:2015-01-08 16:25:08 */ .backpanel-inner { position:fixed; z-index:998; left:50%; margin-left:495px; bottom:51px; _position:absolute; _right:auto; _bottom:auto; _top:expression(eval(document.documentElement.scrollTop+documentElement.clientHeight-this.clientHeight-55)) } .backpanel-inner .bp-item { width:38px; height:38px; background:#fff } .backpanel-inner .bp-item a { display:block; background-image:url(http://misc.360buyimg.com/user/cart/css/i/backpanel.png); background-color:#aaa; background-repeat:no-repeat; padding:5px 0 0 7px; color:#fff; height:33px; line-height:1000px; overflow:hidden; margin-top:5px } .backpanel-inner .bp-item a:hover { line-height:14px; color:#fff; background-image:none; text-decoration:none } .backpanel-inner .bp-item .survey { background-position:0 0; line-height:14px; background-image:none; text-decoration:none; background-color:#aaa; color:#fff } .backpanel-inner .bp-item .survey:hover { background-color:#aaa; color:#fff } .backpanel-inner .bp-item .backtop { background-position:0 -55px } /* user-cart p-detect.css Date:2015-02-03 16:04:54 */ .tipbox-ie6 .good-browsers .browsers-list i,.tipbox-ie6 .ie6-tip .i-warn { background-image:url(http://misc.360buyimg.com/user/cart/widget/p-detect/i/browser-tip.png); background-repeat:no-repeat } .tipbox-browser { position:absolute; width:100%; height:90px; left:0; z-index:1000; filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#efffffff',endColorstr='#efffffff'); background:rgba(255,255,255,.94); border-top:1px solid #ddd7b7 } .tipbox-browser .tipbox-close { position:absolute; right:10px; top:10px; height:28px; line-height:28px; z-index:10; font-size:28px; font-family:simsun; cursor:pointer; color:#999 } .tipbox-browser .tipbox-inner { position:relative } .tipbox-screenZoom .tipbox-inner { width:800px; height:50px; margin:20px auto } .tipbox-screenZoom .screenZoom-tip { text-align:center } .tipbox-screenZoom .screenZoom-tip .text { display:inline-block; margin-right:5px; vertical-align:middle; line-height:50px; font-size:15px; font-family:'microsoft yahei' } .tipbox-screenZoom .screenZoom-tip .btn { height:33px; line-height:33px; padding:0 15px; vertical-align:middle; font-family:'microsoft yahei'; font-size:15px } .tipbox-ie6 { height:190px } .tipbox-ie6 .tipbox-inner { width:800px; height:150px; margin:20px auto } .tipbox-ie6 .ie6-tip { position:absolute; left:0; top:0; width:430px; height:150px; border-right:1px dashed #ccc } .tipbox-ie6 .ie6-tip .i-warn { display:inline-block; width:43px; height:43px; margin-left:37px; margin-right:20px; vertical-align:middle } .tipbox-ie6 .ie6-tip .text { display:inline-block; width:300px; vertical-align:middle; font-size:14px; line-height:30px; font-family:'microsoft yahei' } .tipbox-ie6 .ie6-tip b { display:inline-block; height:150px; width:2px; overflow:hidden; vertical-align:middle } .tipbox-ie6 .good-browsers { position:absolute; width:319px; height:150px; left:431px; padding-left:50px } .tipbox-ie6 .good-browsers .top-title { margin-top:30px; font-size:14px; font-family:'microsoft yahei' } .tipbox-ie6 .good-browsers .browsers-list { padding-top:20px; overflow:hidden } .tipbox-ie6 .good-browsers .browsers-list li { width:50px; height:62px; overflow:hidden; margin-right:20px; float:left } .tipbox-ie6 .good-browsers .browsers-list a { display:block } .tipbox-ie6 .good-browsers .browsers-list a:hover { zoom:1 } .tipbox-ie6 .good-browsers .browsers-list i { display:block; width:32px; height:32px; margin:0 auto 10px; cursor:pointer } .tipbox-ie6 .good-browsers .browsers-list i.b-chrome { background-position:0 -60px } .tipbox-ie6 .good-browsers .browsers-list i.b-firefox { background-position:-40px -60px } .tipbox-ie6 .good-browsers .browsers-list i.b-liebao { background-position:-80px -60px } .tipbox-ie6 .good-browsers .browsers-list i.b-other { background-position:-120px -60px } .tipbox-ie6 .good-browsers .browsers-list .text { display:block; height:20px; line-height:20px; overflow:hidden; text-align:center; cursor:pointer }