.margin-top{
    margin-top: 80px !important;
}
input{
    opacity: 0;
    cursor: pointer;
    z-index: 9;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
textarea{
    resize:none;
    text-align: justify;
    letter-spacing: 0;
    background:none;
    border:0;
    word-wrap: break-word;
    word-break: break-word;
    overflow: hidden;
}
.tempBox{
    background: #fff;
    width:750px;
    border-top:0px solid red;
    margin:0 auto;
    .logo-img{
        width:750px;
        height:1344px;
        position: relative;
        .bg-img{
            width:750px;
            height:724px;
            position: absolute;
            left:0;
            bottom:0;
            z-index:10;
        }
        textarea{
            position: absolute;
            left:50%;
            transform:translateX(-50%);
            -webkit-transform:translateX(-50%);
            z-index:11;
            text-align: center;
        }
        .text-h{
            width:660px;
            height:60px;
            top:722px;
            font-size: 60px;
            color: #FFFFFF;
        }
        .text2-h{
            width:660px;
            height:50px;
            top:798px;
            font-size: 50px;
            color: #FFFFFF;
        }
        .text3-h{
            width:570px;
            height:30px;
            font-size: 30px;
            color: #7EF0E5;
            top:886px;
        }
        .text4-h{
            width:571px;
            height:22px;
            font-size: 24px;
            color: #FFFFFF;
            top:1037px;
        }
        .text5-h{
            width: 571px;
            height:22px;
            font-size: 24px;
            color: #FFFFFF;
            top:1100px;
        }
        .pic1-img{
            width:160px;
            height:158px;
            position: absolute;
            left:50%;
            transform:translateX(-50%);
            -webkit-transform:translateX(-50%);
            top:1166px;
            z-index:11;
            img{
                width:100%;
                max-height:158px;
            }
        }
    }
    .pic2-img{
        width:100%;
        height:500px;
        margin-top:10px;
        position: relative;
        img{
            width:100%;
            height:100%;
        }
    }
    .intro{
        width:100%;
        height:491px;
        background-color: #E3EDEC;
        margin-bottom:10px;
        position: relative;
        .left{
            width:150px;
            height:369px;
            position: absolute;
            top:30px;
            left:30px;
            img{
                width:100%;
                height:100%;
            }
        }
        .text8-h{
            width:481px;
            height:239px;
            position: absolute;
            right:40px;
            top:106px;
            font-size: 30px;
            color: #333333;
        }
    }
    .text6-h{
        width:55px;
        height:271px;
        position: absolute;
        top:83px;
        left:17px;
        font-size: 50px;
        color: #333333;
        overflow: hidden;
    }
    .text7-h{
        width:23px!important;
        height:300px!important;
        word-wrap: break-word;
        word-break: break-word;
        position: absolute;
        top:83px;
        right:32px;
        overflow: hidden;
        font-size: 30px;
        color: #333333;
    }
    .mating{
        width:750px;
        padding:42px 36px 50px;
        background-color: #E3EDEC;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        .big-img{
            width:100%;
            height:454px;
            margin-bottom:30px;
            position: relative;
            img{
                width:669px;
                height:446px;
                border:4px solid #fff;
                box-sizing: border-box;
                -webkit-box-sizing: border-box;
            }
        }
        .mid-img{
            width:669px;
            height:369px;
            position: relative;
            margin-bottom:72px;
            .l-img,.m-img{
                width:208px;
                height:337px;
                position: absolute;
                left:0;
                top:16px;
                img{
                    width:200px;
                    height:329px;
                    border:4px solid #fff;
                }
            }
            .m-img{
                left:224px;
            }
            .r-img{
                width:150px;
                height:369px;
                position: absolute;
                top:0;
                right:0;
            }
        }
    }
    .text9-h{
        width:669px;
        height:136px;
        display: block;
        margin:0 auto;
        font-size: 30px;
        color: #333333;
    }
    .pic6-img{
        width:750px;
        height:500px;
        position: relative;
        img{
            width:750px;
            height:500px;
        }
    }
    .gray-sec{
        width:750px;
        height:50px;
        background-color: #E3EDEC;
        margin-bottom:10px;
    }
    .bottom-sec{
        width:750px;
        background-color: #E3EDEC;
        padding:50px 10px;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        .top-sec{
            width:730px;
            height:390px;
            overflow: hidden;
            margin-bottom:30px;
            .l-sec{
                widows: 241px;
                height:390px;
                position: relative;
                float: left;
                margin-right:9px;
                img{
                    width:241px;
                    height:390px;
                }
            }
            .m-sec{
                width:235px;
                height:390px;
                float: left;
                margin-right: 10px;
                position: relative;
                img{
                    width:235px;
                    height:390px;
                }
            }
            .r-sec{
                width:235px;
                height:390px;
                float: left;
                position: relative;
                img{
                    width:235px;
                    height:390px;
                }
            }
        }
        .mid-sec{
            width:670px;
            height:454px;
            margin:0 auto;
            position: relative;
            margin-bottom: 46px;
            .left-sec{
                position: absolute;
                top:0;
                left:0;
            }
            .rig-img{
                width:458px;
                height:454px;
                position: absolute;
                top:0;
                right:0;
                img{
                    width:450px;
                    height:446px;
                    border:4px solid #fff;
                }
            }
        }
        .text10-h{
            width:672px;
            height:134px;
            font-size: 30px;
            color: #333333;
            display: block;
            margin:0 auto;
        }
    }
    .pic7-img,.pic8-img{
        width:750px;
        height:500px;
        position: relative;
        img{
            width:750px;
            height:500px;
        }
    }
}
.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;
}
.marginTop{
    margin-top:80px;
}
