
input{
    font-size:40px;
    display:block;
    width:100%;
    background:none;
    border:0;
    color: #fff;

}
.upload{
    cursor: pointer;
    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;
}
div{
    box-sizing: border-box;
}
textarea{
    overflow:hidden;
    font-size:30px;
    resize:none;
    letter-spacing: 0;
    background:none;
    border:0;
}
.tempBox{
    width:750px;
    border-top:0px solid red;
    margin:0 auto;
    .box1{
        position: relative;
        background: #DAEDD3;
        padding:134px 60px 0px 60px;
        .box1-base{
            height:50px;
            background:#acd6b5;
            margin-top: 20px;
            width:750px;
            position: relative;
            left:-60px;
            img{
                position: absolute;
                left: 250px;
                bottom:0;
            }
        }
        .box1-bottom{
            display: flex;
            margin-top:46px;
            align-items: baseline;
            justify-content: space-between;
            img:nth-of-type(2){
                height:66px;
            }
            img:nth-of-type(1){
                width:250px;
                height:20px;
            }
            textarea{
                text-align: center;
                height:26px;
                font-size: 22px;
                color:#476d80;
            }

        }
        .box1-pic1{
            left:-10px;
            position: relative;
            clear: both;
            width:642px;
            height:310px;
            border-bottom: 2px solid #FF9AFF;
            img{
                width:642px;
                height:298px;
            }
        }
        .box1-text{
            margin-top:40px;
            margin-right:-10px;
           display: block;
            width:420px;
            height:300px;
            float: right;
            color:#322f22;
        }
        .bg1{
            z-index:0;
            position: absolute;
            top:134px;
            right:60px;
        }
            .head-logo{
                width:70px;
                height:70px;
                position: absolute;
                top: 40px;
                right: 70px;
                overflow: hidden;
                // img{
                //     width: 162px;
                //     height: 44px;
                // }
            }
            .title{
                position: relative;
                z-index:1;

                .box1-title{
                    letter-spacing: 6px;
                    width:410px;
                    height:170px;
                    font-size:74px;
                    font-weight: bold;
                    color:#1a1311;
                    margin-bottom:40px;
                }
                .box1-title2{
                    width:240px;
                    height:76px;
                    font-size:34px;
                    color:#4c4a4a;
                    font-weight: bold;
                    text-align: right;
                }
                .title-text{
                    display: flex;
                    justify-content: space-between;
                    img{
                        width:343px;
                        height:80px;
                    }

                }
            }
    }
    .box2{
        position: relative;
        background: #9bb67c;
        padding:116px 60px 0px 60px;
        .box1-base{
            height:50px;
            background:#3e8065;
            margin-top: 20px;
            width:750px;
            position: relative;
            left:-60px;
            img{
                position: absolute;
                left: 250px;
                bottom:0;
            }
        }
        .box1-bottom{
            display: flex;
            margin-top:46px;
            align-items: baseline;
            justify-content: space-between;
            img:nth-of-type(2){
                height:66px;
            }
            img:nth-of-type(1){
                width:250px;
                height:20px;
            }
            textarea{
                text-align: center;
                height:26px;
                font-size: 22px;
                color:#476d80;
            }

        }
        .box2-title{
            position: absolute;
            right:60px;
            top:116px;
            text-align: right;
            width:410px;
            height:170px;
            font-size:74px;
            font-weight: bold;
            color:#fff;
            margin-bottom:40px;
        }
        .box2-main{
            margin-top:100px;
            display: flex;
            justify-content: space-between;
            .box2-pic1{
                width:320px;
                height:472px;
                position: relative;
            }
            .box2-text{

                width:300px;
                height:472px;
                textarea:nth-of-type(1){
                    width:100%;
                    text-align: right;
                    color:#fff;
                    height:40px;
                    font-weight: bold;
                    font-size: 34px;
                }
                textarea:nth-of-type(2){
                    width:100%;
                    color:#fff;
                    height:420px;
                    font-family: 微软雅黑;
                    line-height: 42px;
                    font-size: 30px;
                }

            }
        }
        .box2-garden{
            margin-top:70px;
            width:100%;
            padding-bottom:10px;
            border-bottom: 2px solid #fff;
        }
    }
    .box3{
        position: relative;
        background: #bee1d4;
        padding:116px 60px 0px 60px;
        .box1-base{
            height:50px;
            background:#acd6b5;
            margin-top: 20px;
            width:750px;
            position: relative;
            left:-60px;
            img{
                position: absolute;
                left: 250px;
                bottom:0;
            }
        }
        .box1-bottom{
            display: flex;
            margin-top:46px;
            align-items: baseline;
            justify-content: space-between;
            img:nth-of-type(2){
                height:66px;
            }
            img:nth-of-type(1){
                width:250px;
                height:20px;
            }
            textarea{
                text-align: center;
                height:26px;
                font-size: 22px;
                color:#476d80;
            }

        }
        .box1-pic1{
            left:-10px;
            position: relative;
            clear: both;
            width:642px;
            height:310px;
            img{
                width:642px;
                height:298px;
            }
        }
        .box1-text{
            margin-top:40px;
            margin-right:-10px;
            display: block;
            width:420px;
            height:300px;
            color:#322f22;
        }
        .box3-text{
            display: flex;
            justify-content: space-between;
            border-bottom:  2px solid #595641;
            textarea:nth-of-type(1){
                width:414px;
                height:270px;
            }
            textarea:nth-of-type(2){
                width:200px;
                color:#595641;
                height:80px;
            }
        }
        .bg1{
            z-index:0;
            position: absolute;
            top:144px;
            right:60px;
        }
        .title{
            position: relative;
            z-index:1;

            .box1-title{

                width:410px;
                height:170px;
                font-size:74px;
                font-weight: bold;
                color:#1a1311;
                margin-bottom:15px;
            }
            .box1-title2{
                width:240px;
                height:76px;
                font-size:34px;
                color:#4c4a4a;
                font-weight: bold;
                text-align: center;
            }
            .title-text{
                margin-top:20px;
                margin-bottom:15px;
                display: flex;
                justify-content: flex-end;
            }
        }
    }
    .box4{
        position: relative;
        background: #e7eca9;
        padding:116px 60px 0px 60px;
        .box1-base{
            height:50px;
            background:#869665;
            margin-top: 20px;
            width:750px;
            position: relative;
            left:-60px;
            img{
                position: absolute;
                left: 250px;
                bottom:0;
            }
        }
        .box1-bottom{
            display: flex;
            margin-top:46px;
            align-items: baseline;
            justify-content: space-between;
            img:nth-of-type(2){
                height:66px;
            }
            img:nth-of-type(1){
                width:250px;
                height:20px;
            }
            textarea{
                text-align: center;
                height:26px;
                font-size: 22px;
                color:#476d80;
            }

        }
        .box2-title{
            position: absolute;
            right:60px;
            top:116px;
            text-align: right;
            width:410px;
            height:170px;
            font-size:74px;
            font-weight: bold;
            color:#000;
            margin-bottom:40px;
        }
        .box2-main{
            padding-bottom:60px;
            border-bottom:2px solid #E784C4;
            margin-top:110px;
            display: flex;
            justify-content: space-between;
            .box2-pic1{
                width:320px;
                height:503px;
                position: relative;
            }
            .box2-text{
                margin-top:20px;
                width:270px;
                height:472px;
                textarea:nth-of-type(1){
                    width:100%;
                    color:#595641;
                    height:40px;
                    font-weight: bold;
                    font-size: 34px;
                }
                textarea:nth-of-type(2){
                    width:100%;
                    color:#322f22;
                    height:420px;
                    font-family: 微软雅黑;
                    line-height: 42px;
                    font-size: 30px;
                }

            }
        }
        .box2-garden{
          text-align: right;
            margin-top:18px;
            width:100%;
            padding-bottom:10px;
        }
    }
    .box5{
        position: relative;
        background: #dbdbcd;
        padding:133px 60px 0px 60px;
        .box1-base{
            height:50px;
            background:#869665;
            margin-top: 20px;
            width:750px;
            position: relative;
            left:-60px;
            img{
                position: absolute;
                left: 250px;
                bottom:0;
            }
        }
        .box1-bottom{
            display: flex;
            margin-top:46px;
            align-items: baseline;
            justify-content: space-between;
            img:nth-of-type(2){
                height:66px;
            }
            img:nth-of-type(1){
                width:250px;
                height:20px;
            }
            textarea{
                text-align: center;
                height:26px;
                font-size: 22px;
                color:#476d80;
            }

        }
        .box1-pic1{
            left:-10px;
            position: relative;
            clear: both;
            width:642px;
            height:310px;
            border-bottom: 2px solid #595641;
            img{
                width:642px;
                height:298px;
            }
        }
        .box1-text{
            margin-top:40px;
            margin-right:-10px;
            display: block;
            width:635px;
            height:190px;
            color:#322f22;
        }
        .bg1{
            z-index:0;
            position: absolute;
            top:134px;
            right:60px;
        }
        .head-logo{
            position: absolute;
            top: 40px;
            right: 70px;
            img{
                width: 162px;
                height: 44px;
            }
        }
        .title{
            position: relative;
            z-index:1;

            .box1-title{
                margin-top:-20px;
                width:410px;
                height:170px;
                font-size:74px;
                font-weight: bold;
                color:#1a1311;
                margin-bottom:40px;
            }
            .box1-title2{
                width:240px;
                height:76px;
                font-size:34px;
                color:#4c4a4a;
                font-weight: bold;
                text-align: left;
            }
            .title-text{
                display: flex;
                justify-content: flex-end;
            }
        }
    }
}
