parent
5f95e05c4c
commit
0112826495
@ -0,0 +1,119 @@
|
||||
.hf-gateway-background {
|
||||
width:100%;
|
||||
height:100%;
|
||||
position: fixed;
|
||||
background: url("img/hf_bg.jpg");
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
z-index: -1;
|
||||
overflow-y: auto;
|
||||
background-size:100% 100%;
|
||||
}
|
||||
|
||||
.head-bar{
|
||||
display: inline;
|
||||
text-align: center;
|
||||
}
|
||||
.head-bar img{
|
||||
height: 38px;
|
||||
top: 60px;
|
||||
margin-top: 40px;
|
||||
}
|
||||
|
||||
.order-box{
|
||||
height: 600px;
|
||||
width: 800px;
|
||||
margin: 2% auto;
|
||||
box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.21);
|
||||
}
|
||||
.order-box:after{
|
||||
content:'';
|
||||
display:block;
|
||||
clear:both;
|
||||
}
|
||||
.order-box .left{
|
||||
display: inline;
|
||||
opacity: 0.84;
|
||||
background: #FF6600;
|
||||
width:40%;
|
||||
float: left;
|
||||
height: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
.order-box .left .m-logo{
|
||||
background: #FFFFFF;
|
||||
border-radius: 100px;
|
||||
width: 120px;
|
||||
height: 120px;
|
||||
margin-top: 15%;
|
||||
display: inline-block;
|
||||
}
|
||||
.m-logo p{
|
||||
height: 120px;
|
||||
line-height: 120px;
|
||||
}
|
||||
.m-logo img{
|
||||
max-height: 100px;
|
||||
max-width: 100px;
|
||||
padding: 10px;
|
||||
}
|
||||
.short-name{
|
||||
margin-top: 40px;
|
||||
font-family: PingFangSC-Regular;
|
||||
font-size: 18px;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.intro{
|
||||
line-height: 550px;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.order-box .right{
|
||||
display: inline;
|
||||
background: #FFFFFF;
|
||||
width:60%;
|
||||
float: left;
|
||||
height: 100%;
|
||||
padding: 20px 40px;
|
||||
}
|
||||
|
||||
.order-box .right .title {
|
||||
font-family: PingFang-SC-Medium;
|
||||
font-size: 20px;
|
||||
color: #434343;
|
||||
letter-spacing: 0px;
|
||||
padding-bottom: 10px;
|
||||
padding-top: 20px;
|
||||
}
|
||||
.footer-bottom{
|
||||
font-family: PingFangSC-Regular;
|
||||
color: #FFFFFF;
|
||||
letter-spacing: 0px;
|
||||
margin-top: 50px;
|
||||
}
|
||||
|
||||
.footer-bottom-success{
|
||||
margin-top: 100px;
|
||||
color: #444444;
|
||||
}
|
||||
/*成功页*/
|
||||
.order-box .success-logo{
|
||||
text-align: center;
|
||||
height: 200px;
|
||||
background: #F0F3FA;
|
||||
line-height: 200px;
|
||||
font-family: PingFangSC-Regular;
|
||||
font-size: 22px;
|
||||
color: #444444;
|
||||
letter-spacing: 0px;
|
||||
|
||||
}
|
||||
|
||||
.order-info{
|
||||
padding: 50px 100px;
|
||||
font-family: PingFangSC-Regular;
|
||||
font-size: 17px;
|
||||
color: #444444;
|
||||
letter-spacing: 0px;
|
||||
}
|
||||
|
After Width: | Height: | Size: 301 KiB |
|
After Width: | Height: | Size: 5.5 KiB |
|
After Width: | Height: | Size: 12 KiB |
|
After Width: | Height: | Size: 13 KiB |
|
After Width: | Height: | Size: 3.7 KiB |
Loading…
Reference in new issue