Init Repo

hyhproject/mobile2/view/default/css/juhui.less

@@ -0,0 +1,236 @@
+body{
+    background: #ebebeb;
+}
+
+.header{
+    width: 100%;
+    height: 80/100rem;
+    background: #f12f46;
+}
+
+.header p{
+    font-size: 30/100rem;
+    color: #fff;
+    text-align: center;
+    line-height: 80/100rem;
+}
+
+.nav{
+    width: 100%;
+    height: 60/100rem;
+    border-bottom: 1px solid #ececec;
+    background: #fff;
+}
+
+.nav div{
+    width: 33.333%;
+    float: left;
+}
+
+.nav div p{
+    font-family: "微软雅黑";
+    font-size: 22/100rem;
+    color: #909090;
+    text-align: center;
+    line-height: 60/100rem;
+}
+
+.nav .on p{
+    color: #e5122b;
+}
+
+.guanzhu1,.shangxin1,.haohuo1{
+    background: #fff;
+    margin-top: 10/100rem;
+}
+
+.guanzhu1 .gz_dpmc{
+    padding-top: 17/100rem;
+    margin-left: 20/100rem;
+}
+
+.guanzhu1 .gz_dpmc img{
+    width: 100/100rem;
+    height: 100/100rem;
+    float: left;
+}
+
+.guanzhu1 .gz_dpmc .gz_p1{
+    font-family: "微软雅黑";
+    font-size: 28/100rem;
+    font-weight: 900;
+    color: #000000;
+    
+}
+
+.guanzhu1 .gz_dpmc .gz_p2{
+    font-family: "微软雅黑";
+    font-size: 22/100rem;
+    color: #909090;
+}
+
+.guanzhu1 .gz_dpmc .gz_p1 , .gz_p2{
+    margin-left: 110/100rem;
+}
+
+.guanzhu1 .gz_nr{
+    width: 575/100rem;
+    height: 130/100rem;
+    margin-left: 20/100rem;
+    overflow: hidden;
+}
+
+.guanzhu1 .gz_nr p{
+    font-family: "微软雅黑";
+    font-size: 24/100rem;
+    color: #525252;
+}
+
+.zan{
+    margin-left: 20/100rem;
+    margin-top: 45/100rem;
+}
+
+.zan .eye{
+    width: 30/100rem;
+    height: 30/100rem;
+    float: left;
+}
+
+.zan .eye_p{
+    font-family: "微软雅黑";
+    font-size: 20/100rem;
+    color: #909090;
+    margin-left: 5/100rem;
+    float: left;
+}
+
+.zan .damuzhi{
+   width: 67/100rem;
+   height: 32/100rem;
+   border: 1px solid #ec5261;
+   border-radius: 10px 10px 10px 10px;
+   float: right; 
+   margin-right: 34/100rem;
+   margin-bottom: 10/100rem;
+}
+
+.zan .damuzhi img{
+    width: 30/100rem;
+    height: 30/100rem;
+    margin-left: 10/100rem;
+    float: left;
+}
+
+.zan .damuzhi p{
+    font-family: "微软雅黑";
+    font-size: 20/100rem;
+    color: #ea4051;
+    float: left;
+    margin-left: 5/100rem;
+}
+
+
+.shangxin1 .sx_dpmc{
+    padding-top: 17/100rem;
+    margin-left: 20/100rem;
+}
+
+.shangxin1 .sx_dpmc img{
+    width: 100/100rem;
+    height: 100/100rem;
+    float: left;
+}
+
+.shangxin1 .sx_dpmc .sx_p1{
+    font-family: "微软雅黑";
+    font-size: 28/100rem;
+    font-weight: 900;
+    color: #000000;
+    
+}
+
+.shangxin1 .sx_dpmc .sx_p2{
+    font-family: "微软雅黑";
+    font-size: 22/100rem;
+    color: #909090;
+}
+
+.shangxin1 .sx_dpmc .sx_p1 , .sx_p2{
+    margin-left: 110/100rem;
+}
+
+.shangxin1 .sx_sp{
+    width: 605/100rem;
+    margin-top: 40/100rem;
+    margin-left: 20/100rem;
+}
+
+.shangxin1 .sx_spnr{
+    width: 200/100rem;
+    height: 200/100rem;
+    background: #000000;
+    margin-right: 1/100rem;
+    margin-top: 2/100rem;
+    float: left;
+}
+
+//.shangxin1 .sx_spnr img{
+//  width: 200/100rem;
+//  height: 200/100rem;
+//}
+
+
+//.banner {
+//  height: 258/100rem;
+//  position: relative;
+//  overflow: hidden;
+//}
+//
+//.banner .list {
+//  transition: .3s ease-in-out;
+//  width: 500%;
+//}
+//
+//.banner .list li {
+//  float: left;
+//  width: 20%;
+//}
+//
+//.banner .list a {
+//  height: 195/40rem;
+//  display: block;
+//}
+//
+//.banner .list img {
+//  width: 100%;
+//  height: 100%;
+//}
+//
+//.banner img {
+//  width: 640/100rem;
+//  height: 258/64rem;
+//}
+//
+//.banner .btn {
+//  position: absolute;
+//  left: 50%;
+//  bottom: 8/100rem;
+//  transform: translateX(-50%);
+//}
+//
+//.banner .btn li {
+//  float: left;
+//  width: 12/100rem;
+//  height: 12/100rem;
+//  border-radius: 50%;
+//  background: rgba(255, 255, 255, 0.3);
+//  margin: 0 4/100rem;
+//}
+//
+//.banner .btn .on {
+//  background: #E8503E;
+//}
+
+
+