
.upload{
    position: fixed;
    top:50%;
    left: 50%;
    width:100px;
    height:50px;
    color:#fff;
    background:rgba(0,0,0,0.5);
    z-index:19;
    text-align:center;
    line-height:50px;
}
input{
    box-sizing: border-box;
    display:block;
    overflow:hidden;
    font-size: 28px;
    background:none;
    border:0;

}
div{
    box-sizing: border-box;
}
textarea{
    box-sizing: border-box;
    overflow:hidden;
    font-size: 28px;
    color: #E2B27C;
    resize:none;
    letter-spacing: 0;
    background:none;
    border:0;
}
.tempBox {
    width: 750px;
    margin: 0 auto;
    .box1{

        .bgBox{
            overflow:hidden;
            height:1168px;
            position: relative;
            .bgImg{
                z-index:1;
                width:100%;
                height:100%;
                position: absolute;
            }
            .bgImg1{
                z-index:2;
            }
            .box1-title1{
                @include abso(50px,100px);
                @include wh(620px,35px);
                font-size: 30px;
                color: #D3AB78;
                text-align: right;
                z-index:10;
            }
            .head-logo{
                z-index:11;
                @include abso(140px,325px);
                @include wh(100px,100px);
                img{
                   width:100%;
                    height:100%;
                    object-fit: contain;
                }
            }
            .box1-title2{
                @include abso(334px,115px);
                @include wh(520px,60px);
                line-height: 60px;
                font-size: 60px;
                color: #D3AB78;
                text-align: center;
                z-index:10;
            }
            .box1-title3{
                @include abso(414px,115px);
                @include wh(520px,34px);
                font-size: 30px;
                color: #D3AB78;
                text-align: center;
                z-index:10;
            }
            .box1-title4{
                @include abso(564px,115px);
                @include wh(520px,210px);
                font-size: 30px;
                color: #D3AB78;
                line-height: 43px;
                text-align: center;
                z-index:10;
            }
        }
        .box1-bottom{

            display: flex;
            @include wh(750px,163px);
            .left{
                padding-top:71px;
                padding-left:20px;
                img{
                    width:36px;
                    margin-right:10px;
                }
                width:50%;
                .box1-title5{
                    margin-left:-20px;
                    font-size: 30px;
                    color: #333333;
                    @include wh(290px,38px);
                }
            }
            .right{
                width:50%;
                .right-top{
                    margin-top:20px;
                    display: flex;
                    justify-content:space-between;
                    @include wh(290px,32px);
                    textarea{
                        color: #666666;
                        margin-left:13px;
                        height:32px;
                    }
                    img{
                        height:23px;
                        margin-top:3px;
                    }
                }
                .right-down{
                    margin-top:20px;
                    display: flex;
                    justify-content:space-between;
                    img{
                        height:23px;
                        margin-top:10px;
                    }
                    @include wh(290px,60px);
                    textarea{
                        color: #666666;
                        line-height: 30px;
                        margin-left:20px;
                        height:60px;
                    }
                }
            }
        }



    }
    .box2{
        position: relative;
        background-image: url("http://skyforest.static.elab-plus.com/temp/template27/bg4.png");
        padding:50px 30px 30px 30px;
        .box1-title1{
            @include wh(620px,35px);
            font-size: 30px;
            color: #D3AB78;
            text-align: right;
            z-index:10;
            float:right;
        }
        .box2-pic1{
            clear:both;
            margin-top:100px;
            position: relative;
            @include wh(690px,462px);
            img{
                width:100%;
                height:100%;
            }
        }
        .round-box{
            z-index:11;
            @include abso(471px,436px);
            @include wh(253px,505px);
            img{
                position: absolute;
                @include wh(253px,253px);
            }
            .round-text{
                margin-top:20px;
                display: flex;
                justify-content: center;
                .box2-title2{
                    margin-right:20px;
                    font-size: 60px;
                    color: #FFFFFF;
                    line-height: 60px;
                    z-index:11;
                    @include wh(61px,500px);
                }
                .box2-title3{
                    font-size: 60px;
                    color: #FFFFFF;
                    line-height: 60px;
                    z-index:11;
                    @include wh(61px,500px);
                }
            }

        }
        .box2-title4{
            color: #fff;
            @include wh(400px,250px);
            margin-top:190px;
            line-height: 35.7px;
        }
        .head-logo{
            position: relative;
            margin-top:30px;
            margin-bottom:60px;
            margin-left:295px;
            @include wh(100px,100px);
            img{
                width:100%;
            }
        }
    }
    .box3{
        position: relative;
        background-image: url("http://skyforest.static.elab-plus.com/temp/template27/bg4.png");
        padding:50px 30px 30px 30px;
        .box1-title1{
            @include wh(620px,35px);
            font-size: 30px;
            color: #D3AB78;
            text-align: right;
            z-index:10;
            float:right;
        }
        .box2-pic1{
            clear:both;
            margin-top:100px;
            position: relative;
            @include wh(430px,650px);
            img{
                width:100%;
                height:100%;
            }
        }
        .round-box{
            z-index:11;
            @include abso(280px,406px);
            @include wh(253px,505px);
            img{
                position: absolute;
                @include wh(253px,253px);
            }
            .round-text{
                margin-top:20px;
                display: flex;
                justify-content: center;
                .box2-title2{
                    margin-right:20px;
                    font-size: 60px;
                    color: #FFFFFF;
                    line-height: 60px;
                    z-index:11;
                    @include wh(61px,500px);
                }
                .box2-title3{
                    font-size: 60px;
                    color: #FFFFFF;
                    line-height: 60px;
                    z-index:11;
                    @include wh(61px,500px);
                }
            }

        }
        .box2-title4{
            @include wh(540px,154px);
            margin-top:80px;
            margin-left:105px;
            color: #fff;
            line-height: 38.5px;
        }
        .head-logo{
            position: relative;
            margin-top:30px;
            margin-bottom:60px;
            margin-left:295px;
            @include wh(100px,100px);
            img{
                width:100%;
            }
        }
    }
    .box4{
        position: relative;
        background-image: url("http://skyforest.static.elab-plus.com/temp/template27/bg4.png");
        padding:50px 30px 30px 30px;
        .box1-title1{
            @include wh(620px,35px);
            font-size: 30px;
            color: #D3AB78;
            text-align: right;
            z-index:10;
            float:right;
        }
        .box2-pic1{
            clear:both;
            margin-top:100px;
            position: relative;
            @include wh(690px,462px);
            img{
                width:100%;
                height:100%;
            }
        }
        .round-box{
            z-index:11;
            @include abso(471px,38px);
            @include wh(253px,505px);
            img{
                position: absolute;
                @include wh(253px,253px);
            }
            .round-text{
                margin-top:20px;
                display: flex;
                justify-content: center;
                .box2-title2{
                    margin-right:20px;
                    font-size: 60px;
                    color: #FFFFFF;
                    line-height: 60px;
                    z-index:11;
                    @include wh(61px,500px);
                }
                .box2-title3{
                    font-size: 60px;
                    color: #FFFFFF;
                    line-height: 60px;
                    z-index:11;
                    @include wh(61px,500px);
                }
            }

        }
        .box2-title4{
            margin-left:290px;
            color: #fff;
            @include wh(400px,300px);
            margin-top:190px;
            line-height: 37.5px;
        }
        .head-logo{
            position: relative;
            margin-top:37px;
            margin-bottom:60px;
            margin-left:295px;
            @include wh(100px,100px);
            img{
                width:100%;
            }
        }
    }
    .box5{
        position: relative;
        background-image: url("http://skyforest.static.elab-plus.com/temp/template27/bg4.png");
        padding:50px 30px 30px 30px;
        .box1-title1{
            @include wh(620px,35px);
            font-size: 30px;
            color: #D3AB78;
            text-align: right;
            z-index:10;
            float:right;
        }
        .box2-pic1{
            clear:both;
            margin-top:100px;
            margin-left:260px;
            position: relative;
            @include wh(430px,650px);
            img{
                width:100%;
                height:100%;
            }
        }
        .round-box{
            z-index:11;
            @include abso(280px,71px);
            @include wh(253px,505px);
            img{
                position: absolute;
                @include wh(253px,253px);
            }
            .round-text{
                margin-top:20px;
                display: flex;
                justify-content: center;
                .box2-title2{
                    margin-right:20px;
                    font-size: 60px;
                    color: #FFFFFF;
                    line-height: 60px;
                    z-index:11;
                    @include wh(61px,500px);
                }
                .box2-title3{
                    font-size: 60px;
                    color: #FFFFFF;
                    line-height: 60px;
                    z-index:11;
                    @include wh(61px,500px);
                }
            }

        }
        .box2-title4{
            @include wh(540px,154px);
            margin-top:80px;
            margin-left:105px;
            color: #fff;
            line-height: 38.5px;
        }
        .head-logo{
            position: relative;
            margin-top:30px;
            margin-bottom:60px;
            margin-left:295px;
            @include wh(100px,100px);
            img{
                width:100%;
            }
        }
    }
}
