Init Repo

static/app2/css/activity5.css

@@ -0,0 +1,141 @@
+body {
+	background: white;
+}
+
+.con {
+	position: fixed;
+	top: 66px;
+	bottom: 0;
+	left: 0;
+	right: 0;
+}
+
+.mui-slider-group,
+.mui-slider-item,
+.mui-slider-item img {
+	height: 144px;
+}
+
+.ac5_con {
+	padding: 3%;
+}
+
+.title {
+	position: relative;
+	margin-bottom: 1%;
+}
+
+.title img {
+	width: 100%;
+}
+
+.title p {
+	position: absolute;
+	width: 100%;
+	top: 45%;
+	left: 50%;
+	-webkit-transform: translate(-50%, -50%);
+	-ms-transform: translate(-50%, -50%);
+	transform: translate(-50%, -50%);
+	text-align: center;
+	color: #FFFFFF;
+	font-size: 16.8px;
+}
+
+.con_o {
+	position: relative;
+	margin-bottom: 2%;
+}
+
+.con_o img {
+	width: 100%;
+}
+
+.con_o .img {
+	position: absolute;
+	left: 6%;
+	top: 22%;
+	width: 35%;
+}
+
+.con_oo {
+	position: absolute;
+	right: 6%;
+	top: 22%;
+	bottom: 14%;
+	left: 43%;
+	text-align: center;
+}
+
+.p1 {
+	font-size: 15.6px;
+	color: #909090;
+	margin-top: 2%;
+}
+
+.p2 {
+	font-size: 15.6px;
+	color: #525252;
+	font-weight: bold;
+	margin-top: 2%;
+}
+
+.p3 {
+	color: #f23046;
+	font-size: 19.2px;
+	margin-top: 2%;
+}
+
+.con_oo_btn {
+	padding: 5% 10%;
+	background: #f23249;
+	color: white;
+	font-size: 13.2px;
+	border: none;
+	margin-top: 2%;
+}
+
+.con_t_block {
+	width: 49%;
+	margin: 0.5%;
+	border: 2px solid #f1f1f1;
+	float: left;
+}
+
+.con_t_block img {
+	width: 100%;
+}
+
+.con_t_block p {
+	padding: 2%;
+	height: 48px;
+	display: -webkit-box;
+	-webkit-box-orient: vertical;
+	-webkit-line-clamp: 2;
+	overflow: hidden;
+}
+
+.tfooter{
+	width: 100%;
+	height: 36px;
+	line-height: 36px;
+}
+.tfooter span{
+	font-size: 14.4px;
+	color: #fa3c50;
+	float: left;
+	
+}
+.con_t_btn{
+	float: right;
+	border: none;
+	border-radius: 50px 0 0 50px;
+	color: white;
+	background: -moz-linear-gradient(left, #fc055f, #fb2c54);
+	/*Mozilla*/
+	background: -webkit-gradient(linear, 0 50%, 100% 50%, from(#fc055f), to(#fb2c54));
+	/*Old gradient for webkit*/
+	background: -webkit-linear-gradient(left, #fc055f, #fb2c54);
+	/*new gradient for Webkit*/
+	background: -o-linear-gradient(left, #fc055f, #fb2c54);
+}