181 lines
3.3 KiB
CSS
Executable File
181 lines
3.3 KiB
CSS
Executable File
/**
|
|
* 进度
|
|
*/
|
|
ul.progress {
|
|
margin: 20px 0;
|
|
}
|
|
ul.progress li {
|
|
position: relative;
|
|
}
|
|
ul.progress li i.step {
|
|
display: block;
|
|
background-color: #e1e1e1;
|
|
}
|
|
ul.progress li .digital {
|
|
background-color: #f7f7f7;
|
|
border-radius: 50px;
|
|
width: 36px;
|
|
height: 36px;
|
|
line-height: 26px;
|
|
text-align: center;
|
|
color: #e1e1e1;
|
|
font-weight: 700;
|
|
border: 6px solid #e1e1e1;
|
|
}
|
|
ul.progress li .base .title {
|
|
font-weight: 500;
|
|
color: #666;
|
|
}
|
|
ul.progress li .base .date {
|
|
color: #999;
|
|
}
|
|
ul.progress li.steps-success .digital {
|
|
border: 6px solid #4CAF50;
|
|
color: #fff;
|
|
}
|
|
ul.progress li.steps-success .digital {
|
|
background-color: #82cc85;
|
|
}
|
|
ul.progress li.steps-success i.step {
|
|
background-color: #4CAF50;
|
|
}
|
|
ul.progress li.current .title {
|
|
color: #4CAF50;
|
|
}
|
|
|
|
.base-right .icon-tips, .base-right .icon-success {
|
|
font-size: 50px;
|
|
}
|
|
.base-right .icon-tips {
|
|
color: #6980d0;
|
|
}
|
|
.base-right .icon-success {
|
|
color: #28801c;
|
|
}
|
|
@media only screen and (min-width: 641px) {
|
|
ul.progress {
|
|
overflow: hidden;
|
|
}
|
|
ul.progress li {
|
|
float: left;
|
|
width: 20%;
|
|
text-align: center;
|
|
}
|
|
ul.progress li i.step {
|
|
display: block;
|
|
height: 6px;
|
|
width: 100%;
|
|
position: absolute;
|
|
margin: 15px 0 0 -50%;
|
|
z-index: 1;
|
|
}
|
|
ul.progress li .digital {
|
|
position: absolute;
|
|
margin-left: calc(50% - 18px);
|
|
z-index: 2;
|
|
}
|
|
ul.progress li .base {
|
|
margin-top: 50px;
|
|
}
|
|
}
|
|
@media only screen and (max-width: 641px) {
|
|
ul.progress li i.step {
|
|
height: 60px;
|
|
width: 6px;
|
|
margin-left: 15px;
|
|
}
|
|
|
|
ul.progress li .base {
|
|
position: absolute;
|
|
left: 50px;
|
|
top: 0;
|
|
}
|
|
ul.progress li:not(:first-child) .base {
|
|
margin-top: 70px;
|
|
}
|
|
}
|
|
|
|
/**
|
|
* 文本列表
|
|
*/
|
|
.items {
|
|
line-height: 30px;
|
|
overflow: hidden;
|
|
}
|
|
.items-detail {
|
|
color: #666;
|
|
}
|
|
|
|
/**
|
|
* 订单详情基础
|
|
*/
|
|
.order-base .am-panel {
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
.order-base .am-panel-bd, .order-base .base-right {
|
|
padding: 10px;
|
|
}
|
|
.order-base, .order-base .status {
|
|
overflow: hidden;
|
|
}
|
|
.order-base .status-name {
|
|
line-height: 80px;
|
|
}
|
|
.order-base .operation .am-btn {
|
|
margin-left: 15px;
|
|
}
|
|
.order-base .logistics {
|
|
margin-top: 10px;
|
|
}
|
|
.order-base .am-btn-block {
|
|
width: auto;
|
|
padding-left: 1em;
|
|
padding-right: 1em;
|
|
}
|
|
@media only screen and (min-width: 641px) {
|
|
.order-base .base-left, .order-base .base-right {
|
|
width: 50%;
|
|
float: left;
|
|
}
|
|
.order-base {
|
|
border: 1px solid #ddd;
|
|
}
|
|
.order-base .am-panel-default {
|
|
border-color: #fff;
|
|
}
|
|
.order-base .am-panel {
|
|
border: 0;
|
|
margin: 0;
|
|
}
|
|
.order-base .base-left {
|
|
border-right: 1px solid #ddd;
|
|
}
|
|
.order-base .base-right {
|
|
padding-top: 0;
|
|
}
|
|
}
|
|
@media only screen and (max-width: 641px) {
|
|
.order-base .base-right {
|
|
border: 1px solid #ddd;
|
|
}
|
|
}
|
|
|
|
/**
|
|
* 业务面板
|
|
*/
|
|
.user-content-body .business-panel {
|
|
margin-top: 20px;
|
|
box-shadow: none;
|
|
-webkit-box-shadow: none;
|
|
}
|
|
|
|
/**
|
|
* 虚拟销售
|
|
*/
|
|
.fictitious-panel-container ul.am-list li:first-child {
|
|
border-top: 0;
|
|
}
|
|
.fictitious-panel-container ul.am-list li:last-child {
|
|
border-bottom: 0;
|
|
} |