.btop {padding: 25px 0;}

/* 进度 */
.process {float: right; width: 639px; height: 30px; margin-top: 20px; background: url('../images/progress.png') no-repeat top;}
.process.p2 {background-position: 0 -31px;}
.process.p3 {background-position: 0 -62px;}
.process li {float: left; width: 213px; height: 30px; line-height: 30px; font-size: 14px; color: #666; text-indent: 20px;}
.process li strong {padding-right: 5px; font-size: 16px; font-weight: 500;}
.process li.curr {color: #fff; font-size: 18px;}
.process li.curr strong {font-size: 18px;}

/* 错误提示 */
.error-tips {display: none; margin: 10px 0 0; position: relative; margin-bottom: 10px; padding: 10px 30px; border: 1px #f5d8a7 solid; border-radius: 2px; background: #fff6db; font-size: 14px; text-align: center; color: #666; zoom: 1;}
.error-tips s {display: inline-block; vertical-align: middle; width: 17px; height: 17px; background: url('../images/icon-status.png') 0 -86px; margin: -3px 8px 0 0;}
.error-tips .close {position: absolute; right: 10px; top: 11px; width: 18px; height: 18px; cursor: pointer; font-size: 25px; line-height: 18px; overflow: hidden;}
.error-tips .close:hover {color: #ff3c3c;}

/* 购买内容 */
.section {width: 100%; border: 1px solid #e0e0e0; border-bottom: 0;}
.section thead th {height: 33px; font-weight: 700; font-size: 14px; background-color: #f3f3f3; text-align: center;}
.section thead th.name {text-align: left;}
.section tbody th.unitprice {width: 150px;}
.section thead th.amount {width: 180px;}
.section thead th.subtotal {width: 200px;}

.section tbody tr {position: relative;}
.section tbody td {padding: 20px 0; text-align: center; border-bottom: 1px solid #e0e0e0;}
.section tbody td.title {font-size: 14px; text-align: left;}
.section tbody td.title img {width: 70px; height: 42px; vertical-align: middle; margin-right: 5px;}
.section td .price {display: inline-block; height: 24px; padding: 0 15px; line-height: 24px; background-color: #ff4545; border-radius: 3px; color: #fff;}
.section td.counter button {width: 28px; height: 28px; text-align: center; line-height: 10px; background: #f6f6f6; color: #727272; font-size: 16px; font-weight: 700; border: 1px solid #d9d9d9; cursor: pointer; vertical-align: middle;}
.section td.counter input {width: 50px; height: 26px; border: 0; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; text-align: center; vertical-align: middle;}
.section td.total {font-size: 20px; color: #f76120;}
.section td.total .del {display: block; font-size: 12px; color: #999;}
.section td .delete {color: #ff4545;}
.section td a:hover.delete {text-decoration: underline;}
.section td.empty {font-size: 16px; line-height: 100px;}
.empty-split {height: 30px;}

/* 金额统计 */
.total-fee {padding: 20px 20px 10px; text-align: right; line-height: 30px; font-size: 14px;}
.total-fee strong {font-size: 20px; color: #f76120;}
.total-fee .amount {margin-right: 15px; font-size: 12px;}
.total-fee .amount strong {padding: 0 3px; font-size: 14px;}

/* 收货地址 */
.delivery {border: 1px solid #e5e5e5; margin-top: 20px;}
.delivery h3 {height: 33px; padding: 0 15px; line-height: 33px; font-size: 16px; font-weight: 700; background-color: #f7f7f7; border-bottom: 1px solid #e5e5e5;}
.delivery h3 a {font-size: 12px; font-weight: 500; color: #ff3c3c; margin-left: 10px;}
.radlist {padding: 15px;}
.radlist li {position: relative; padding: 8px 33px; line-height: 20px; font-size: 16px; color: #666; cursor: pointer;}
.radlist li input {display: none;}
.radlist li label {cursor: pointer;}
.radlist li s {position: absolute; left: 13px; top: 11px; width: 14px; height: 14px; background: url('../images/radio.png') no-repeat;}
.radlist li:hover s {background-position: 0 -15px;}
#delivery li.selected {background-color: #ffebd7;}
.radlist li.selected s {background-position: 0 -30px;}
.delivery h4 {padding: 15px 15px 0; border-top: 1px dotted #e5e5e5; font-size: 15px;}
.delivery h4 span {font-size: 12px; color: #999;}

/* 新地址 */
.address-field {display: none; padding: 0 15px; margin: -10px 0 15px;}
.address-field .formfield {position: relative; padding: 8px 0 8px 120px; zoom: 1;}
.address-field .formfield label {position: absolute; left: 0; width: 110px; padding-top: 6px; font-size: 14px; text-align: right; color: #333;}
.address-field .formfield label em {font-weight: 700; color: #f76120;}
.address-field .formfield select {margin: 3px 10px 0 0; width: 140px; height: 30px; border: 1px solid; border-color: #999 #ddd #ddd #999; color: #666; -webkit-appearance: none; padding: 2px 22px 2px 10px; border-radius: 0; background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAADCAMAAACtb39mAAAABlBMVEWZmZkAAACDUBULAAAAAnRSTlP/AOW3MEoAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAADaGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOkExQzJFNDAyNzgyMTY4MTE4MDgzQURCNjNBOThFMDNCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjlFQTJCOUY0MzY0NzExRTQ5OTdEQUM0ODFEOTcyNEEyIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjlFQTJCOUYzMzY0NzExRTQ5OTdEQUM0ODFEOTcyNEEyIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBMUMyRTQwMjc4MjE2ODExODA4M0FEQjYzQTk4RTAzQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBMUMyRTQwMjc4MjE2ODExODA4M0FEQjYzQTk4RTAzQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Psn0/S4AAAAXSURBVBhXY2AAA0Y4YGBE5QMFGFH4jAADSQAl/E4eeQAAAABJRU5ErkJggg==) no-repeat right center;}
.address-field .formfield input, .comment {padding: 5px; height: 18px; border: 1px solid #ccc; line-height: 20px; margin-top: 3px; vertical-align: top;}

.delivery .input-tips {display: none; padding-left: 10px; line-height: 30px; color: #666;}
.delivery .input-tips s {display: inline-block; width: 17px; height: 17px; margin: -3px 5px 0 0; vertical-align: middle; background: url('../images/icon-status.png') 0 -296px;}
.error .input-tips {display: inline-block;}
.address-field .error input {border-color: #f76120;}


.comment {margin: 10px 0 25px 15px;}


/* 提交&&提示 */
.submit {margin: 25px 0 60px; line-height: 44px;}
.submit .tips {float: left; font-size: 16px; color: #000; font-weight: 700;}
.submit .tips .mob {padding: 0 10px 0 5px; color: #f60;}
.submit .tips a {font-size: 12px; color: #08c; font-weight: 500;}

.submit .subtn {float: right; width: 140px; height: 44px; font-size: 20px; color: #fff; background-color: #ff3c3c; border-radius: 3px; border: 0; cursor: pointer;}
.submit .subtn:disabled {background-color: #d8d8d8;}


/* 对照 */
.integral{text-align: right; font-size: 14px; color: #333; padding: 20px 16px 10px;}
.integral p{display: inline-block;}
.integral .amount_jian{width: 120px; text-align: right;}

.integral .gou { display: inline-block; vertical-align: middle; width: 15px; height: 15px; margin-left: 5px; -webkit-appearance: none; background-color: transparent; border: 0; outline: 0 !important; line-height: 15px; color: #d8d8d8; border-radius: 2px; padding: 0; margin-right: 5px; margin-bottom:2px;}
.integral .gou.hasgou{ background-color: #37AF6E; border-color: #37AF6E;}
.integral .gou:after { content: ""; display:block; width: 15px; height: 15px; text-align: center; line-height: 14px; font-size: 13px; color: #fff; border: 1px solid #ddd; background-color: #fff; box-sizing:border-box; border-radius: 2px;}
.integral .gou.hasgou:after { content: "L"; transform:matrix(-0.766044,-0.642788,-0.642788,0.766044,0,0); -webkit-transform:matrix(-0.766044,-0.642788,-0.642788,0.766044,0,0); border: 0; background: transparent;}