Blame view

staticCss/progress.css 2.72 KB
任超 committed
1
.progressBar {
任超 committed
2
    padding-top: 30px;
任超 committed
3 4
    color: #4A4A4A;
    position: relative;
任超 committed
5 6
    width: 93%;
    margin: 0 auto;
任超 committed
7
}
任超 committed
8 9
.app_progress {
    display: flex;
任超 committed
10
    width: 100%;
任超 committed
11
}
任超 committed
12 13 14 15 16
.app_progress li {
    display: inline-block;
    text-align: center;
    flex: 1;
    width: 100%;
任超 committed
17 18 19 20 21
    -moz-user-select: none; /*火狐*/
    -webkit-user-select: none; /*webkit浏览器*/
    -ms-user-select: none; /*IE10*/
    -khtml-user-select: none; /*早期浏览器*/
    user-select: none;
任超 committed
22
}
任超 committed
23 24 25
.app_progress .layui-progress {
    flex: 2.1;
    position: relative;
26
    top: 13px;
任超 committed
27 28
    margin-left: -3.8%;
    margin-right: -3.8%;
任超 committed
29
}
30 31 32 33 34 35
.layui-progress {
    height: 2px!important;
}
.layui-progress-bar {
    height: 2px!important;
}
任超 committed
36 37 38
.item_proress {
    position: relative;
    z-index: 10;
任超 committed
39
}
任超 committed
40
.app_progress li p{
41 42
    width: 26px;
    height: 26px;
任超 committed
43 44 45
    border-radius: 50%;
    background-color: #E6E6E6;
    margin: 0 auto;
任超 committed
46
}
任超 committed
47 48
.app_progress li h5 {
    white-space: nowrap;
任超 committed
49
    margin-top: 5px;
任超 committed
50
    font-size: 14px;
任超 committed
51
}
任超 committed
52 53 54
.active {
    background-color: #47E1BF!important;
    position: relative;
任超 committed
55
}
任超 committed
56 57 58
.activeing {
    background-color: #47E1BF!important;
}
任超 committed
59 60 61
.activeingtext {
    color: #47E1BF!important;
}
任超 committed
62 63 64 65
.active::after {
    content: " ";
    display: block;
    position: absolute;
任超 committed
66
    left: 9px;
任超 committed
67 68 69
    top: 6px;
    width: 7px;
    height: 10px;
任超 committed
70 71 72 73 74 75 76
    border-color: #fff;
    border-style: solid;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.layui-progress-bar {
    background-color: #47E1BF!important;
任超 committed
77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96
}

.next_button button {
    width: 140px;
    height: 42px;
    position: relative;
}
.next_button a {
    color: #ffffff;
    display: block;
    position: absolute;
    width: 140px;
    height: 42px;
    text-align: center;
    line-height: 42px;
    left: 0;
    top: 0;
}
.next_button a:hover {
    color: #ffffff;
任超 committed
97 98 99 100 101 102 103 104 105 106 107 108
}

/* ------------中间内容区域------------- */
.content_area {
    background: #FFFFFF;
    box-shadow: 0px 4px 16px 0px rgba(40, 120, 254, 0.24);
    -webkit-box-shadow: 0px 4px 16px 0px rgba(40, 120, 254, 0.24);
    -moz-box-shadow: 0px 4px 16px 0px rgba(40, 120, 254, 0.24);
    border-radius: 6px;
    box-sizing: border-box;
    padding: 20px;
    margin-top: 10px;
任超 committed
109
    margin-bottom: 50px;
任超 committed
110 111 112
}
.progressBar_con {
    text-align: center;
任超 committed
113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139
}
/* ---------------业务名称title----------------------- */
.name_title {
    padding: 10px;
    margin-top: 15px;
}
.name_title h2 {
    display: inline-block;
    margin-right: 10px;
    height: 16px;
    line-height: 16px;
    color: #4A4A4A;
    line-height: 16px;
    position: relative;
}
.name_title h2::after {
    position: absolute;
    content: "";
    width: 1px;
    height: 12px;
    background-color: #9B9B9B;
    right: -7px;
    top: 2px;
}
.name_title p {
    display: inline-block;
    color: #4A4A4A
任超 committed
140
}