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.
127 lines
2.1 KiB
127 lines
2.1 KiB
10 months ago
|
.wrap{
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
align-items: center;
|
||
|
|
}
|
||
|
|
.title {
|
||
|
|
text-align: center;
|
||
|
|
padding: 23px 0 30px 0;
|
||
|
|
color: rgba(255, 255, 255, 0.8);
|
||
|
|
font-size: 14px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.section .title {
|
||
|
|
margin-bottom: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.section {
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
justify-content: center;
|
||
|
|
align-items: center;
|
||
|
|
width: 60%;
|
||
|
|
height: 60%;
|
||
|
|
max-height: 60%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.section .progress {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.section .el-progress-bar {
|
||
|
|
padding-right: 0px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.msg {
|
||
|
|
width: 300px;
|
||
|
|
font-size: 12px;
|
||
|
|
color: rgba(255, 255, 255, 0.8);
|
||
|
|
text-align: center;
|
||
|
|
overflow: hidden;
|
||
|
|
text-overflow: ellipsis;
|
||
|
|
white-space: nowrap
|
||
|
|
}
|
||
|
|
|
||
|
|
.msg li {
|
||
|
|
width: 350px;
|
||
|
|
display: flex;
|
||
|
|
flex-wrap: nowrap;
|
||
|
|
overflow: hidden;
|
||
|
|
text-overflow: ellipsis;
|
||
|
|
white-space: nowrap
|
||
|
|
}
|
||
|
|
|
||
|
|
.open {
|
||
|
|
font-size: 12px;
|
||
|
|
color: #fff;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
|
||
|
|
.btn_old {
|
||
|
|
color: #5A487D;
|
||
|
|
}
|
||
|
|
|
||
|
|
.section .bottom {
|
||
|
|
width: 120px;
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.progress-msg {
|
||
|
|
display: flex;
|
||
|
|
justify-content: center;
|
||
|
|
align-items: center;
|
||
|
|
padding: 14px 0 30px 0;
|
||
|
|
}
|
||
|
|
.install {
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
width: 96%;
|
||
|
|
max-height: 550px;
|
||
|
|
color: #fff;
|
||
|
|
overflow-y: scroll;
|
||
|
|
margin: 25px auto;
|
||
|
|
font-size: 12px;
|
||
|
|
background-color: rgba(255,255,255,0.1);
|
||
|
|
padding: 0 2%;
|
||
|
|
border-radius: 6px;
|
||
|
|
}
|
||
|
|
.shuaxin{
|
||
|
|
-webkit-animation:changeright 1s linear infinite;
|
||
|
|
width: 16px;
|
||
|
|
height: 16px;
|
||
|
|
}
|
||
|
|
@-webkit-keyframes changeright{
|
||
|
|
0%{-webkit-transform:rotate(0deg);}
|
||
|
|
50%{-webkit-transform:rotate(180deg);}
|
||
|
|
100%{-webkit-transform:rotate(360deg);}
|
||
|
|
}
|
||
|
|
.install::-webkit-scrollbar { width: 0 !important }
|
||
|
|
.item{
|
||
|
|
display: flex;
|
||
|
|
justify-content: space-between;
|
||
|
|
}
|
||
|
|
/*IE 10+*/
|
||
|
|
|
||
|
|
.install { -ms-overflow-style: none; }
|
||
|
|
|
||
|
|
/*Firefox*/
|
||
|
|
|
||
|
|
.install { overflow: -moz-scrollbars-none; }
|
||
|
|
.bottom-btn {
|
||
|
|
display: flex;
|
||
|
|
justify-content: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.bottom-btn .up-btn {
|
||
|
|
color: #FFFFFF;
|
||
|
|
margin-right: 10px;
|
||
|
|
background-color: rgba(255, 255, 255, 0.1);
|
||
|
|
}
|
||
|
|
|
||
|
|
.bottom-btn .up-btn a:link, a:visited {
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.trip {
|
||
|
|
|
||
|
|
}
|