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