Init Repo

static/app2/css/time.css

@@ -0,0 +1,184 @@
+.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;
+ }