2025-03-12 10:47:34 +08:00

747 lines
11 KiB
CSS
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

/*
===================
初始化【请勿修改】
===================
*/
html,body,
div, dl, dt, dd, ul, p, th, td,
h1, h2, h3, h4, h5, h6,
pre, code, form,
fieldset, legend{
margin: 0;
padding: 0;
}
cite,
em,
strong,
th {
font-style: normal;
}
td,
th,
div {
word-break:break-all;
word-wrap:break-word;
}
form{
display:inline;
}
table {
border-collapse: collapse;
border-spacing:0;
}
th {
text-align: left;
font-weight:100;
}
ol li {
list-style: decimal outside;
}
ol{
padding:0 0 0 18px;
margin:0;
}
li {
list-style:none;
}
img {
border: 0;
}
html {
-webkit-text-size-adjust:none;
overflow-y:scroll;
}
/*
===================
html5标签
===================
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
display: block;
}
/*
===================
清除浮动【请勿修改】
>> cc 作用于父模型
>> c 作用于浮动模型后,父模型区域里
===================
*/
.cc{
zoom:1;
}
.cc:after{
content:'\20';
display:block;
height:0;
clear:both;
visibility: hidden;
}
.c{
clear:both;
height:0;
font:0/0 Arial;
overflow:hidden;
width:0;
}
/*
===================
基础样式
>> b 加粗
>> u 下划线
>> i 斜体
>> w 文本不换行
>> tal 文本靠左显示
>> tac 文本居中显示
>> tar 文本靠右显示
>> fl 左浮动
>> fr 右浮动
>> pr 相对定位
>> cp 鼠标点击手势
>> vt 表格内容靠上显示
===================
*/
.b{
font-weight:700 !important;
}
.u{
text-decoration:underline !important;
}
.i{
font-style:italic !important;
}
.w{
white-space:nowrap;
}
.tal{
text-align:left !important;
}
.tac{
text-align:center !important;
}
.tar{
text-align:right !important;
}
.fl{
float:left !important;
}
.fr{
float:right !important;
}
.pr{
position:relative;
}
.cp{
cursor:pointer;
}
.vt{
vertical-align:top;
}
.dn{
display:none;
}
/*
===================
字体
>> f10 小字体
>> f12 正常字
>> f14 大字
>> f16 更大
>> f24 标题类
>> fn 文本去粗
===================
*/
.f10{
font-size:10px;
}
.f12{
font-size:12px !important;
}
.f14{
font-size:14px;
}
.f16{
font-size:16px;
}
.f24{
font-size:24px;
font-family:Arial, "Microsoft Yahei", Simsun;
}
.fn{
font-weight:normal !important;
}
.s1{
color:#ff0000;
}
/*
===================
全局
===================
*/
body{
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
height: 100vh;
font:12px/1.5 Arial,Microsoft Yahei,Simsun;
color:#333;
background:url(../images/install/bg.png);
}
a{
text-decoration:none;
}
a:link{
text-decoration:none;
}
a:hover{
text-decoration:none;
}
.p8{
color: rgba(255,255,255,0.8)
}
.df{
display: flex;
align-items: center;
}
.mid{
display: flex;
justify-content: center;
align-items: center;
}
/*
===================
包裹
===================
*/
.wrap{
width:800px;
height: 640px;
margin:0px auto 0;
background: linear-gradient(180deg, #134392 0%, #363A8A 100%);
box-shadow: 0px 6px 20px 10px rgba(48,114,229,0.15);
border-radius: 36px 36px 36px 36px;
font-family: PingFang SC, serif;
position: relative;
}
/*
===================
头部
===================
*/
.header{
height:80px;
box-shadow:0 3px 3px #ddd;
position:relative;
color:#fff;
background:#246fa6 url(../images/install/header.png) 0 0 repeat-x;
}
.wrap > .title{
text-align: center;
padding: 23px 0 52px 0;
color: rgba(255,255,255,0.8);
font-size: 14px;
}
/*
===================
主体
===================
*/
.main{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
/*
===================
底部
===================
*/
.footer{
text-align:center;
/*padding:15px 0 50px;*/
color:#999999;
margin-top: calc(100vh - 50px);
position: absolute;
}
.footer a{
color:#999!important;
text-decoration:none;
}
input[type=checkbox] {
position: relative;
cursor: pointer;
}
input[type=checkbox]:after {
display: inline-block;
content: "";
width: 14px;
height: 14px;
border-radius: 3px;
background: #fff;
border: 1px solid #fff;
}
input[type=checkbox]:checked:after {
content: "✓";
font-size: 12px;
font-weight: bold;
color: #fff;
background-color: #37CA71;
border: 1px solid #37CA71;
text-align: center;
}
/*
===================
协议
===================
*/
.pact::-webkit-scrollbar { width: 0 !important }
/*IE 10+*/
.pact { -ms-overflow-style: none; }
/*Firefox*/
.pact { overflow: -moz-scrollbars-none; }
.pact{
width:700px;
height:480px;
overflow:hidden;
display:block;
overflow-y:scroll;
padding: 20px 50px;
margin:30px auto 10px auto;
font-size:12px;
line-height:1.5;
outline:none;
color: #EEEEEE;
}
pre{
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word;
word-break : normal;
}
.section .title{
margin-bottom: 27px;
text-align: center;
}
/*step1*/
#step1 .title{
display: flex;
flex-direction: column;
align-items: center;
}
.title h1{
color: #FFFFFF;
font-size: 32px;
letter-spacing:1px;
}
.title .radio{
font-size: 14px;
font-weight: normal;
color: rgba(255,255,255,0.8);
margin: 15px 0;
line-height: 16px;
}
.el-radio{
line-height: 16px;
margin-right: 4px;
}
.el-radio__input.is-checked+.el-radio__label{
color: rgba(255,255,255,0.8) !important;
}
/* step2 */
/*
===================
版本号
===================
*/
.version{
float:right;
margin:50px 25px 0 0;
}
/*
===================
LOGO
===================
*/
/*.logo{*/
/* float:left;*/
/* width:230px;*/
/* height:80px;*/
/* background:url(../images/install/logo.png) no-repeat center;*/
/* overflow:hidden;*/
/* text-indent:-2000em;*/
/*}*/
.upload{
width: 12px;
height: 10px;
}
.yes{
width: 13px;
height: 11px;
margin-right: 5px;
}
.no{
width: 14px;
height: 14px;
margin-right: 5px;
}
.ls-td{
display: flex;
align-items: center;
}
/*
===================
安装类型文案
===================
*/
.icon_install,
.icon_update{
float:left;
margin-top:35px;
width:90px;
height:30px;
overflow:hidden;
text-indent:-2000em;
}
.icon_install{
background:url(../images/install/icon_install.png) no-repeat;
}
.icon_update{
background:url(../images/install/icon_update.png) no-repeat;
}
/*
===================
按钮
===================
*/
/*
===================
步骤
===================
*/
.step,
.step li em,
.step li{
background:url(../images/install/step.png) repeat-x;
}
.step{
border-bottom:1px solid #dce1e5;
height:60px;
background-color:#fff;
}
.step li{
float:left;
height:60px;
line-height:60px;
width:33%;
text-align:center;
font-size:14px;
color:#6f7885;
font-weight:700;
}
.step li em{
width:32px;
height:32px;
text-align:center;
line-height:32px;
display:inline-block;
background-position:0 -70px;
font-size:20px;
color:#fff;
font-family:Microsoft Yahei;
margin-right:10px;
vertical-align:0;
}
.step li.current{
background-position:right -106px;
background-repeat:no-repeat;
color:#246ea5;
}
.step li.current em{
background-position:-35px -70px;
}
.step li.on{
background-position:0 -176px;
}
.step li.on em{
background-position:-70px -70px;
}
/*
===================
数据表写入
===================
*/
/*.install{*/
/* box-shadow:5px 5px 5px #f7f7f7 inset;*/
/* border:1px solid #bdbcbc;*/
/* width:670px;*/
/* height:350px;*/
/* padding:10px;*/
/* overflow:hidden;*/
/* display:block;*/
/* overflow-y:scroll;*/
/* margin:25px auto;*/
/* font-size:12px;*/
/* margin-bottom:22px;*/
/* outline:none;*/
/*}*/
/*.install ul{*/
/* line-height:1.8;*/
/*}*/
/*
===================
成功提示
===================
*/
.success_tip{
/*border:1px solid #e0e9f0;*/
background:#fff url(../images/install/complete.png) 210px center no-repeat;
padding:50px 80px 50px 300px;
line-height:2;
}
.success_tip a,.s4{
color:#0166a5;
text-decoration:none;
}
.error_tip{
background:url(../images/install/ignore.png) 130px 45px no-repeat;
padding:50px 80px 60px 230px;
}
/*founder login*/
.login{
border:1px solid #e0e9f0;
background:#fff;
margin:30px 120px 130px;
}
/*
===================
操作提示
>> tips 普通
>> tips_error 错误
>> tips_success 正确
>> tips_loading 加载中
使用方法
可独立样式使用亦可与tips组装
<div class="tips"><span class="tips_error">错误内容</span></div>
可在外出包裹 tips_block 对错误提示进行块级效果展示
===================
*/
.tips,
.tips_block span{
line-height:25px;
padding:0 6px;
}
.tips{
border:1px solid #faebd2;
background:#ffffe9;
color:#666;
}
.tips_error,
.tips_success{
font-size: 12px;
padding-left:16px;
display:inline-block;
line-height:18px;
}
.tips_error{
background:url(../images/install/warring.png) 0px 3px no-repeat;
color: #fff;
background-size: 12px 12px;
}
.tips_success{
color: #37CA71;
background:url(../images/install/success.png) 0px 3px no-repeat;
background-size: 12px 12px;
}
.tips_loading{
color:#37CA71;
display:inline-block;
line-height:20px;
}
/*
===================
loading
===================
*/
.loading{
border-radius: 16px;
width: 100px;
height: 30px;
line-height: 30px;
text-align: center;
background:#000;
background-color: rgba(0, 0, 0, 0.5);
color: white;
position: fixed;
_position:absolute;
left: 50%;
margin-left: -50px;
top: 50%;
margin-top:-15px;
}
.loading span{
background:url(../images/install/pop_loading.gif) 0 center no-repeat;
padding-left:24px;
}
/*
===================
升级类型选择
===================
*/
.updata_type{
padding:20px 30px 40px;
}
.updata_type .hd{
font-size:16px;
}
/*切换选择*/
.updata_type .tab{
padding-top:10px;
}
.updata_type .tab li{
float:left;
width:50%;
display:inline;
}
.updata_type .tab li a{
display:block;
text-decoration:none;
border:1px solid #ccc;
text-align:center;
height:60px;
line-height:60px;
font-weight:700;
background:#fff url(../images/install/tab.png);
color:#246EA5;
font-size:22px;
font-weight:100;
}
.updata_type .tab li a.fen{
line-height:50px;
border-right:0;
}
.updata_type .tab li a span{
display:block;
font-size:12px;
color:#999;
line-height:18px;
margin-top:-12px;
font-weight:100;
}
.updata_type .tab li.current a{
background:#fdfdfd;
color:#6F7885;
border-bottom:1px solid #fdfdfd;
}
.updata_type .tab_cont{
border:1px solid #ccc;
border-top:0 none;
padding:30px;
background:#fdfdfd;
box-shadow:1px 1px 1px #fff inset,-1px -1px 1px #fff inset;
}
.updata_type .tab_cont h3{
font-size:16px;
margin-bottom:15px;
}
.updata_type .tab_cont h3 span{
font-size:12px;
font-weight:100;
color:#666;
}
.updata_type .tab_cont h4{
font-size:14px;
}
.updata_type .tab_cont h4 span{
padding-left:10px;
font-size:12px;
font-weight:100;
color:#f60;
}
.updata_type .tab_cont ol li{
margin-bottom:10px;
}
.updata_type .tab_cont div{
color:#666;
padding-left:20px;
}
.updata_type .tab_cont ul li{
margin:0;
padding-left:50px;
list-style:none;
color:#666;
}
/*立即升级*/
.once_updata{
text-align:center;
padding:100px 0;
}
.once_updata button{
font-size:32px;
font-weight:700;
background:#186196 url(../images/install/header.png) repeat-x;
color:#fff;
padding:30px 80px;
font-weight:100;
font-family:"Microsoft Yahei";
border:1px solid #186196;
cursor:pointer;
letter-spacing:2px;
}
.bottom{
width: 110px;
height: 32px;
background: #FFFFFF;
border-radius: 137px 137px 137px 137px;
font-size: 14px;
line-height: 32px;
margin: 0 auto;
margin-top: 20px;
cursor: pointer;
text-align: center;
}