*{margin: 0;padding: 0;}
a{text-decoration: none;display: inline-block;}
li{list-style-type: none;}
body {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-family: Arial, sans-serif;
    background: url(../images/bg.jpg) no-repeat top center;
    height: 3220px;
    width: 100%;
}
.layout{width: 100%;position: relative;}
.con-01 {height: 1050px;}
.con-01 .r-a-link {position: absolute;right: 5%;top: 7%;}
.con-01 .user {position: absolute;top: 820px;left: 50%;margin-left: -567px;width: 500px;color: #fff;text-align: center;}

.con-02{height: 508px;}
.con-02 ul{position: absolute;width: 930px;color: #faf2af;font-size: 15px;left: 50%;margin-left: -685px;top: 20px;}
.con-02 ul li{letter-spacing: 2px;}

.con-03{height: 966px;}
.con-03 .pm-leave{position: absolute;color: #faf2af;width: 400px;left: 50%;margin-left: 57px;font-size: 58px;top: 51px;letter-spacing: 5px;text-align: center;}
.con-03 .pm-prop{position: absolute;width: 1586px;height: 420px;left: 50%;margin-left: -793px;top: 260px;text-align: center;color: #faf2af;display: flex;flex-wrap: nowrap;justify-content: space-between;align-items: flex-start;}
.con-03 .pm-prop .p-p-01{height: 70px;line-height: 70px;font-size: 20px;}
.con-03 .pm-prop .p-p-02{height: 50px;line-height: 50px;font-size: 24px;}
.con-03 .pm-prop .p-p-img{width: 152px;height: 144px;background: url(../images/icon_bg.png) no-repeat;display: inline-block;margin-top: 9px;padding-top: 13px;}
.con-03 .pm-prop .p-p-img img{width: 130px;height: 130px;}
.con-03 .pm-prop .p-p-03{height: 48px;font-size: 20px;padding-top: 3px;}
.con-03 .pm-prop button{width: 198px;height: 49px;background: url(../images/btn_on.png);color: #faf2af;font-size: 20px;line-height: 49px;font-weight: bold;letter-spacing: 5px;border: none;outline: none;}
.con-03 .pm-prop button:hover{background: url(../images/btn_hover.png);}

.con-04{height: 510px;}
.con-04 .pm-prop{position: absolute;width: 866px;height: 338px;left: 50%;margin-left: -433px;top: 46px;color: #faf2af;display: flex;justify-content: space-between;flex-wrap: nowrap;}
.con-04 .pm-prop div{width: 224px;text-align: center;}
.con-04 .pm-prop .p4-pp-name{width:100%;font-size: 18px;}
.con-04 .pm-prop .p4-pp-img{width: 152px;height: 144px;background: url(../images/icon_bg.png) no-repeat;display: inline-block;padding-top: 13px;}
.con-04 .pm-prop .p4-pp-img img{width: 130px;height: 130px;}

.con-04 .pm-prop .p4-pp-user{margin-top: 12px;font-size: 18px;display: flex;justify-content:center;flex-wrap: nowrap;text-align: right;}
.con-04 .pm-prop .p4-pp-user span{width: 120px;text-align: center;}
.con-04 .pm-prop .p4-pp-price{margin-top: 12px;font-size: 18px;display: flex;justify-content:center;flex-wrap: nowrap;text-align: right;}
.con-04 .pm-prop .p4-pp-price span{width: 120px;text-align: center;display: inline-block;}

.con-05 .pm-prop{position: absolute;width: 1060px;left: 50%;margin-left: -530px;}
.con-05 .pm-prop p{color: #d6d3d1;font-size: 16px;}
.con-05 .pm-prop .p5-pp-01{color: #f5c911;font-size: 22px;font-weight: bold;line-height: 40px;}

.offer{display: none; width: 460px;height: 300px;position: fixed;left: 50%; margin-left: -230px;top: 30%;background-color: #4e453b;z-index: 10;flex-direction: column;align-items: center;}
.offer p{font-size: 20px;color: #faf2af;margin-top: 48px;}
.offer input{width: 300px;height: 50px;text-align: center;font-size: 20px;margin-top: 10px;}
.offer .jiesao{font-size: 15px;color: #dd9018;margin-top: 10px;}
.offer div{margin-top: 20px;}
.offer button{width: 198px;height: 49px;background: url(../images/btn_on.png);color: #faf2af;font-size: 20px;line-height: 49px;font-weight: bold;letter-spacing: 5px;border: none;outline: none;margin: 0 10px;}
.offer button:hover{background: url(../images/btn_hover.png);}


.mark-up{display: none; width: 460px;height: 300px;position: fixed;left: 50%; margin-left: -230px;top: 29%;background-color: #4e453b;z-index: 10;flex-direction: column;align-items: center;justify-content: center}
.mark-up p{font-size: 20px;color: #faf2af;margin-top: 24px;}
.mark-up div{margin-top: 50px;}
.mark-up button{width: 198px;height: 49px;background: url(../images/btn_on.png);color: #faf2af;font-size: 20px;line-height: 49px;font-weight: bold;letter-spacing: 5px;border: none;outline: none;margin: 0 10px;}
.mark-up button:hover{background: url(../images/btn_hover.png);}