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.
 
 
 
 
 
 

206 lines
3.6 KiB

/* 设置字体 */
@font-face {
font-family: 'lcd';
src: url('../font/lcd.ttf') format('truetype');
}
@font-face {
font-family: 'icon';
src: url('../font/iconfont.ttf') format('truetype');
}
/*css 初始化 */
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin:0; padding:0; }
fieldset, img,input,button { font-family:"Times New Roman","Microsoft YaHei","SimSun"; ;border:none; padding:0;margin:0;outline-style:none; } /*去掉边框、去掉轮廓(比如输入框外面的蓝边框)*/
/*去掉列表前面的圆点*/
ul, ol {
list-style: none;
}
/* 设置隐藏 */
.none {
display: none;
}
.flex {
display: flex;
}
/* 设置版心并居中 */
.w {
position: absolute;
top:50%;
left:50%;
transform: translate(-50%,-50%);
width: 95vw;
}
/* 设置字体 */
.iconfont {
font-family:"icon" !important;
font-style:normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
-moz-osx-font-smoothing: grayscale;
}
#n1,#n2,#n4,#n5{
width: 23%;
}
#n3 {
width: 8%;
transform: translate(20%,-25%);
}
.lcd {
font-family:"lcd" !important;
font-size:45vw;font-style:normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
-moz-osx-font-smoothing: grayscale;
}
/* 帮助界面 */
.p0 {
margin: 0 auto;
padding: 0 14vw;
position: relative;
}
h3 {
position: absolute;
left: 50%;
top: -7vw;
transform: translateX(-50%);
font-size: 4vw;
}
.tip {
border: 1px solid #999;
}
.p0 p {
margin: 2vw 0 ;
text-align: center;
font-size: 3vw;
}
/* 开始第一页 */
.top {
position: relative;
z-index: 999;
}
.top div{
width: 33.3%;
font-size: 3vw;
}
.top-left {
text-align: left;
}
.top-center {
text-align: center;
}
.top-right {
text-align: right;
white-space: nowrap;
}
.footer div{
width: 33.3%;
text-align: center;
font-size: 5vw;
}
.main {
margin: 1.5vw 0 2.5vw;
padding: 1vw 3vw;
border-top: 1px solid black;
border-bottom: 1px solid black;
}
/* 开始第二页 */
ol {
margin: 0 auto;
width: 50vw;
}
ol li {
text-align: center;
line-height: 7.4vw;
font-size: 4vw;
border-bottom: 1px solid #e1e1e1;
}
ol li:nth-last-child(1){
border-bottom: none;
}
/* 开始第三页 */
.p3 {
font-size: 4vw;
padding: 0 20%;
overflow: hidden;
}
button{
background-color: #fff;
border: 1px solid black;
font-size: 4vw;
padding: 0.2vw 0.7vw;
}
.line1,.line2 {
margin: 5vw auto;
display: flex;
justify-content: space-between;
}
.line1 {
margin-top: 0;
}
.p3 input{
width: 100%;
text-align: center;
font-size: 4vw;
border: 1px solid black;
}
.p3-main span{
width: 50%;
}
.p3-bottom {
padding: 0 2vw;
display: flex;
justify-content: space-between;
}
.p3-bottom button{
width: 40%;
}
/* 第四页 */
.p4 {
font-size: 4vw;
padding: 0 20%;
overflow: hidden;
}
.p4 input{
width: 100%;
text-align: center;
font-size: 4vw;
border: 1px solid black;
}
.p4-main span{
width: 50%;
}
.p4-bottom {
padding: 0 2vw;
display: flex;
justify-content: space-between;
}
.p4-bottom button{
width: 40%;
}
.p5 {
position: relative;
}
.p5 .back {
position: absolute;
right: 10%;
bottom: 2vw;
font-size: 2vw;
border: 1px solid black;
padding: 0.5vw;
}
/* 全屏 */
::backdrop {
z-index:0;
background-color: white !important;
}
html, *:fullscreen, *:-webkit-full-screen, *:-moz-full-screen {
background-color: white !important;
z-index:1;
}