.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;
}
.wh-full{
    width:100%;
    height:100%;
}
div{
    box-sizing: border-box;
}
textarea{
    box-sizing: border-box;
    overflow:hidden;
    font-size: 28px;
    resize:none;
    text-align: justify;
    letter-spacing: 0;
    background:none;
    border:0;
}
.tempBox {
    width: 750px;
    margin: 0 auto;
    .white{
        width:750px;
        height:10px;
        background-color: #fff;
    }

    .box1{
        .text-box{
            z-index:11;
            @include wh(515px,600px);
            @include abso(630px,195px);
            background-color: rgba(245,242,222,0.7);
            padding:60px 22px 31px 23px;
            &>textarea{
                width:100%;
            }
            .box-text1{
                font-weight: bold;
                height:114px;
                font-size: 50px;
                color: #DF5227;
                line-height: 50px;
            }
            .box-text2{
                margin-top:40px;
                font-weight: bold;
                height:72px;
                font-size: 28px;

                line-height: 36px;
            }
            .box-text3{
                margin-top:30px;
                font-weight: bold;
                height:26px;
                font-size: 24px;
                line-height: 24px;
            }
            .box-text4{

                margin-top:50px;
                display: flex;
                align-items: flex-start;
                span{
                    margin-top:16px;
                    font-size: 28px;
                    color: #DF5227;
                }
                textarea{
                    text-align: center;
                    font-weight: bold;
                    height:100px;
                    font-size: 50px;
                    color: #DF5227;
                    line-height: 50px;
                }
            }
            .box-text5{
                margin-top:20px;
                display: flex;
                align-items: center;
                span{
                    width:auto;
                    font-size: 20px;
                }
                textarea{
                    width:calc(100% - 120px);
                    height:50px;
                    font-size:20px;
                    line-height:50px;
                }
            }
            .box-text6{

                display: flex;
                align-items: center;
                span{
                    width:120px;
                    font-size: 20px;
                }
                textarea{
                    width:calc(100% - 120px);
                    height:50px;
                    font-size:20px;
                    line-height:50px;
                }
            }

        }
        .bgImg{
            position: absolute;
            @extend .wh-full;
        }
        overflow:hidden;
        height:1330px;
        position: relative;
        .head-logo{
            @include wh(160px,160px);
            @include abso(0px,40px);
            background: #5F4E3A;
            padding:32px;
        }

    }
    .box2{
        .text-box{
            z-index:11;
            @include wh(550px,774px);
            @include abso(390px,30px);
            background-color: rgba(245,242,222,0.7);
            padding:60px 40px 31px 40px;
            &>textarea{
                width:100%;
            }
            .box-text1{
                font-weight: bold;
                height:50px;
                font-size: 50px;
                color: #DF5227;
                line-height: 50px;
            }
            .box-text2{
                margin-top:10px;
                font-weight: bold;
                height:28px;
                font-size: 28px;
                line-height: 28px;
            }
            .box-text3{
                margin-top:70px;
                font-weight: bold;
                height:180px;
                font-size: 24px;
                line-height: 36px;
            }
            .box-text4{
                margin-top:120px;
                display: flex;
                align-items: flex-start;
                span{
                    margin-top:18px;
                    font-size: 28px;
                    color: #DF5227;
                }
                textarea{
                    text-align: center;
                    font-weight: bold;
                    height:100px;
                    font-size: 50px;
                    color: #DF5227;
                    line-height: 50px;
                }
            }
            .box-text5{
                margin-top:20px;
                display: flex;
                align-items: center;
                span{
                    width:auto;
                    font-size: 20px;
                }
                textarea{
                    width:calc(100% - 120px);
                    height:50px;
                    font-size:20px;
                    line-height:55px;
                }
            }
            .box-text6{
                display: flex;
                align-items: center;
                span{
                    width:120px;
                    font-size: 20px;
                }
                textarea{
                    width:calc(100% - 120px);
                    height:50px;
                    font-size:20px;
                    line-height:55px;
                }
            }
        }
        .bgImg{
            position: absolute;
            @extend .wh-full;
        }
        overflow:hidden;
        height:1330px;
        position: relative;
        .head-logo{
            @include wh(160px,160px);
            @include abso(0px,550px);
            background: #5F4E3A;
            padding:32px;
        }

    }
    .box3{
        .text-box{
            z-index:11;
            @include wh(550px,774px);
            @include abso(390px,170px);
            background-color: rgba(245,242,222,0.7);
            padding:60px 40px 31px 40px;
            &>textarea{
                width:100%;
            }
            .box-text1{
                font-weight: bold;
                height:50px;
                font-size: 50px;
                color: #DF5227;
                line-height: 50px;
            }
            .box-text2{
                margin-top:10px;
                font-weight: bold;
                height:28px;
                font-size: 28px;
                line-height: 28px;
            }
            .box-text3{
                margin-top:70px;
                font-weight: bold;
                height:180px;
                font-size: 24px;
                line-height: 36px;
            }
            .box-text4{
                margin-top:120px;
                display: flex;
                align-items: flex-start;
                span{
                    margin-top:18px;
                    font-size: 28px;
                    color: #DF5227;
                }
                textarea{
                    text-align: center;
                    font-weight: bold;
                    height:100px;
                    font-size: 50px;
                    color: #DF5227;
                    line-height: 50px;
                }
            }
            .box-text5{
                margin-top:20px;
                display: flex;
                align-items: center;
                span{
                    width:auto;
                    font-size: 20px;
                }
                textarea{
                    width:calc(100% - 120px);
                    height:50px;
                    font-size:20px;
                    line-height:55px;
                }
            }
            .box-text6{
                display: flex;
                align-items: center;
                span{
                    width:120px;
                    font-size: 20px;
                }
                textarea{
                    width:calc(100% - 120px);
                    height:50px;
                    font-size:20px;
                    line-height:55px;
                }
            }
        }
        .bgImg{
            position: absolute;
            @extend .wh-full;
        }
        overflow:hidden;
        height:1330px;
        position: relative;
        .head-logo{
            @include wh(160px,160px);
            @include abso(0px,40px);
            background: #5F4E3A;
            padding:32px;
        }

    }
    .box4{
        .text-box{
            z-index:11;
            @include wh(550px,774px);
            @include abso(390px,30px);
            background-color: rgba(245,242,222,0.7);
            padding:60px 40px 31px 40px;
            &>textarea{
                width:100%;
            }
            .box-text1{
                font-weight: bold;
                height:50px;
                font-size: 50px;
                color: #DF5227;
                line-height: 50px;
            }
            .box-text2{
                margin-top:10px;
                font-weight: bold;
                height:28px;
                font-size: 28px;
                line-height: 28px;
            }
            .box-text3{
                margin-top:70px;
                font-weight: bold;
                height:180px;
                font-size: 24px;
                line-height: 36px;
            }
            .box-text4{
                margin-top:120px;
                display: flex;
                align-items: flex-start;
                span{
                    margin-top:18px;
                    font-size: 28px;
                    color: #DF5227;
                }
                textarea{
                    text-align: center;
                    font-weight: bold;
                    height:100px;
                    font-size: 50px;
                    color: #DF5227;
                    line-height: 50px;
                }
            }
            .box-text5{
                margin-top:20px;
                display: flex;
                align-items: center;
                span{
                    width:auto;
                    font-size: 20px;
                }
                textarea{
                    width:calc(100% - 120px);
                    height:50px;
                    font-size:20px;
                    line-height:55px;
                }
            }
            .box-text6{
                display: flex;
                align-items: center;
                span{
                    width:120px;
                    font-size: 20px;
                }
                textarea{
                    width:calc(100% - 120px);
                    height:50px;
                    font-size:20px;
                    line-height:55px;
                }
            }
        }
        .bgImg{
            position: absolute;
            @extend .wh-full;
        }
        overflow:hidden;
        height:1330px;
        position: relative;
        .head-logo{
            @include wh(160px,160px);
            @include abso(0px,550px);
            background: #5F4E3A;
            padding:32px;
        }

    }
}

