input{
    font-size:0.4rem;
    display:block;
    width:100%;
    background:none;
    border:0;
    color: #fff;
}
.upload{
    position: fixed;
    top:50%;
    left: 50%;
    width:1rem;
    height:0.5rem;
    color:#fff;
    background:rgba(0,0,0,0.5);
    z-index:19;
    text-align:center;
    line-height:0.5rem;
}
div{
    box-sizing: border-box;
}
p{overflow:hidden;
    font-size:0.3rem;
    resize:none;
    letter-spacing: 0;
    background:none;
    border:0;
}
.tempBox{
    height:50rem;
    width:7.5rem;
    border-top:0rem solid red;
    margin:0 auto;
    .box1{
        position: relative;
        background: #DAEDD3;
        padding:1.34rem 0.6rem 0rem 0.6rem;
        .box1-base{
            height:0.5rem;
            background:#acd6b5;
            margin-top: 0.2rem;
            width:7.5rem;
            position: relative;
            left:-0.6rem;
            img{
                width:0.92rem;
                height:0-.92rem;
                position: absolute;
                left: 2.5rem;
                bottom:0;
            }
        }
        .box1-bottom{
            display: flex;
            margin-top:0.46rem;
            align-items: baseline;
            justify-content: space-between;
            img:nth-of-type(2){
                height:0.66rem;
            }
            img:nth-of-type(1){
                width:2.5rem;
                height:0.2rem;
            }
            p{
                text-align: center;
                height:0.26rem;
                font-size: 0.22rem;
                color:#476d80;
            }
        }
        .box1-pic1{
            left:-0.1rem;
            top:0.2rem;
            position: relative;
            clear: both;
            width:6.42rem;
            height:3.1rem;
            border-bottom: 0.02rem solid #fff;
            img{
                width:6.42rem;
                height:2.98rem;
            }
        }
        .box1-text{
            margin-top:0.4rem;
            margin-right:-0.1rem;
            display: block;
            width:4.2rem;
            line-height:0.42rem;
            height:3rem;
            float: right;
            color:#322f22;
        }
        .bg1{

            z-index:0;
            width:6.29rem;
            height:2.09rem;
            position: absolute;
            top:1.34rem;
            right:0.6rem;
        }
        .head-logo{
            width:0.7rem;
            height:0.7rem;
            position: absolute;
            top: 0.4rem;
            right: 0.7rem;
            overflow: hidden;
            img{
                position: absolute;
                top:0;
                left:0;
            }
        }
        .title{
            position: relative;
            z-index:1;
            .box1-title{
                line-height:0.85rem;
                letter-spacing: 0.12rem;
                width:4.1rem;
                height:1.7rem;
                font-size:0.7rem;
                font-weight: bold;
                color:#1a1311;
                margin-bottom:0.4rem;
            }
            .box1-title2{
                width:2.4rem;
                height:0.76rem;
                line-height:0.38rem;
                font-size:0.34rem;
                color:#4c4a4a;
                font-weight: bold;
                text-align: right;
            }
            .title-text{

                display: flex;
                justify-content: space-between;
                img{
                    width:3.43rem;
                    height:0.8rem;
                }
            }
        }
    }
    .box2{
        position: relative;
        background: #9bb67c;
        padding:1.16rem 0.6rem 0rem 0.6rem;
        .box1-base{
            height:0.5rem;
            background:#3e8065;
            margin-top: 0.2rem;
            width:7.5rem;
            position: relative;
            left:-0.6rem;
            img{
                width:0.92rem;
                height:0-.92rem;
                position: absolute;
                left: 2.5rem;
                bottom:0;
            }
        }
        .box1-bottom{
            display: flex;
            margin-top:0.46rem;
            align-items: baseline;
            justify-content: space-between;
            img:nth-of-type(2){
                height:0.66rem;
            }
            img:nth-of-type(1){
                width:2.5rem;
                height:0.2rem;
            }
            p{
                text-align: center;
                height:0.26rem;
                font-size: 0.22rem;
                color:#476d80;
            }
        }
        .box2-title{
            position: absolute;
            right:0.6rem;
            top:1.16rem;
            line-height: 0.85rem;
            text-align: right;
            width:4.1rem;
            height:1.7rem;
            font-size:0.7rem;
            font-weight: bold;
            color:#fff;
            margin-bottom:0.4rem;
        }
        .box2-main{
            margin-top:1rem;
            display: flex;
            justify-content: space-between;
            .box2-pic1{
                width:3.2rem;
                height:4.72rem;
                .mint-swipe-indicators{
                    bottom:-10px;
                    width:80%;
                }
            }
            .box2-text{
                width:3rem;
                height:4.72rem;
                p:nth-of-type(1){
                    width:100%;
                    text-align: right;
                    color:#fff;
                    height:0.4rem;
                    font-weight: bold;
                    font-size: 0.34rem;
                }
                p:nth-of-type(2){
                    width:100%;
                    color:#fff;
                    height:4.2rem;

                    line-height: 0.42rem;
                    font-size: 0.3rem;
                }
            }
        }
        .box2-garden{
            margin-top:0.7rem;
            width:100%;
            padding-bottom:0.1rem;
            border-bottom: 0.02rem solid #fff;
            img{
                width:3.43rem;
                height:0.8rem;
            }
        }
    }
    .box3{
        position: relative;
        background: #bee1d4;
        padding:1.16rem 0.6rem 0rem 0.6rem;
        .box1-base{
            height:0.5rem;
            background:#acd6b5;
            margin-top: 0.2rem;
            width:7.5rem;
            position: relative;
            left:-0.6rem;
            img{
                width:0.92rem;
                height:0-.92rem;
                position: absolute;
                left: 2.5rem;
                bottom:0;
            }
        }
        .box1-bottom{
            display: flex;
            margin-top:0.46rem;
            align-items: baseline;
            justify-content: space-between;
            img:nth-of-type(2){
                height:0.66rem;
            }
            img:nth-of-type(1){
                width:2.5rem;
                height:0.2rem;
            }
            p{
                text-align: center;
                height:0.26rem;
                font-size: 0.22rem;
                color:#476d80;
            }
        }
        .box1-pic1{
            left:-0.1rem;
            position: relative;
            clear: both;
            width:6.42rem;
            height:3.1rem;
            img{
                width:6.42rem;
                height:2.98rem;
            }
        }
        .box1-text{

            margin-top:0.4rem;
            margin-right:-0.1rem;
            display: block;

            width:4.2rem;
            height:3rem;
            color:#322f22;
        }
        .box3-text{
            display: flex;
            justify-content: space-between;
            p:nth-of-type(1){
                width:4.14rem;
                height:2.9rem;
                line-height:0.41rem ;
            }
            p:nth-of-type(2){
                width:2rem;
                color:#595641;
                height:1rem;
            }
        }
        .bg1{
            width:6.29rem;
            height:2.09rem;
            z-index:0;
            position: absolute;
            width:6.29rem;
            height:2.09rem;
            top:1.34rem;
            right:0.6rem;
        }
        .head-logo{
            position: absolute;
            top: 0.4rem;
            right: 0.7rem;
            img{
                width: 1.62rem;
                height: 0.44rem;
            }
        }
        .title{
            position: relative;
            z-index:1;
            .box1-title{
                width:4.1rem;
                height:1.7rem;
                line-height: 0.85rem;
                font-size:0.7rem;
                font-weight: bold;
                color:#1a1311;
                margin-bottom:0.15rem;
            }
            .box1-title2{
                width:2.4rem;
                height:0.76rem;
                font-size:0.34rem;
                color:#4c4a4a;
                font-weight: bold;
                text-align: center;
            }
            .title-text{
                img{
                    width:3.43rem;
                    height:0.8rem;
                }
                margin-top:0.65rem;
                margin-bottom:0.15rem;
                display: flex;
                justify-content: flex-end;
            }
        }
    }
    .box4{
        position: relative;
        background: #e7eca9;
        padding:1.16rem 0.6rem 0rem 0.6rem;
        .box1-base{
            height:0.5rem;
            background:#869665;
            margin-top: 0.2rem;
            width:7.5rem;
            position: relative;
            left:-0.6rem;
            img{
                width:0.92rem;
                height:0-.92rem;
                position: absolute;
                left: 2.5rem;
                bottom:0;
            }
        }
        .box1-bottom{
            display: flex;
            margin-top:0.46rem;
            align-items: baseline;
            justify-content: space-between;
            img:nth-of-type(2){
                height:0.66rem;
            }
            img:nth-of-type(1){
                width:2.5rem;
                height:0.2rem;
            }
            p{
                text-align: center;
                height:0.26rem;
                font-size: 0.22rem;
                color:#476d80;
            }
        }
        .box2-title{
            position: absolute;
            right:0.6rem;
            top:1.16rem;
            line-height: 0.85rem;
            text-align: right;
            width:4.1rem;
            height:1.7rem;
            font-size:0.7rem;
            font-weight: bold;
            color:#000;
            margin-bottom:0.4rem;
        }
        .box2-main{
            padding-bottom:0.4rem;
            border-bottom:0.02rem solid #fff;
            margin-top:1.1rem;
            display: flex;
            justify-content: space-between;
            .box2-pic1{
                width:3.2rem;
                height:5.03rem;
                position: relative;
            }
            .box2-text{
                margin-top:0.2rem;
                width:2.9rem;
                height:4.72rem;
                p:nth-of-type(1){
                    width:100%;
                    color:#595641;
                    height:0.4rem;
                    font-weight: bold;
                    font-size: 0.34rem;
                }
                p:nth-of-type(2){
                    width:100%;
                    color:#322f22;
                    height:4.2rem;
                    line-height: 0.42rem;
                    font-size: 0.3rem;
                }
            }
        }
        .box2-garden{
            text-align: right;
            margin-top:0.18rem;
            width:100%;
            padding-bottom:0.1rem;
            img{
                width:3.43rem;
                height:0.8rem;
            }

        }
    }
    .box5{
        position: relative;
        background: #dbdbcd;
        padding:1.33rem 0.6rem 0rem 0.6rem;
        .box1-base{
            height:0.5rem;
            background:#869665;
            margin-top: 0.2rem;
            width:7.5rem;
            position: relative;
            left:-0.6rem;
            img{
                width:0.92rem;
                height:0-.92rem;
                position: absolute;
                left: 2.5rem;
                bottom:0;
            }
        }
        .box1-bottom{
            display: flex;
            margin-top:0.46rem;
            align-items: baseline;
            justify-content: space-between;
            img:nth-of-type(2){
                height:0.66rem;
            }
            img:nth-of-type(1){
                width:2.5rem;
                height:0.2rem;
            }
            p{
                text-align: center;
                height:0.26rem;
                font-size: 0.22rem;
                color:#476d80;
            }
        }
        .box1-pic1{
            left:-0.1rem;
            position: relative;
            clear: both;
            width:6.42rem;
            height:3.1rem;
            border-bottom: 0.02rem solid #595641;
            img{
                width:6.42rem;
                height:2.98rem;
            }
        }
        .box1-text{
            overflow: hidden;
            line-height:0.38rem;
            margin-bottom:0.2rem;
            margin-top:0.4rem;
            margin-right:-0.1rem;
            display: block;
            width:6.35rem;
            height:1.9rem;
            color:#322f22;
        }
        .bg1{
            width:6.29rem;
            height:2.09rem;
            z-index:0;
            position: absolute;
            top:1.34rem;
            right:0.6rem;
        }
        .head-logo{
            position: absolute;
            top: 0.4rem;
            right: 0.7rem;
            img{
                width: 1.62rem;
                height: 0.44rem;
            }
        }
        .title{
            position: relative;
            z-index:1;
            .box1-title{
                line-height: 0.85rem;
                width:4.1rem;
                height:1.7rem;
                font-size:0.7rem;
                font-weight: bold;
                color:#1a1311;
                margin-bottom:0.4rem;
            }
            .box1-title2{
                width:2.4rem;
                height:0.76rem;
                font-size:0.34rem;
                color:#4c4a4a;
                font-weight: bold;
                text-align: left;
            }
            .title-text{
                img{
                    width:3.43rem;
                    height:0.8rem;
                }
                margin-top:0.65rem;
                display: flex;
                justify-content: flex-end;
            }
        }
    }
}
p{
    margin:0;
    padding:0;
}
.bg5{
    width:6.29rem;
    height:2.09rem;
}
