168 行
2.6 KiB
CSS
可执行文件
168 行
2.6 KiB
CSS
可执行文件
.top {
|
|
width: 100%;
|
|
height: 12rem;
|
|
margin-bottom: 0.8rem;
|
|
overflow: hidden;
|
|
background-image: url(/Public/vip/images/templateB/sign-bg.png);
|
|
background-size: 100% 100%;
|
|
}
|
|
|
|
.top .out-1 {
|
|
width: 8rem;
|
|
height: 8rem;
|
|
border-radius: 100%;
|
|
-webkit-border-radius: 100%;
|
|
background: rgba(255, 255, 255, 0.4);
|
|
margin: 1rem auto 0 auto;
|
|
}
|
|
|
|
.top .out-1 .out-2 {
|
|
width: 7rem;
|
|
height: 7rem;
|
|
border-radius: 100%;
|
|
-webkit-border-radius: 100%;
|
|
background: #ffffff;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.top .out-1 .out-2 .signBtn {
|
|
width: 6.2rem;
|
|
height: 6.2rem;
|
|
border-radius: 100%;
|
|
-webkit-border-radius: 100%;
|
|
border: 1px #7ebdff solid;
|
|
}
|
|
|
|
.top .out-1 .out-2 .signBtn strong,
|
|
.top .out-1 .out-2 .signBtn span {
|
|
display: block;
|
|
width: 85%;
|
|
margin: 0 auto;
|
|
text-align: center;
|
|
color: #007aff;
|
|
}
|
|
|
|
.top .out-1 .out-2 .signBtn strong {
|
|
height: 3.5rem;
|
|
line-height: 4.5rem;
|
|
font-weight: 600;
|
|
border-bottom: 1px #eee solid;
|
|
}
|
|
|
|
.top .out-1 .out-2 .signBtn span {
|
|
height: 2.5rem;
|
|
line-height: 2.5rem;
|
|
font-size: .9rem;
|
|
line-height: 2rem !important;
|
|
}
|
|
|
|
.top .out-1:active {
|
|
animation: sign .25s forwards;
|
|
-webkit-animation: sign .25s forwards;
|
|
}
|
|
|
|
.tips {
|
|
position: absolute;
|
|
top: 10rem;
|
|
z-index: 999;
|
|
width: 100%;
|
|
color: #fff;
|
|
font-size: .9rem;
|
|
text-align: center;
|
|
padding-bottom: .5rem;
|
|
display: none;
|
|
}
|
|
|
|
.Calendar {
|
|
background: #fff;
|
|
padding-bottom: 1rem;
|
|
}
|
|
|
|
.Calendar #toyear {
|
|
border-bottom: 1px #e7e7e7 solid;
|
|
width: 96%;
|
|
margin: 0 auto;
|
|
height: 2.5rem;
|
|
text-align: center;
|
|
color: #333;
|
|
font-size: .95rem;
|
|
}
|
|
|
|
.Calendar #toyear .year-month {
|
|
height: 100%;
|
|
line-height: 2.5rem;
|
|
}
|
|
#idCalendarPre>img{
|
|
display: block;
|
|
width: 20px;
|
|
height: 20px;
|
|
margin-top: 10px;
|
|
}
|
|
#idCalendarNext>img{
|
|
display: block;
|
|
width: 20px;
|
|
height: 20px;
|
|
margin-top: 10px;
|
|
}
|
|
.Calendar #toyear #idCalendarPre,
|
|
.Calendar #toyear #idCalendarNext {
|
|
height: 100%;
|
|
line-height: 2.5rem;
|
|
padding: 0 2rem;
|
|
text-align: center;
|
|
font-size: .85rem;
|
|
color: #999;
|
|
}
|
|
|
|
.Calendar table,
|
|
.Calendar tr,
|
|
.Calendar td {
|
|
border: 0;
|
|
}
|
|
|
|
.Calendar table {
|
|
width: 96%;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.Calendar table tr {
|
|
text-align: center;
|
|
height: 2rem;
|
|
}
|
|
|
|
.Calendar table tr td span {
|
|
margin: 0 auto;
|
|
display: block;
|
|
line-height: 1.6rem;
|
|
width: 1.5rem;
|
|
height: 1.5rem;
|
|
font-size: .9rem;
|
|
border-radius: 100%;
|
|
}
|
|
|
|
.Calendar table tr .onToday span {
|
|
background: #1485ff;
|
|
color: #fff;
|
|
}
|
|
|
|
#tipsign{
|
|
width: 50%;
|
|
height: 2.5rem;
|
|
background: #ecf5ff;
|
|
opacity: 0.8;
|
|
border: #6FA1FB 1px solid;
|
|
color: #409eff;
|
|
position: fixed;
|
|
left: 0;
|
|
right: 0;
|
|
top: 6rem;
|
|
margin: auto;
|
|
border-radius: 6px;
|
|
font-size:16px;
|
|
text-align: center;
|
|
line-height: 2.5rem;
|
|
z-index: 99;
|
|
display: none;
|
|
transition: all 0.25s linear;
|
|
}
|