You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
199 lines
3.3 KiB
CSS
199 lines
3.3 KiB
CSS
@charset "utf-8";
|
|
/* CSS Document */
|
|
|
|
section{
|
|
margin:0;
|
|
overflow:visible;
|
|
}
|
|
.pack{
|
|
margin-left:4%;
|
|
padding-left:2%;
|
|
margin-right:2%;
|
|
float:left;
|
|
margin-top:2%;
|
|
border-left:1px solid #dcdcdc;
|
|
}
|
|
.pack .pack-con{
|
|
position:relative;
|
|
float:left;
|
|
width:100%;
|
|
margin-top:35px;
|
|
padding-top:10px;
|
|
border-top:1px solid #e4e4e4;
|
|
border-left:1px solid #e4e4e4;
|
|
border-right:1px solid #e4e4e4;
|
|
border-bottom:1px solid #ededed;
|
|
background-color:#ffffff;
|
|
}
|
|
.pack .pack-con .pack-con-start{
|
|
position:absolute;
|
|
top:-35px;
|
|
left:-4%;
|
|
display:block;
|
|
background-image:url(../images/pack-start.png);
|
|
background-size:auto 25px;
|
|
background-repeat:no-repeat;
|
|
z-index:999;
|
|
}
|
|
.pack .pack-con .pack-con-start a{
|
|
margin-left:20px;
|
|
display:block;
|
|
float:left;
|
|
background:#d2d2d2;
|
|
height:24px;
|
|
line-height:25px;
|
|
padding-left:6px;
|
|
padding-right:10px;
|
|
font-size:16px;
|
|
color:#FFF;
|
|
}
|
|
.pack .pack-con .pack-con-Today{
|
|
position:absolute;
|
|
top:-35px;
|
|
left:-4%;
|
|
display:block;
|
|
background-image:url(../images/pack-today.png);
|
|
background-size:auto 25px;
|
|
background-repeat:no-repeat;
|
|
z-index:999;
|
|
}
|
|
.pack .pack-con .pack-con-Today a{
|
|
margin-left:20px;
|
|
display:block;
|
|
float:left;
|
|
background:#0080ff;
|
|
height:24px;
|
|
line-height:24px;
|
|
padding-left:6px;
|
|
padding-right:10px;
|
|
font-size:16px;
|
|
color:#FFF;
|
|
}
|
|
.pack .pack-con .pack-con-Yesterday{
|
|
position:absolute;
|
|
top:-35px;
|
|
left:-4%;
|
|
display:block;
|
|
float:left;
|
|
height:24px;
|
|
background-image:url(../images/pack-yesterday.png);
|
|
background-size:auto 25px;
|
|
background-repeat:no-repeat;
|
|
z-index:999;
|
|
}
|
|
.pack .pack-con .pack-con-Yesterday a{
|
|
margin-left:20px;
|
|
display:block;
|
|
float:left;
|
|
background:#75d653;
|
|
height:24px;
|
|
line-height:24px;
|
|
padding-left:6px;
|
|
padding-right:10px;
|
|
font-size:16px;
|
|
color:#FFF;
|
|
}
|
|
|
|
.pack .pack-con .pack-con-in{
|
|
float:left;
|
|
width:100%;
|
|
padding-bottom:10px;
|
|
border-bottom:1px solid #dcdcdc;
|
|
}
|
|
.pack .pack-con .pack-con-in .pack-con-in-imge{
|
|
display: block;
|
|
float:left;
|
|
margin-left:10px;
|
|
margin-right:10px;
|
|
width: 66px;
|
|
}
|
|
.pack .pack-con .pack-con-in .pack-con-in-imge img{
|
|
width: 100%;
|
|
height:auto;
|
|
border-radius: 10px;
|
|
}
|
|
.pack .pack-con .pack-con-in .pack-con-in-txt{
|
|
display:block;
|
|
float:left;
|
|
width:40%;
|
|
color:#666666;
|
|
}
|
|
.pack .pack-con .pack-con-in .pack-con-in-txt p{
|
|
margin:0;
|
|
width:100%;
|
|
}
|
|
.pack .pack-con .pack-con-in .pack-con-in-txt p.pack-con-in-titl{
|
|
padding-top:8px;
|
|
font-size:16px;
|
|
line-height:20px;
|
|
}
|
|
p.pack-con-in-titl a{
|
|
color:#666666;
|
|
}
|
|
p.pack-con-in-time{
|
|
padding-top:2px;
|
|
font-size:12px;
|
|
line-height:16px;
|
|
color:#aaa;
|
|
}
|
|
p.pack-con-in-time em{
|
|
font-style:normal;
|
|
color:#ff5400;
|
|
}
|
|
p.pack-con-in-time i{
|
|
font-style:normal;
|
|
color:#999999;
|
|
}
|
|
.pack-con-in-btn{
|
|
position:absolute;
|
|
top:25px;
|
|
right:10px;
|
|
display:block;
|
|
width:80px;
|
|
height:40px;
|
|
line-height:40px;
|
|
text-align:center;
|
|
border-radius: 5px;
|
|
font-size:16px;
|
|
color:#FFF;
|
|
}
|
|
.pack-con-in-btn:active{
|
|
color:#FFF;
|
|
background-color:#f0590f;
|
|
}
|
|
.pack-con-in-btn:hover{
|
|
color:#FFF;
|
|
background-color:#f0590f;
|
|
}
|
|
.pack-con-in-btn:visited{
|
|
color:#FFF;
|
|
}
|
|
.cor0{
|
|
background-color:#d2d2d2;
|
|
}
|
|
.cor1{
|
|
background-color:#fd7100;
|
|
}
|
|
.cor2{
|
|
background-color:#f1b73b;
|
|
}
|
|
|
|
.pack .pack-con .pack-con-txt{
|
|
float:left;
|
|
padding:10px;
|
|
padding-bottom:0px;
|
|
font-size:12px;
|
|
line-height:20px;
|
|
color:#aaa;
|
|
}
|
|
.pack .pack-black{
|
|
height:15px;
|
|
width:100%;
|
|
float:left;
|
|
margin-bottom:15px;
|
|
border-bottom:1px solid #dcdcdc;
|
|
}
|
|
|
|
|
|
|