184 lines
2.8 KiB
CSS
Executable File
184 lines
2.8 KiB
CSS
Executable File
.oc_logo {
|
|
width: 67.5px;
|
|
height: 16.5px;
|
|
position: absolute;
|
|
margin: 0 auto;
|
|
left: 0;
|
|
right: 0;
|
|
top: 13.75px;
|
|
}
|
|
|
|
.top {
|
|
width: 100%;
|
|
height: 16px;
|
|
background: white;
|
|
}
|
|
|
|
.con {
|
|
width: 100%;
|
|
padding: 0 2%;
|
|
transform: translateY(-16px);
|
|
}
|
|
|
|
.nav {
|
|
width: 100%;
|
|
height: 40px;
|
|
background: white;
|
|
border-top: 1px solid #ececec;
|
|
border-left: 1px solid #ececec;
|
|
}
|
|
|
|
.nav_block {
|
|
color: #101010;
|
|
font-size: 13px;
|
|
float: left;
|
|
padding: 9px 0;
|
|
height: 40px;
|
|
margin: 0 calc(25% - 26.5px);
|
|
}
|
|
.nav .r{
|
|
float: right;
|
|
}
|
|
.nav .on {
|
|
color: #ee344a;
|
|
border-bottom: 4px solid #ed374c;
|
|
}
|
|
|
|
.time {
|
|
width: 100%;
|
|
height: 30px;
|
|
background: white;
|
|
margin-top: 1px;
|
|
}
|
|
|
|
.time .p1 {
|
|
color: #EE344A;
|
|
font-size: 13px;
|
|
float: left;
|
|
padding: 4.5px 0;
|
|
margin-left: 15px;
|
|
}
|
|
|
|
.time .p2 {
|
|
color: #101010;
|
|
font-size: 10px;
|
|
float: right;
|
|
padding: 4.5px 0;
|
|
margin-right: 15px;
|
|
}
|
|
|
|
.time .p2 o {
|
|
background: #ED374C;
|
|
color: white;
|
|
padding: 1px 2px;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.con_ {
|
|
|
|
}
|
|
|
|
.con_block {
|
|
margin-top: 1px;
|
|
width: 100%;
|
|
height: 170px;
|
|
background: white;
|
|
position: relative;
|
|
}
|
|
|
|
.con_block .img {
|
|
width: 109px;
|
|
height: 109px;
|
|
position: absolute;
|
|
top: 30px;
|
|
left: 2%;
|
|
}
|
|
|
|
.con_block .p1 {
|
|
width: calc(100% - 130px);
|
|
right: 2%;
|
|
color: #101010;
|
|
font-size: 13px;
|
|
position: absolute;
|
|
|
|
top: 20px;
|
|
display: -webkit-box;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-line-clamp: 2;
|
|
overflow: hidden;
|
|
}
|
|
.con_block .p2{
|
|
color: #ee344a;
|
|
font-size: 10px;
|
|
position: absolute;
|
|
background: #ffd7d7;
|
|
border-radius: 3px;
|
|
padding: 0px 4px;
|
|
top: 70px;
|
|
/*width: calc(100% - 130px);*/
|
|
right: calc(100% - 171px);
|
|
}
|
|
.con_block .p3{
|
|
color: #ec3449;
|
|
font-size: 15px;
|
|
position: absolute;
|
|
width: calc(100% - 130px);
|
|
right: 2%;
|
|
top: 105px;
|
|
}
|
|
.con_block .p3 o{
|
|
font-size: 13px;
|
|
}
|
|
.con_block del{
|
|
color: #808080;
|
|
font-size: 14px;
|
|
position: absolute;
|
|
width: calc(100% - 130px);
|
|
right: 2%;
|
|
top: 120px;
|
|
}
|
|
.con_block del o{
|
|
font-size: 12px;
|
|
}
|
|
.con_block button{
|
|
color: white;
|
|
background: #ED374C;
|
|
font-size: 13px;
|
|
padding: 5px 15px;
|
|
border-radius: 5px;
|
|
position: absolute;
|
|
right: 2%;
|
|
bottom: 35px;
|
|
border: none;
|
|
}
|
|
.con_block .p4{
|
|
color: #808080;
|
|
font-size: 10px;
|
|
position: absolute;
|
|
bottom: 10px;
|
|
right: 80px;
|
|
}
|
|
.con_block progress{
|
|
width: 70px;
|
|
height: 9px;
|
|
border-radius: 10px;
|
|
position: absolute;
|
|
right: 2%;
|
|
bottom: 16px;
|
|
background: white;
|
|
}
|
|
::-ms-fill{
|
|
background:#ED374C;
|
|
}
|
|
::-moz-progress-bar{
|
|
background:#ED374C;
|
|
}
|
|
::-webkit-progress-bar{
|
|
background:white;
|
|
border: 1px solid #ED374C;
|
|
border-radius: 10px;
|
|
}
|
|
::-webkit-progress-value{
|
|
background:#ED374C;
|
|
border-radius:0 5px 5px 0;
|
|
} |