mirror of https://gitee.com/godoos/godoos.git
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
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;
|
|
}
|