﻿/*购物流程*/
.mycart .step {width:690px; height:69px; margin:0 auto; background:url(/SiteCommon/Images/orderprocess.gif) no-repeat; margin-top:30px; margin-bottom:20px;}
.checkinfo .step {width:690px; height:69px; margin:0 auto; background:url(/SiteCommon/Images/orderprocess.gif) left -69px no-repeat; margin-top:30px; margin-bottom:20px;}
.successsub .step {width:690px; height:69px; margin:0 auto; background:url(/SiteCommon/Images/orderprocess.gif) left -138px no-repeat; margin-top:30px; margin-bottom:20px;}
#order .content {width:944px; margin:0 auto; background:url(/SiteCommon/Images/content_bg.gif) top left repeat-y; }
#order .content .top {width:944px; height:35px; background:url(/SiteCommon/Images/content_top_bg.gif) no-repeat; padding-top:30px;}
#order .content .bottom {width:944px; height:35px; background:url(/SiteCommon/Images/content_bottom_bg.gif) bottom left no-repeat;}
#order .content .middle {width:844px; padding:0 50px;}
#order .content .top h3.cart { display:block; margin:0 50px; background:url(/SiteCommon/Images/cart_h3bg.gif) no-repeat;  font:15px "Microsoft YaHei"; font-weight:bold; text-indent:30px; line-height:26px; }
#order .content .top h3.info { display:block; margin:0 50px; background:url(/SiteCommon/Images/info_h3bg.gif) no-repeat;  font:15px "Microsoft YaHei"; font-weight:bold; text-indent:30px; line-height:26px; }
#order .content .top h3.success { display:block; margin:0 50px; background:url(/SiteCommon/Images/success_h3bg.gif) no-repeat;  font:15px "Microsoft YaHei"; font-weight:bold; text-indent:30px; line-height:26px; }
table.commodity {width:842px; text-align:center; border-top:1px solid #DDD; border-left:1px solid #DDD;}
table.commodity th, table.gift th, table.coupon th {line-height:25px; border-bottom:1px solid #DDD; background:url(/SiteCommon/Images/commodity_ttbg.gif) repeat-x;}
table.commodity th.operate, table.gift th.operate, table.coupon th.amount {border-right:1px solid #DDD;}
table.commodity td {border-right:1px solid #DDD; border-bottom:1px solid #DDD; padding:2px 5px;}
table.commodity th.photo {width:110px;}
table.commodity th.serialnum {width:100px;}
table.commodity th.name {width:200px;}
table.commodity th.amount {width:70px;}
table.commodity th.cost, table.commodity th.price, table.gift th.cost, table.gift th.price, table.coupon th.price { width:90px;}
table.commodity td.cost, table.commodity td.price, table.gift td.price, table.coupon td.price {color:#ff4e6c;}
table.gift th.operate {width:106px;}
table.gift th.amount {width:80px;}
table.gift th.name {width:400px;}
table.coupon th.promotion {width:350px;}
table.coupon th.gifts {width:250px;}
table.commodity td.photo img { width:50px; width:50px;}
table.commodity .amount input {width:40px; border:1px solid #CCC; text-align:center;}
table.commodity td.operate img {margin:0 4px;}
table.gift {width:842px; text-align:center; border-left:1px solid #DDD;}
table.gift td {line-height:21px; border-right:1px solid #DDD; border-bottom:1px solid #DDD; padding:2px 5px;}
#order div.total {width:840px; border:1px solid #DDD; line-height:70px; text-align:right; border-top:none;}
#order div.total h4 {padding-right:20px; font-size:12px;}
.nobold {font-weight:normal;}
.mycart ul {margin:20px 0;}
li.emptycart {float:left; width:85px; padding-top:26px; height:0px; background:url(/SiteCommon/Images/emptycart_btn.gif); overflow:hidden; margin-top:7px;}
li.continuebuy {float:left; width:115px; padding-top:26px; height:0px; background:url(/SiteCommon/Images/continuebuy_btn.gif); overflow:hidden; margin-left:10px; margin-top:7px;}
li.continuebuy2 {float:right; width:115px; padding-top:26px; height:0px; background:url(/SiteCommon/Images/continuebuy_btn.gif); overflow:hidden; margin-left:10px; margin-top:7px;}
.middle li.settlement {float:right; width:104px; padding-top:39px; height:0px; background:url(/SiteCommon/Images/settlement_btn.gif); overflow:hidden; margin-right:10px; display:inline;}
.middle h6 { font-size:12px; font-weight:bold; line-height:30px;}
.middle h6 span {font-weight:normal;}
.middle h6 span a {color:#59b6df;}
table.coupon, table.accountinfo {width:842px; text-align:center; border-top:1px solid #DDD; border-left:1px solid #DDD;}
table.coupon td {line-height:21px; border-right:1px solid #DDD; border-bottom:1px solid #DDD; padding:2px 5px;}
.checkinfo table {width:842px; text-align:left; border:1px solid #DDD; margin-bottom:20px; line-height:30px;}
.checkinfo table td {padding-left:15px;}
.shipmode input, .paymode input {margin-right:6px;}
.receiveaddr table { table-layout:auto;}
.receiveaddr table img { vertical-align: text-bottom; margin-left:10px;}
.receiveaddr table td.lbl {width:100px; text-align:right;}
.receiveaddr table td.ins {width:740px;} 
.shipmode table, .paymode table {table-layout:auto;}
.receiveaddr table td.address input {width:350px;}
.receiveaddr table td.last,.receiveaddr table td.chooseaddr {height:50px;}
.receiveaddr table td.first {height:10px;}
.shipmode td.lbs {vertical-align:top;}
.shipmode a {color:#59b6df; margin:0 15px;}
.invoicemode td.lbs {width:80px; width:60px;}
.ordernote textarea {width:700px; height:100px; margin-bottom:10px;}
.accountinfo table.commodity {table-layout:auto;}
.checkinfo table.commodity {border-right:none; border-bottom:none; text-align:center; margin-bottom:0;}
.checkinfo table.commodity th.cost, .checkinfo table.gift th.cost {border-right:1px solid #DDD;}
.checkinfo table.commodity th.amount {width:80px;}
.checkinfo table.commodity td {padding:2px 5px;}
.checkinfo table.commodity th.name {width:500px;}
.checkinfo table.commodity th.price, .checkinfo table.gift th.price { width:100px;}
.checkinfo table.commodity td.cost, .checkinfo table.gift td.cost { text-align:right; width:100px; padding-right:20px;}
.checkinfo table.commodity th.amount {width:102px;}
.checkinfo table.gift {border-right:none; border-bottom:none; border-top:none; text-align:center; margin-bottom:0;}
.checkinfo table.sum {border-top:none;}
.checkinfo table.sum h4 { text-align:right; padding-right:20px; font-size:12px;}
.checkinfo table.sum h3 { text-align:right; padding-right:20px; font-size:18px;}
.checkinfo table.sum .discount {height:50px;}
.checkinfo table.sum .formula { text-align:right; padding-right:20px;}
.successinfo {width:420px; padding-left:320px; background:url(/SiteCommon/Images/successinfo_bg.gif) top left no-repeat;}
.successinfo * {vertical-align:middle;}
.successinfo p {line-height:24px;}
.successinfo img { padding-left:145px;}
.successinfo hr{border:1px dotted #CCC; margin:10px 0;} 
.successinfo a, .failinfo a {text-decoration:underline; font-weight:bold; color:#59b6df;}
.successinfo a:hover, .failinfo a:hover {text-decoration:underline; font-weight:bold; color:#ed6d00;}
.middle .productlist{width:842px;}
.middle .productlist h3 { width:842px; height:34px; font:14px "Microsoft YaHei"; font-weight:bold; color:#FFF; text-align:left; background:url(/SiteCommon/Images/menu_bg_l.gif) no-repeat; line-height:26px; padding-left:15px;}
.product li {width:165px; height:65px; padding-top:5px; float:left;}
.middle .product p {padding-left:70px; line-height:18px; }
.middle .product img {float:left; margin:0 5px;}
#order .failsub .content {margin-top:30px;}
.failinfo {width:420px; height:100px; padding-left:320px; background:url(/SiteCommon/Images/failinfo_bg.gif) 20% top no-repeat; margin-bottom:50px;}
.failinfo h6 {font:24px "Microsoft YaHei"; font-weight:normal; line-height:48px;}
.failinfo p {line-height:32px;}
.middle .submit { text-align:center; margin:30px 0;}