Init Repo

static/app2/css/activity2.css

@@ -0,0 +1,301 @@
+body {
+	background: #c82929;
+}
+
+.header {
+	position: relative;
+}
+
+.header .mui-action-back {
+	margin-top: 15px;
+	color: white;
+	position: absolute;
+	z-index: 11;
+	padding: 9px;
+}
+
+.header img {
+	width: 100%;
+}
+
+.yhq {
+	position: relative;
+	width: 100%;
+}
+
+.yhq img {
+	width: 100%;
+}
+
+.yhq_con {
+	padding: 2.5%;
+	position: absolute;
+	top: 0;
+	left: 0;
+	right: 0;
+	bottom: 0;
+}
+
+.yhq_con_block {
+	width: 45%;
+	margin: 5% 2.5% 0;
+	float: left;
+	position: relative;
+}
+
+.yhq_con_block img {
+	width: 100%;
+}
+
+.yhq_con_block_con {
+	position: absolute;
+	right: 4%;
+	top: 6%;
+	bottom: 5%;
+	left: 35%;
+}
+
+.yhq_p1 {
+	position: absolute;
+	margin: 0 auto;
+	left: 0;
+	right: 0;
+	text-align: center;
+	color: #C82828;
+	font-size: 10.8px;
+	top: 18%;
+}
+
+.yhq_p2 {
+	position: absolute;
+	margin: 0 auto;
+	left: 0;
+	right: 0;
+	text-align: center;
+	color: #C82828;
+	font-size: 10.8px;
+	bottom: 2%;
+}
+
+.yhq_p1 o {
+	font-weight: bold;
+	font-size: 36px;
+	letter-spacing: -3px;
+}
+
+.ac img {
+	width: 100%;
+}
+
+.gchh {
+	padding: 2%;
+}
+
+.gchh_block {
+	width: 48%;
+	margin: 1%;
+	float: left;
+	position: relative;
+}
+
+.gchh_b_bg {
+	width: 100%;
+}
+
+.gchh_b_con {
+	position: absolute;
+	width: 92%;
+	top: 4%;
+	left: 4%;
+	border-radius: 5%;
+	height: 80%;
+	overflow: hidden;
+}
+
+.gchh_b_con img {
+	width: 100%;
+	height: 100%;
+}
+
+.gchh_b_con p {
+	position: absolute;
+	color: white;
+	bottom: 0;
+	left: 0;
+	right: 0;
+	text-align: center;
+	font-size: 14.4px;
+	padding: 3%;
+	background: rgba(200, 41, 41, 0.2);
+}
+
+.title {
+	position: relative;
+}
+
+.title img {
+	width: 100%;
+}
+
+.title p {
+	text-align: center;
+	font-weight: bold;
+	color: #c82828;
+	font-size: 21.6px;
+	position: absolute;
+	left: 0;
+	right: 0;
+	margin: 6% auto;
+	top: 0;
+}
+
+.zdzb_block {
+	position: relative;
+}
+
+.zdzb_block img {
+	width: 100%;
+}
+
+.zdzb_zzc {
+	position: absolute;
+	top: 0;
+	left: 0;
+	right: 0;
+	z-index: 11;
+}
+
+.zdzb_block_con {
+	position: absolute;
+	left: 0;
+	top: 0;
+	right: 0;
+	bottom: 0;
+	padding: 5.3% 4.6% 0;
+}
+
+.zdzb_block_con img {
+	border-radius: 50%;
+	width: 100%;
+	height: 87.75%;
+}
+
+.zdzb_block_con p {
+	position: absolute;
+	left: 12%;
+	right: 12%;
+	text-align: center;
+	font-size: 13.2px;
+	color: #c82828;
+	margin: 1% auto 0;
+	height: 25px;
+	line-height: 25px;
+	background: #fef8d4;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	bottom: 10%;
+}
+
+.cost {
+	position: absolute;
+	font-size: 33.6px;
+	color: #c72928;
+	bottom: 2%;
+	left: 18%;
+}
+
+.zdzb_block_con b {
+	font-size: 10.8px;
+	position: absolute;
+	color: #c72928;
+	bottom: 1%;
+	left: 15%;
+}
+
+.zdzb_btn {
+	font-size: 12px;
+	position: absolute;
+	background: #c72b29;
+	bottom: 2%;
+	right: 15%;
+	text-align: center;
+	height: 25px;
+	line-height: 25px;
+	color: white;
+	width: 75px;
+	border-radius: 15px;
+}
+
+.zdzb2 {
+	padding: 1%;
+}
+
+.zdzb2_block {
+	width: 31.3%;
+	position: relative;
+	margin: 1%;
+	float: left;
+}
+
+.zdzb2_block img {
+	width: 100%;
+}
+
+.zdzb2_block p {
+	text-align: center;
+	color: #C72928;
+	font-size: 15.6px;
+	margin: auto;
+	position: absolute;
+	height: 20px;
+	line-height: 20px;
+	top: 0;
+	left: 0;
+	bottom: 0;
+	right: 0;
+}
+
+.zdzb3 {
+	padding: 2%;
+}
+
+.zdzb3_block {
+	width: 30.3333%;
+	position: relative;
+	margin: 1.5%;
+	float: left;
+}
+
+.zdzb3_block img {
+	width: 100%;
+}
+
+.zdzb3_block .zdzb3_block_con img {
+	width: 90%;
+	position: absolute;
+	top: 5%;
+	left: 5%;
+	right: 5%;
+	height: 68%;
+	z-index: 10;
+}
+
+.zdzb3_block .zdzb3_block_con p {
+	color: #e41f4a;
+	font-weight: bold;
+	font-size: 12px;
+	text-align: center;
+	position: absolute;
+	left: 0;
+	right: 0;
+	bottom: 5%;
+}
+
+.zdzb3_block .zdzb3_block_con .sanjiao {
+	z-index: 11;
+	position: absolute;
+	width: 90%;
+	height: auto;
+	top: 69%;
+}