Skip to content

libai / guodong

Go to a project
Commit 07d4b628 by libai
Options

测试

parent 00c3847c
Expand all
Inline Side-by-side
Showing with 486 additions and 26 deletions
css/base.css
/*初始化 reset*/ /*初始化 reset*/
body,button,dd,dl,dt,h1,h2,h3,h4,h5,h6,input,li,ol,p,td,ul{margin:0;padding:0;color: #444444; @charset "utf-8";
font-family: 宋体;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,button,textarea,select,p,span,font,em,i,b,strong,button{margin:0;padding:0;}
body,button,input{font:12px/1.5 tahoma,arial,'Hiragino Sans GB',\5b8b\4f53,sans-serif} body{margin:0;font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif,"宋体"; background:#fff; overflow:visible; color:#333333;}
h1,h2,h3,h4,h5,h6,button,input{font-size:100%} html, body { height: 100%;}
ol,ul{list-style:none} input,select{font-size:12px;line-height:16px; border:0 none; vertical-align:middle;}
a{text-decoration:none; button{ border:0 none;}
color: #333333;} .clear{clear:both;padding:0px;margin:0px;}
a:hover{text-decoration:none;} img{border:0;}
img{border:0;vertical-align:top;} a {outline: none;}
a,button{cursor:pointer;} a:active {star:expression(this.onFocus=this.blur());}
a:focus { outline:0; }
input,button,select,textarea{outline:none}
ul,li{list-style-type:none;_list-style:outside;}
a{ text-decoration:none; color:#333;}
a:hover{ color:#ff6600;}
/* new clearfix清除浮动 */
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.clearfix { display: block;zoom:1 }
* html .clearfix {height: 1%; zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
html[xmlns] .clearfix { display: block; zoom:1}
/*清除浮动-end*/
h1,h2,h3,h4,h5,h6{font-weight: normal}
/*这一句是用来解决在安卓上的点击出现篮框问题*/
body{ -webkit-tap-highlight-color:rgba(0,0,0,0); }
/*下面是解决ios上去除微信点击蓝色边框 */
a:focus,
input:focus,
p:focus,
div:focus{
-webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-user-modify:read-only;
}
/*清除浮动*/ /*清除浮动*/
.clearfix:after{ .w{
content: ""; width: 1200px;
display: block; margin: 0 auto;
height: 0;
line-height: 0;
clear:both;
visibility: hidden;
overflow:hidden;
} }
.clearfix{ button{
zoom:1; cursor: pointer;
outline:none;
} }
input[type=number] {
/*.w{*/ -moz-appearance:textfield;
/*width:1340px;*/ }
/*margin:0 auto;*/ input[type=number]::-webkit-inner-spin-button,
/*}*/ input[type=number]::-webkit-outer-spin-button {
\ No newline at end of file -webkit-appearance: none;
margin: 0;
}
::-webkit-scrollbar{
display:none;
}
/*版芯*/
\ No newline at end of file
css/phonepay.css 0 → 100644
.bg {
width: 10rem;
margin: 0 auto;
position: relative;
}
.hot {
width: 0.84rem;
position: absolute;
left: -0.25rem;
top: -0.2rem;
}
.input-box {
width: 8.8rem;
height: 0.9rem;
position: relative;
border: 1px solid #E4E4E4;
margin: 0 auto;
border-radius: 0.1rem;
text-align: center;
}
.input-box .ok-click {
position: absolute;
top: 0.13rem;
right: 0.18rem;
width: 1.3rem;
height: 0.64rem;
line-height: 0.64rem;
text-align: center;
color: #723700;
font-size: 0.33rem;
font-weight: 700;
border-radius: 2rem;
background: linear-gradient(to right, #FBE7AC, #F7C86C);
}
.input-box input {
height: 0.9rem;
width: 7rem;
text-align: center;
font-size: 0.35rem;
margin-left: -1.3rem;
}
.pay-ul {
width: 9.3rem;
min-height: 6rem;
margin: 0 auto;
}
.pay-ul li {
position: relative;
height: 1.634rem;
width: 4.351rem;
border: 1px solid #E5E5E5;
float: left;
margin-bottom: 0.3rem;
border-radius: 0.1rem;
}
.pay-ul li p {
line-height: 0.55rem;
height: 0.55rem;
font-size: 0.4rem;
text-align: center;
}
.pay-ul li p:nth-child(1) {
padding-top: 0.3rem;
}
.pay-ul li p:nth-child(2) {
color: #ABABAB;
font-size: 0.37rem;
}
.pay-ul li:nth-child(even) {
margin-left: 0.37rem;
}
.pay-ul .li-click {
background: url(../images/select.png) no-repeat;
background-size: 100% 100%;
border: 1px solid #fff;
}
.pay-tips {
color: #1C1C1C;
font-size: 0.33rem;
margin-left: 0.55rem;
margin-top: 0.3rem;
}
.payfor-ul {
margin-left: 0.55rem;
margin-top: 0.2rem;
}
.payfor-ul li {
float: left;
width: 2.84rem;
line-height: 1.06rem;
height: 1.06rem;
border: 1px solid #DBDBDB;
margin-right: 0.25rem;
border-radius: 0.1rem;
font-size: 0.35rem;
}
.payfor-ul li img {
font-size: 0;
width: 0.55rem;
vertical-align: middle;
margin-left: 0.3rem;
margin-right: 0.15rem;
}
.payfor-ul .payfor-click {
background: url(../images/pay-select.png) no-repeat;
background-size: 100% 100%;
border: 1px solid #fff;
}
.reg-btn {
width: 7.5rem;
height: 1.2rem;
margin: 0 auto;
}
.reg-btn {
width: 7.5rem;
height: 1.2rem;
border-radius: 1rem;
background: linear-gradient(to right, #FBE7AC, #F7C86C);
color: #723700;
line-height: 1.2rem;
text-align: center;
font-size: 0.45rem;
margin-top: 0.75rem;
}
.reg-btn-no {
background: #DFDFE1;
color: #fff;
}
.login-face {
display: none;
position: absolute;
width: 3.5rem;
height: 0.9rem;
line-height: 0.9rem;
left: 0;
top: 0;
color: #303030;
font-size: 0.35rem;
text-align: left;
}
.login-face img {
width: 0.7rem;
height: 0.7rem;
border-radius: 50%;
font-size: 0;
vertical-align: middle;
margin-top: -0.1rem;
margin-left: 0.25rem;
margin-right: 0.05rem;
}
.shadow {
width: 100vw;
height: 100vh;
background: rgba(0, 0, 0, 0.7);
position: fixed;
left: 0;
top: 0;
display: none;
}
.tips-box {
transition: 0.35s all;
position: fixed;
height: 13.5rem;
width: 10rem;
background: #FFFFFF;
border-radius: 0.5rem 0.5rem 0 0;
bottom: -13.5rem;
left: 0;
}
.tips-box h2 {
color: #D28A00;
text-align: center;
font-size: 0.4rem;
padding-top: 0.6rem;
margin-bottom: 0.4rem;
}
.tips-box p {
text-align: center;
color: #121212;
font-size: 0.35rem;
margin-bottom: 0.35rem;
margin-top: 0.2rem;
}
.tips-box div {
text-align: center;
}
.tips-box div img {
width: 5.61rem;
}
.id-tips-box {
width: 10rem;
height: 1rem;
background: #f0f0f0;
position: relative;
margin-top: 0.3rem;
margin-bottom: 0.3rem;
}
.id-tips-box .id-span {
color: #D59007;
font-size: 0.35rem;
position: absolute;
height: 1rem;
right: 0.6rem;
line-height: 1rem;
}
.id-tips-box .god-span {
position: absolute;
left: 0.6rem;
line-height: 1rem;
font-size: 0.35rem;
color: #FF205E;
}
css/phonepay.less 0 → 100644
.bg{
width: 10rem;
margin: 0 auto;
position: relative;
}
.hot{
width: 0.84rem;
position: absolute;
left: -0.25rem;
top: -0.2rem;
}
.input-box{
width: 8.8rem;
height: 0.9rem;
position: relative;
border: 1px solid #E4E4E4;
margin: 0 auto;
border-radius: 0.1rem;
text-align: center;
.ok-click{
position: absolute;
top: 0.13rem;
right: 0.18rem;
width: 1.3rem;
height: 0.64rem;
line-height: 0.64rem;
text-align: center;
color: #723700;
font-size: 0.33rem;
font-weight: 700;
border-radius: 2rem;
background: linear-gradient(to right,#FBE7AC,#F7C86C);
}
input{
height: 0.9rem;
width: 7rem;
text-align: center;
font-size: 0.35rem;
margin-left: -1.3rem;
}
}
.pay-ul{
width: 9.3rem;
min-height: 6rem;
margin: 0 auto;
li{
position: relative;
height: 1.634rem;
width: 4.351rem;
border: 1px solid #E5E5E5;
float: left;
margin-bottom: 0.3rem;
border-radius: 0.1rem;
p{
line-height: 0.55rem;
height: 0.55rem;
font-size: 0.4rem;
text-align: center;
}
p:nth-child(1){
padding-top: 0.3rem;
}
p:nth-child(2){
color: #ABABAB;
font-size: 0.37rem;
}
}
li:nth-child(even){
margin-left: 0.37rem;
}
.li-click{
background: url(../images/select.png)no-repeat;
background-size: 100% 100%;
border: 1px solid #fff;
}
}
.pay-tips{
color: #1C1C1C;
font-size: 0.33rem;
margin-left: 0.55rem;
margin-top: 0.3rem;
}
.payfor-ul{
margin-left: 0.55rem;
margin-top: 0.2rem;
li{
float: left;
width: 2.84rem;
line-height: 1.06rem;
height: 1.06rem;
border: 1px solid #DBDBDB;
margin-right: 0.25rem;
border-radius: 0.1rem;
img{
font-size: 0;
width: 0.55rem;
vertical-align: middle;
margin-left: 0.3rem;
margin-right: 0.15rem;
}
font-size: 0.35rem;
}
.payfor-click{
background: url(../images/pay-select.png)no-repeat;
background-size: 100% 100%;
border: 1px solid #fff;
}
}
.reg-btn{
width: 7.5rem;
height: 1.2rem;
margin: 0 auto;
}
.reg-btn{
width: 7.5rem;
height: 1.2rem;
border-radius: 1rem;
background: linear-gradient(to right,#FBE7AC,#F7C86C);
color: #723700;
line-height: 1.2rem;
text-align: center;
font-size: 0.45rem;
margin-top: 0.75rem;
}
.reg-btn-no{
background: #DFDFE1;
color: #fff;
}
.login-face{
display: none;
position: absolute;
width: 3.5rem;
height: 0.9rem;
line-height: 0.9rem;
left: 0;
top: 0;
color: #303030;
font-size: 0.35rem;
text-align: left;
img{
width: 0.7rem;
height: 0.7rem;
border-radius: 50%;
font-size: 0;
vertical-align: middle;
margin-top: -0.1rem;
margin-left: 0.25rem;
margin-right: 0.05rem;
}
}
.shadow{
width: 100vw;
height: 100vh;
background: rgba(0,0,0,0.7);
position: fixed;
left: 0;
top: 0;
display: none;
}
.tips-box{
transition: 0.35s all;
position: fixed;
height: 13.5rem;
width: 10rem;
background: #FFFFFF;
border-radius: 0.5rem 0.5rem 0 0;
bottom: -13.5rem;
left:0;
h2{
color: #D28A00;
text-align: center;
font-size: 0.4rem;
padding-top: 0.6rem;
margin-bottom: 0.4rem;
}
p{
text-align: center;
color: #121212;
font-size: 0.35rem;
margin-bottom: 0.35rem;
margin-top: 0.2rem;
}
div{
text-align: center;
img{
width: 5.61rem;
}
}
}
.id-tips-box{
width: 10rem;
height: 1rem;
background: rgb(240,240,240);
position: relative;
margin-top: 0.3rem;
margin-bottom: 0.3rem;
.id-span{
color: #D59007;
font-size: 0.35rem;
position: absolute;
height: 1rem;
right: 0.6rem;
line-height: 1rem;
}
.god-span{
position: absolute;
left: 0.6rem;
line-height: 1rem;
font-size: 0.35rem;
color: #FF205E;
}
}
\ No newline at end of file
login.html 0 → 100644
This diff is collapsed. Click to expand it.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment