You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
124 lines
2.1 KiB
124 lines
2.1 KiB
.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: 60px;
|
|
color: #444444;
|
|
}
|
|
|
|
.hf-warning{
|
|
font-size: x-small;
|
|
color: #FF6600;
|
|
}
|
|
/*成功页*/
|
|
.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;
|
|
} |