Init Repo

static/app/css/storeout.css

@@ -0,0 +1,205 @@
+.header{
+	background: url(../img/storetopbg.png) no-repeat center top;
+	background-size: 414px;
+}
+.search{
+	width: 100%;
+	height: 60px;
+	padding-top: 20px;
+	
+}
+.mui-action-back{
+	padding: 9px;
+	color: white;
+}
+.searchcon{
+	margin-top: 5px;
+	width: calc(100% - 84px);
+	height: 30px;
+	float: left;
+	background: rgba(255,255,255,0.3);
+	position: relative;
+}
+.classmenu{
+	width: 30px;
+	height: 30px;
+	float: left;
+	margin-top: 5px;
+	margin-left: 5px;
+}
+.searchcon img{
+	width: 30px;
+	height: 30px;
+	padding: 7.5px;
+	float: left;
+}
+.searchcon span{
+	color: white;
+	font-size: 13.2px;
+	line-height: 30px;
+}
+.b_title {
+	width: 100%;
+	position: relative;
+	height: 60px;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
+.b_title .b_img {
+	width: 48px;
+	height: 48px;
+	position: absolute;
+	bottom: 6px;
+	left: 15px;
+}
+
+.storename {
+	position: absolute;
+	width: calc(100% - 160px);
+	color: black;
+	left: 69px;
+	top: 9px;
+	font-size: 16.8px;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
+.time {
+	position: absolute;
+	width: calc(100% - 160px);
+	left: 69px;
+	color: #909090;
+	font-size: 13.2px;
+	top: 34px;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
+.gz_btn{
+	width: 69px;
+	height: 30px;
+	border-radius: 15px;
+	color: white;
+	line-height: 33.6px;
+	text-indent: 30px;
+	position:absolute;
+	right: 12px;
+	font-size: 13.2px;
+	background:#e5122b url(../img/heart.png) no-repeat left center;
+	background-size: 35px;
+	bottom: 15px;
+	/*border:  1px solid #909090;*/
+}
+.gz_btn1{
+	width: 69px;
+	height: 30px;
+	border-radius: 15px;
+	color: #909090;
+	line-height: 33.6px;
+	position:absolute;
+	text-align: center;
+	right: 12px;
+	font-size: 13.2px;
+	bottom: 15px;
+	background: #efefef;
+	/*border:  1px solid #909090;*/
+}
+.nav{
+	width: 100%;
+	height: 56px;
+	background: white;
+}
+.nav_block{
+	float: left;
+	width: 25%;
+	text-align: center;
+	height: 56px;
+}
+.nav_block img{
+	width: 36px;
+}
+.nav .on{
+	border-bottom: 2px solid #e5122b; 
+}
+.footer{
+	width: 100%;
+	height: 50px;
+	border-top: 1px solid #e6e6e6;
+	position: fixed;
+	bottom: 0;
+	left: 0;
+	background: white;
+	padding: 12px 0;
+}
+.footer div{
+	width: 50%;
+	height: 25px;
+	display: block;
+	float: left;
+	text-align: center;
+	color: #525252;
+	font-size: 15.6px;
+}
+#rmfl{
+	border-right: 1px solid #e6e6e6;
+}
+.rmfl{
+	width: 100%;
+	height: 100%;
+	position: fixed;
+	top: 0;
+	bottom: 0;
+	left: 0;
+	z-index: 101;
+}
+.rmfl .con{
+	width: 96px;
+	border-radius: 6px;
+	overflow: hidden;
+	position: absolute;
+	bottom: 48px;
+	left: 20%;
+	box-shadow: 1px 1px 1px #eeeeee;
+	z-index: 110;
+}
+.rmfl .con .row{
+	width: 100%;
+	height: 49px;
+	line-height: 48px;
+	border-top: 1px solid #e6e6e6;
+	background: white;
+	text-align: center;
+	color: #525252;
+	font-size: 14.4px;
+}
+.rmfl .con .row:first-child{
+	border: none;
+}
+.sanjiao{
+	z-index: 110;
+	width: 12px;
+	height: 12px;
+	position: absolute;
+	background: white;
+	border-right: 1px solid #e6e6e6;
+	border-bottom: 1px solid #e6e6e6;
+	transform: rotate(45deg);
+	bottom: 41px;
+	left: 24%;
+}
+.search button{
+	position: absolute;
+	right: 0;
+	top: 0;
+	border: none;
+	position: absolute;
+	width: 50px;
+	height: 30px;
+	border-radius: 0;
+	background: #007AFF;
+	color: white;
+}