|
|
@@ -1,108 +1,108 @@
|
|
|
-html,body,#app,.login,.bg{height:100%;}
|
|
|
-input{border: 0;height: 99%;font-size: 16px;}
|
|
|
-.login{padding-top: 69px;box-sizing:border-box;
|
|
|
- .box{background-color:white;overflow: hidden;width:325px;margin:0 auto;border-radius:8.75px;padding-bottom:30px;position: relative;z-index: 999;
|
|
|
- .loginWay{font-size:0;text-align:center;margin-bottom:25px;
|
|
|
- span{width: 50%;font-size: 17px;height: 42.5px;line-height: 42.5px;color:#333;display: inline-block;background-color: #E4E4E4;}
|
|
|
- .active{color: #666;background-color: white;}
|
|
|
- }
|
|
|
- .loginBox{width: 280px;margin:0 auto;
|
|
|
- .username,.password,.verifyCode{border-bottom:1px solid #AFAFAF;position: relative;height:43.75px;line-height: 100%;
|
|
|
- .mint-cell-wrapper{border: 1px solid white;}
|
|
|
- .iconfont{font-size: 18.75px;position: absolute;left: .1rem;top: 16.25px;z-index: 1;}
|
|
|
- .ipt{width:250px;margin-left: 25px;}
|
|
|
- }
|
|
|
- .username{margin-bottom: 5px;}
|
|
|
- .password{margin-bottom:20px;
|
|
|
- .ipt{width:200px;}
|
|
|
- .icon-biyan,.icon-zhengyan{left: 250px;}
|
|
|
- }
|
|
|
- .verifyCode{margin-bottom:20px;
|
|
|
- .verifyCodeIpt{width: 162.5px;}
|
|
|
- .getVerifyCode{background-color:rgba(0, 0, 0, 0);color: #FD5E5E;border: 1px solid #FD5E5E;
|
|
|
- font-size: 13px;height: 30px;float: right;margin-top: 7.5px;padding: 0 5px;border-radius: 5px;}
|
|
|
- .retry{width: 80px;height: 30px;font-size: 13px;background-color: white;border: 1px solid #999;color: #999;border-radius: 5px;}
|
|
|
- }
|
|
|
- }
|
|
|
- .signInBox{font-size:14px;text-align: left;margin: 8px 0 23.75px 0;
|
|
|
- span{color: #999;}
|
|
|
- .forget{float: right;}
|
|
|
- }
|
|
|
- .loginBtn{width:100%;height:39px;color:white;background-color: #FD5E5E;font-size: 16px;border-radius: 7px;}
|
|
|
- .agreementBox{margin-top: 15px;color: #FD5E5E;font-size:14px;
|
|
|
- .agreement{color: #FD5E5E;text-decoration:underline}
|
|
|
- }
|
|
|
- .showName{
|
|
|
- span{
|
|
|
- width: 170px;height: 40px;background: #FD9A42;border-radius: 10px;display: inline-block;font-size:18px;
|
|
|
- color: #FFFFFF;text-align: center;line-height: 40px;margin-top: 18px;font-family: PingFangSC-Medium;margin-left: 10px;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- .bg{background-color: #000;width: 100%;opacity: 0.25;position: fixed;top: 0;}
|
|
|
-}
|
|
|
-//.theStore1{
|
|
|
-// width: 100%;overflow: hidden;height: auto;
|
|
|
-// .imageT{
|
|
|
-// width: 100%;margin-bottom: 0px;height: 210px;
|
|
|
-// img{
|
|
|
-// height: 210px;
|
|
|
-// }
|
|
|
-// }
|
|
|
-// .backgroundColor{background-image: linear-gradient(180deg, #F3E932 16%, #F8F499 100%);
|
|
|
-// .GroupCl{height: 212px;width: 100%;line-height: 212px;text-align: center;
|
|
|
-// img{
|
|
|
-// height: 150px;width: 112px;margin-top: 31px;
|
|
|
-// }
|
|
|
-// }
|
|
|
-// p{width: 86%;margin-left: 7%;
|
|
|
-// border-bottom: 3px solid #CB251E;
|
|
|
-// }
|
|
|
-// .ul_li li{
|
|
|
-// background-image:url(../../../../assets/images/back.png) ;background-size: 100% auto;
|
|
|
-// width: 60%;height: 53px;border-radius: 10px;display: inline-block;font-size:18px;
|
|
|
-// color: #FDF009;text-align: center;line-height: 53px;margin-top: 18px;font-family: PingFangSC-Medium;
|
|
|
-// img{
|
|
|
-// display: inline-block;width:25px;height: 25px;z-index: 999;vertical-align:middle;
|
|
|
-// }
|
|
|
-// }
|
|
|
-// .ul_li{margin-bottom: 10px;text-align: center;margin-top: 30px;
|
|
|
-// li:nth-child(11){
|
|
|
-// margin-left: 51%;
|
|
|
-// }
|
|
|
-// li:nth-child(12){
|
|
|
-// margin-left: 51%;
|
|
|
-// }
|
|
|
-// li:nth-child(13){
|
|
|
-// margin-left: 51%;
|
|
|
-// }
|
|
|
-// }
|
|
|
-// }
|
|
|
-//}
|
|
|
-.theStore{
|
|
|
- width: 100%;overflow: hidden;
|
|
|
- .imageT{
|
|
|
- width: 100%;margin-bottom: 0px;height: 210px;
|
|
|
- img{
|
|
|
- height: 210px;
|
|
|
- }
|
|
|
- }
|
|
|
- .ul_li li{
|
|
|
- width: 45%;height: 40px;background: #FD9A42;border-radius: 10px;display: inline-block;font-size:18px;
|
|
|
- color: #FFFFFF;text-align: center;line-height: 40px;margin-top: 18px;font-family: PingFangSC-Medium;margin-left: 3%;
|
|
|
- }
|
|
|
- .ul_li{margin-bottom: 10px;
|
|
|
- li:nth-child(11){
|
|
|
- margin-left: 51%;
|
|
|
- }
|
|
|
- li:nth-child(12){
|
|
|
- margin-left: 51%;
|
|
|
- }
|
|
|
- li:nth-child(13){
|
|
|
- margin-left: 51%;
|
|
|
- }
|
|
|
- li:nth-child(14){
|
|
|
- margin-left: 51%;
|
|
|
- }
|
|
|
- }
|
|
|
-}
|
|
|
+html,body,#app,.login,.bg{height:100%;}
|
|
|
+input{border: 0;height: 99%;font-size: 16px;}
|
|
|
+.login{padding-top: 69px;box-sizing:border-box;
|
|
|
+ .box{background-color:white;overflow: hidden;width:325px;margin:0 auto;border-radius:8.75px;padding-bottom:30px;position: relative;z-index: 999;
|
|
|
+ .loginWay{font-size:0;text-align:center;margin-bottom:25px;
|
|
|
+ span{width: 50%;font-size: 17px;height: 42.5px;line-height: 42.5px;color:#333;display: inline-block;background-color: #E4E4E4;}
|
|
|
+ .active{color: #666;background-color: white;}
|
|
|
+ }
|
|
|
+ .loginBox{width: 280px;margin:0 auto;
|
|
|
+ .username,.password,.verifyCode{border-bottom:1px solid #AFAFAF;position: relative;height:43.75px;line-height: 100%;
|
|
|
+ .mint-cell-wrapper{border: 1px solid white;}
|
|
|
+ .iconfont{font-size: 18.75px;position: absolute;left: .1rem;top: 16.25px;z-index: 1;}
|
|
|
+ .ipt{width:250px;margin-left: 25px;}
|
|
|
+ }
|
|
|
+ .username{margin-bottom: 5px;}
|
|
|
+ .password{margin-bottom:20px;
|
|
|
+ .ipt{width:200px;}
|
|
|
+ .icon-biyan,.icon-zhengyan{left: 250px;}
|
|
|
+ }
|
|
|
+ .verifyCode{margin-bottom:20px;
|
|
|
+ .verifyCodeIpt{width: 162.5px;}
|
|
|
+ .getVerifyCode{background-color:rgba(0, 0, 0, 0);color: #FD5E5E;border: 1px solid #FD5E5E;
|
|
|
+ font-size: 13px;height: 30px;float: right;margin-top: 7.5px;padding: 0 5px;border-radius: 5px;}
|
|
|
+ .retry{width: 80px;height: 30px;font-size: 13px;background-color: white;border: 1px solid #999;color: #999;border-radius: 5px;}
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .signInBox{font-size:14px;text-align: left;margin: 8px 0 23.75px 0;
|
|
|
+ span{color: #999;}
|
|
|
+ .forget{float: right;}
|
|
|
+ }
|
|
|
+ .loginBtn{width:100%;height:39px;color:white;background-color: #FD5E5E;font-size: 16px;border-radius: 7px;}
|
|
|
+ .agreementBox{margin-top: 15px;color: #FD5E5E;font-size:14px;
|
|
|
+ .agreement{color: #FD5E5E;text-decoration:underline}
|
|
|
+ }
|
|
|
+ .showName{
|
|
|
+ span{
|
|
|
+ width: 170px;height: 40px;background: #FD9A42;border-radius: 10px;display: inline-block;font-size:18px;
|
|
|
+ color: #FFFFFF;text-align: center;line-height: 40px;margin-top: 18px;font-family: PingFangSC-Medium;margin-left: 10px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .bg{background-color: #000;width: 100%;opacity: 0.25;position: fixed;top: 0;}
|
|
|
+}
|
|
|
+//.theStore1{
|
|
|
+// width: 100%;overflow: hidden;height: auto;
|
|
|
+// .imageT{
|
|
|
+// width: 100%;margin-bottom: 0px;height: 210px;
|
|
|
+// img{
|
|
|
+// height: 210px;
|
|
|
+// }
|
|
|
+// }
|
|
|
+// .backgroundColor{background-image: linear-gradient(180deg, #F3E932 16%, #F8F499 100%);
|
|
|
+// .GroupCl{height: 212px;width: 100%;line-height: 212px;text-align: center;
|
|
|
+// img{
|
|
|
+// height: 150px;width: 112px;margin-top: 31px;
|
|
|
+// }
|
|
|
+// }
|
|
|
+// p{width: 86%;margin-left: 7%;
|
|
|
+// border-bottom: 3px solid #CB251E;
|
|
|
+// }
|
|
|
+// .ul_li li{
|
|
|
+// background-image:url(../../../../assets/images/back.png) ;background-size: 100% auto;
|
|
|
+// width: 60%;height: 53px;border-radius: 10px;display: inline-block;font-size:18px;
|
|
|
+// color: #FDF009;text-align: center;line-height: 53px;margin-top: 18px;font-family: PingFangSC-Medium;
|
|
|
+// img{
|
|
|
+// display: inline-block;width:25px;height: 25px;z-index: 999;vertical-align:middle;
|
|
|
+// }
|
|
|
+// }
|
|
|
+// .ul_li{margin-bottom: 10px;text-align: center;margin-top: 30px;
|
|
|
+// li:nth-child(11){
|
|
|
+// margin-left: 51%;
|
|
|
+// }
|
|
|
+// li:nth-child(12){
|
|
|
+// margin-left: 51%;
|
|
|
+// }
|
|
|
+// li:nth-child(13){
|
|
|
+// margin-left: 51%;
|
|
|
+// }
|
|
|
+// }
|
|
|
+// }
|
|
|
+//}
|
|
|
+.theStore{
|
|
|
+ width: 100%;overflow: hidden;
|
|
|
+ .imageT{
|
|
|
+ width: 100%;margin-bottom: 0px;height: 210px;
|
|
|
+ img{
|
|
|
+ height: 210px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .ul_li li{
|
|
|
+ width: 45%;height: 40px;background: #FD9A42;border-radius: 10px;display: inline-block;font-size:18px;
|
|
|
+ color: #FFFFFF;text-align: center;line-height: 40px;margin-top: 18px;font-family: PingFangSC-Medium;margin-left: 3%;
|
|
|
+ }
|
|
|
+ .ul_li{margin-bottom: 10px;
|
|
|
+ li:nth-child(13){
|
|
|
+ margin-left: 51%;
|
|
|
+ }
|
|
|
+ li:nth-child(14){
|
|
|
+ margin-left: 51%;
|
|
|
+ }
|
|
|
+ li:nth-child(15){
|
|
|
+ margin-left: 51%;
|
|
|
+ }
|
|
|
+ // li:nth-child(16){
|
|
|
+ // margin-left: 51%;
|
|
|
+ // }
|
|
|
+ }
|
|
|
+}
|
