You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
438 lines
8.4 KiB
438 lines
8.4 KiB
|
|
#container {
|
|
padding-bottom:20px
|
|
}
|
|
.checkout-tit {
|
|
height:42px;
|
|
line-height:42px;
|
|
font-size:16px;
|
|
overflow:hidden
|
|
}
|
|
.checkout-tit .tit-txt {
|
|
float:left
|
|
}
|
|
.checkout-tit .extral-r {
|
|
float:right
|
|
}
|
|
.checkout-steps {
|
|
background-color:#fff;
|
|
padding:0 20px;
|
|
border:1px solid #f0f0f0
|
|
}
|
|
#container h2 {
|
|
font-size:16px;
|
|
height:44px;
|
|
line-height:44px;
|
|
border-bottom:1px solid #ddd
|
|
}
|
|
.hr {
|
|
border-bottom:1px solid #e6e6e6;
|
|
height:0;
|
|
margin-bottom:10px
|
|
}
|
|
.checkout-steps .step-tit {
|
|
line-height:40px;
|
|
height:40px;
|
|
color:#333
|
|
}
|
|
.checkout-steps .step-tit h3 {
|
|
font-size:14px;
|
|
height:40px;
|
|
line-height:40px;
|
|
float:left
|
|
}
|
|
.checkout-steps .step-tit .extra-l {
|
|
float:left
|
|
}
|
|
.checkout-steps .step-tit .extra-r {
|
|
float:right
|
|
}
|
|
.checkout-steps .step-cont {
|
|
margin-bottom:10px
|
|
}
|
|
|
|
.payment-box {
|
|
margin-left:20px
|
|
}
|
|
.payment-box .payment-list {
|
|
padding:0
|
|
}
|
|
|
|
.stepflex {
|
|
display:inline-block;
|
|
display:block;
|
|
border-top:5px solid #ccc;
|
|
text-align:center;
|
|
margin:30px 0 0;
|
|
float:right
|
|
}
|
|
.stepflex:after {
|
|
content:".";
|
|
display:block;
|
|
height:0;
|
|
clear:both;
|
|
visibility:hidden
|
|
}
|
|
* html .stepflex {
|
|
height:1%
|
|
}
|
|
*+html .stepflex {
|
|
min-height:1%
|
|
}
|
|
.stepflex dl {
|
|
float:left;
|
|
position:relative;
|
|
width:160px;
|
|
top:-5px;
|
|
border-top:5px solid #ccc
|
|
}
|
|
.stepflex dl.doing {
|
|
border-top-color:#7abd54
|
|
}
|
|
.stepflex dl.doing .s-num {
|
|
background-position:-23px 0
|
|
}
|
|
.stepflex dl.doing .s-text {
|
|
color:#7abd54
|
|
}
|
|
.stepflex dl.done {
|
|
border-top-color:#caecb6
|
|
}
|
|
.stepflex dl.done .s-num {
|
|
background-position:-46px 0
|
|
}
|
|
.stepflex dl.done .s-text {
|
|
color:#caecb6
|
|
}
|
|
.stepflex .s-text {
|
|
color:#ccc
|
|
}
|
|
.stepflex s {
|
|
left:0
|
|
}
|
|
.stepflex b {
|
|
right:0
|
|
}
|
|
.stepflex .first s {
|
|
background-position:0 -24px;
|
|
background-color:#fff
|
|
}
|
|
.stepflex .last b {
|
|
background-position:-5px -24px;
|
|
background-color:#fff
|
|
}
|
|
.stepflex .doing s {
|
|
background-position:-23px -24px
|
|
}
|
|
.stepflex .doing b {
|
|
background-position:-28px -24px;
|
|
background-color:#ccc
|
|
}
|
|
.stepflex .doing.last s,.stepflex .doing.normal s {
|
|
background-color:#caecb6
|
|
}
|
|
.stepflex .doing.last b {
|
|
background-color:#fff
|
|
}
|
|
.stepflex .done s {
|
|
background-position:-46px -24px
|
|
}
|
|
.stepflex .done b {
|
|
background-position:-51px -24px
|
|
}
|
|
.stepflex .doing.last .s-num {
|
|
background-position:-91px 0
|
|
}
|
|
#sflex01 {
|
|
width:160px
|
|
}
|
|
#sflex02 {
|
|
width:320px
|
|
}
|
|
#sflex03 {
|
|
width:480px
|
|
}
|
|
#sflex04 {
|
|
width:640px
|
|
}
|
|
#sflex05 {
|
|
width:800px
|
|
}
|
|
#sflex06 {
|
|
width:960px
|
|
}
|
|
|
|
#consignee-addr {
|
|
position:relative;
|
|
zoom:1
|
|
}
|
|
#consignee-addr .addr-scroll {
|
|
position:absolute;
|
|
right:22px;
|
|
top:0;
|
|
height:100%
|
|
}
|
|
#consignee-addr .addr-scroll .addr-scroll-cont {
|
|
margin:50px 0;
|
|
border-right:1px solid #ddd
|
|
}
|
|
#consignee-addr .addr-scroll .addr-scroll-bar {
|
|
position:absolute;
|
|
top:30%;
|
|
right:-5px;
|
|
width:11px;
|
|
height:11px;
|
|
cursor:pointer
|
|
}
|
|
#consignee-addr #addr-up,#consignee-addr .addr-up {
|
|
position:absolute;
|
|
right:0;
|
|
top:6px;
|
|
width:32px;
|
|
height:32px;
|
|
cursor:pointer
|
|
}
|
|
#consignee-addr #addr-up.disabled,#consignee-addr .addr-up.disabled {
|
|
cursor:default
|
|
}
|
|
#consignee-addr #addr-down,#consignee-addr .addr-down {
|
|
position:absolute;
|
|
right:0;
|
|
bottom:6px;
|
|
width:32px;
|
|
height:32px;
|
|
cursor:pointer
|
|
}
|
|
#consignee-addr #addr-down.disabled,#consignee-addr .addr-down.disabled {
|
|
cursor:default
|
|
}
|
|
#consignee-addr .consignee-cont {
|
|
margin:0 30px 0 20px;
|
|
overflow:hidden;
|
|
height:168px
|
|
}
|
|
#consignee-addr .consignee-cont.consignee-off {
|
|
height:46px
|
|
}
|
|
#consignee-addr .consignee-cont ul {
|
|
width:99.8%
|
|
}
|
|
#consignee-addr .consignee-cont li {
|
|
list-style:none;
|
|
height:30px;
|
|
margin:6px 0;
|
|
float:left;
|
|
width:99.8%
|
|
}
|
|
#consignee-addr .consignee-cont li.li-hover {
|
|
background-color:#fff3f3
|
|
}
|
|
#consignee-addr .consignee-cont li.li-hover .addr-ops,#consignee-addr .consignee-cont li.li-hover .op-btns {
|
|
visibility:visible
|
|
}
|
|
#consignee-addr .consignee-cont .consignee-item {
|
|
float:left
|
|
}
|
|
#consignee-addr .consignee-cont .addr-detail {
|
|
float:left;
|
|
height:30px;
|
|
line-height:30px
|
|
}
|
|
#consignee-addr .consignee-cont .addr-detail .addr-info,#consignee-addr .consignee-cont .addr-detail .addr-name,#consignee-addr .consignee-cont .addr-detail .addr-tel {
|
|
margin-left:10px
|
|
}
|
|
#consignee-addr .consignee-cont .addr-ops,#consignee-addr .consignee-cont .op-btns {
|
|
visibility:hidden;
|
|
float:right;
|
|
text-align:right;
|
|
height:30px;
|
|
line-height:30px
|
|
}
|
|
#consignee-addr .consignee-cont .addr-ops a,#consignee-addr .consignee-cont .op-btns a {
|
|
margin-right:10px
|
|
}
|
|
#consignee-addr .consignee-item {
|
|
list-style:none;
|
|
position:relative;
|
|
border:1px solid #ddd;
|
|
height:18px;
|
|
line-height:18px;
|
|
padding:5px 24px;
|
|
width:90px;
|
|
text-align:center;
|
|
cursor:pointer;
|
|
background-color:#fff
|
|
}
|
|
#consignee-addr .consignee-item.item-hover,#consignee-addr .consignee-item.item-selected,#consignee-addr .consignee-item:hover {
|
|
border:2px solid #418ED4;
|
|
padding:4px 23px
|
|
}
|
|
#consignee-addr .consignee-item.item-selected b {
|
|
display:block;
|
|
position:absolute;
|
|
right:0;
|
|
bottom:0;
|
|
width:12px;
|
|
height:12px;
|
|
overflow:hidden;
|
|
background:url(images/selected-icon.png) no-repeat
|
|
}
|
|
|
|
.payment-list {
|
|
padding:0 20px 10px
|
|
}
|
|
.payment-list .list-cont ul {
|
|
display:inline-block;
|
|
display:block
|
|
}
|
|
.payment-list .list-cont ul:after {
|
|
content:".";
|
|
display:block;
|
|
height:0;
|
|
clear:both;
|
|
visibility:hidden
|
|
}
|
|
* html .payment-list .list-cont ul {
|
|
height:1%
|
|
}
|
|
*+html .payment-list .list-cont ul {
|
|
min-height:1%
|
|
}
|
|
.payment-list .list-cont li {
|
|
float:left;
|
|
margin-right:10px;
|
|
_display:inline;
|
|
cursor:default
|
|
}
|
|
.payment-list .list-cont .payment-item {
|
|
float:left;
|
|
position:relative;
|
|
border:1px solid #ddd;
|
|
height:18px;
|
|
line-height:18px;
|
|
padding:5px 24px;
|
|
cursor:pointer
|
|
}
|
|
.payment-list .list-cont .payment-item.payment-item-hover {
|
|
border:2px solid #418ED4;
|
|
padding:4px 23px
|
|
}
|
|
.payment-list .list-cont .payment-item.payment-item-hover .baitiao-icon,.payment-list .list-cont .payment-item.payment-item-hover .qmark-icon {
|
|
visibility:visible
|
|
}
|
|
.payment-list .list-cont .payment-item.item-selected {
|
|
border:2px solid #418ED4;
|
|
padding:4px 23px
|
|
}
|
|
.payment-list .list-cont .payment-item.item-selected b {
|
|
display:block;
|
|
position:absolute;
|
|
right:0;
|
|
bottom:0;
|
|
width:12px;
|
|
height:12px;
|
|
overflow:hidden;
|
|
background:url(images/selected-icon.png) no-repeat
|
|
}
|
|
|
|
.store-list .price {
|
|
font: 700 18px tahoma;
|
|
}
|
|
.store-list .price span {
|
|
color: #999;
|
|
}
|
|
.store-list .price em {
|
|
color: #F50;
|
|
}
|
|
.store-list {
|
|
color: #404040;
|
|
}
|
|
.store-list td,.store-list th {
|
|
padding-left: 5px;
|
|
padding-right: 5px;
|
|
}
|
|
.store-list .goods p {
|
|
line-height: 20px;
|
|
color: gray;
|
|
}
|
|
.store-list textarea {
|
|
border: 1px solid #d0d0d0;
|
|
border-radius: 3px;
|
|
}
|
|
.store-list .goods .title {
|
|
margin-bottom: 5px;
|
|
}
|
|
.store-list .goods {
|
|
float: left;
|
|
margin-top: 5px;
|
|
width: 350px;
|
|
padding-top: 2px;
|
|
padding-left: 10px;
|
|
}
|
|
.store-list .thumb {
|
|
display: table-cell;
|
|
height: 50px;
|
|
width: 50px;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
float: left;
|
|
overflow: hidden;
|
|
margin: 10px 10px 10px 0;
|
|
}
|
|
.store-list thead th {
|
|
height:30px;
|
|
padding-top:5px;
|
|
border-bottom: 3px solid #b2d1ff;
|
|
padding-bottom:2px;
|
|
font-weight:normal;
|
|
text-align: center;
|
|
}
|
|
.store-list tbody td {
|
|
padding-top:5px;
|
|
padding-bottom:5px;
|
|
height:30px;
|
|
line-height:30px;
|
|
background-color: #FAFCFF;
|
|
}
|
|
.store-list .orther td {
|
|
background-color: #f2f7ff;
|
|
}
|
|
.store-list .store_name {
|
|
border-bottom: 1px dotted #80b2ff;
|
|
padding-bottom: 0px;
|
|
background-color: #FFFFFF;
|
|
}
|
|
.checkout-buttons {
|
|
text-align:right;
|
|
padding-bottom:20px;
|
|
}
|
|
.checkout-buttons .checkout-submit:hover {
|
|
background-color: #EF494D;
|
|
}
|
|
.checkout-buttons .checkout-submit {
|
|
width: 135px;
|
|
height: 36px;
|
|
line-height: 36px;
|
|
padding: 0;
|
|
background-color: #e00;
|
|
overflow: hidden;
|
|
color: #fff;
|
|
font-weight: 700;
|
|
font-size: 16px;
|
|
border: none;
|
|
cursor: pointer;
|
|
}
|
|
.checkout-buttons .total {
|
|
line-height: 50px;
|
|
font-size: 14px;
|
|
}
|
|
.checkout-buttons .total strong {
|
|
color: #e4393c;
|
|
font-size: 20px;
|
|
vertical-align: middle;
|
|
font-weight: 700;
|
|
}
|
|
.order_diy_field th { text-align:right; width:200px;}
|
|
.order_diy_field th {
|
|
|
|
}
|