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.
168 lines
2.9 KiB
168 lines
2.9 KiB
.their—tab-nav {
|
|
margin-bottom: 15px
|
|
}
|
|
|
|
.their—tab-nav ul {
|
|
display: inline-block;
|
|
display: block
|
|
}
|
|
|
|
.their—tab-nav ul:after {
|
|
content: ".";
|
|
display: block;
|
|
height: 0;
|
|
clear: both;
|
|
visibility: hidden
|
|
}
|
|
|
|
* html .their—tab-nav ul {
|
|
height: 1%
|
|
}
|
|
|
|
*+html .their—tab-nav ul {
|
|
min-height: 1%
|
|
}
|
|
|
|
.their—tab-nav .tab-nav-item {
|
|
float: left;
|
|
position: relative;
|
|
margin-right: 10px;
|
|
border: 1px solid #ebebeb;
|
|
padding: 6px 24px;
|
|
cursor: pointer
|
|
}
|
|
|
|
.their—tab-nav .tab-nav-item.disabled {
|
|
background: #ebebeb;
|
|
border-color: #ebebeb;
|
|
color: #ccc;
|
|
cursor: not-allowed
|
|
}
|
|
|
|
.their—tab-nav .tab-nav-item .qmark-icon {
|
|
vertical-align: middle;
|
|
width: 13px;
|
|
height: 13px;
|
|
overflow: hidden;
|
|
background: url(//misc.360buyimg.com/user/purchase/2.0.0/css/i/qmark02.png) no-repeat;
|
|
margin-left: 3px;
|
|
display: inline-block
|
|
}
|
|
|
|
.their—tab-nav .tab-item-selected {
|
|
border: 2px solid #e4393c;
|
|
padding: 5px 23px;
|
|
cursor: default
|
|
}
|
|
|
|
.their—tab-nav .tab-item-selected b {
|
|
display: block;
|
|
position: absolute;
|
|
right: 0;
|
|
bottom: 0;
|
|
width: 12px;
|
|
height: 12px;
|
|
overflow: hidden;
|
|
background: url(//misc.360buyimg.com/user/purchase/2.0.0/css/i/selected-icon.png) no-repeat
|
|
}
|
|
|
|
.date-delivery {
|
|
background: #fff;
|
|
overflow: hidden
|
|
}
|
|
|
|
.date-delivery .inner {
|
|
position: relative;
|
|
float: left;
|
|
border: 1px solid #ccc;
|
|
width:452px;
|
|
}
|
|
|
|
.date-delivery .th .dt {
|
|
float: left;
|
|
height: 40px;
|
|
line-height: 40px;
|
|
padding: 5px 0 5px 15px;
|
|
width: 80px;
|
|
text-align: left;
|
|
border-left:0;
|
|
}
|
|
|
|
.date-delivery .date,.date-delivery .date dd {
|
|
float: left
|
|
}
|
|
|
|
.date-delivery .date span {
|
|
float: left;
|
|
height: 40px;
|
|
padding: 5px 0;
|
|
border-left: 1px solid #eee;
|
|
text-align: center;
|
|
line-height: 20px;
|
|
width: 50px
|
|
}
|
|
|
|
.date-delivery .date span.hover {
|
|
background-color: #edf9e6
|
|
}
|
|
|
|
.date-delivery .time {
|
|
clear: both;
|
|
width: 95px
|
|
}
|
|
|
|
.date-delivery .time span {
|
|
float: left;
|
|
width: 80px;
|
|
padding-left: 15px;
|
|
height: 30px;
|
|
border-top: 1px solid #eee;
|
|
line-height: 30px
|
|
}
|
|
|
|
.date-delivery .time span.hover {
|
|
background-color: #edf9e6
|
|
}
|
|
|
|
.date-delivery .data ul {
|
|
float: left
|
|
}
|
|
|
|
.date-delivery .data li {
|
|
width: 50px;
|
|
height: 30px;
|
|
float:left;
|
|
line-height: 30px;
|
|
text-align: center;
|
|
border-left: 1px solid #eee;
|
|
border-top: 1px solid #eee;
|
|
cursor: pointer;
|
|
color: #7ABD54
|
|
}
|
|
.date-delivery .data li.item-selected{
|
|
background:#7ABD54;
|
|
color:#fff;
|
|
}
|
|
.date-delivery .data li.time{
|
|
float: left;
|
|
height: 30px;
|
|
line-height: 30px;
|
|
padding: 0 0 0 15px;
|
|
width: 80px;
|
|
text-align: left;
|
|
border-left: 0;
|
|
color: #666;
|
|
}
|
|
|
|
.date-delivery .data li.disabled {
|
|
cursor: not-allowed
|
|
}
|
|
|
|
.date-delivery .data li.hover {
|
|
background-color: #edf9e6
|
|
}
|
|
|
|
.date-delivery .data li.curr,.date-delivery .data li.selected {
|
|
background-color: #7abd54;
|
|
color: #fff
|
|
}
|