*{
    margin: 0;
    padding: 0;
    border:none;
    box-sizing: border-box;
}
.tempBox{
    max-width: 640px!important;
    border-top:0rem solid red;
    //padding-top:0.3rem;
    margin:0 auto;
    overflow: hidden;
    //background: #141F3D;
    p{
        word-break: break-word;
        word-wrap: break-word;
        margin: 0;
        overflow: hidden;
    }
    .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;
    }
    textarea {
        -webkit-appearance: none;
        -ms-progress-appearance: none;
        appearance: none;
        border: none;
        resize: none;
        word-break: break-all;
        text-overflow: ellipsis;
        overflow: hidden;
        background: transparent;
        word-wrap: break-word;
        word-break: break-word;
        padding: 0;
        word-break: break-word;
    }
    img {
        border: 0;
        vertical-align: bottom;
    }
    .rel {
        position: relative;
    }
    .mar{
        margin-left: 2.8rem;
    }
    .banner1{
        background: #EEE7DF;
        margin-bottom: 0.1rem;
        .pic1{
            width: 7.5rem;
            height: 5rem;
        }
        .rel{
            input{
                z-index: 0;
            }
        }
        .tip{
            width: 5.3rem;
            height: 4.21rem;
            opacity: 0.8;
            background: #333333;
            margin-top: -1.25rem;
            margin-left: 1.9rem;
            padding: 0.4rem 0.45rem;
            z-index: 12;
            .b_tip{
                width: 4.5rem;
                height: 1.47rem;
                font-family: CooperBlackMS;
                font-size: 0.4rem;
                color: #FFFFFF;
                letter-spacing: 0;
                line-height: 0.5rem;
                margin-bottom: 0.3rem;
            }
            .s_tip{
                width: 4.4rem;
                height: 1.41rem;
                font-family: DFPHeiW3;
                font-size: 0.28rem;
                color: #FFFFFF;
                letter-spacing: 0;
                line-height: 0.36rem;
            }
        }
        .logo_contrat{
            display: flex;
            justify-content: space-between;
            padding: 0.44rem 0.3rem 0.5rem 0.3rem;
            .logo{
                width: 1.61rem;
                height: 1.26rem;
                overflow: hidden;
                // img{
                //     width: 1.62rem;
                //     max-height: 1.26rem;
                //     position: absolute;
                //     top: 50%;
                //     transform: translateY(-50%);
                // }
            }
            .contrat{
                ul{
                    li{
                        width: 4.18rem;
                        padding-left: 0.46rem;
                    }
                    li:nth-child(1){
                        background: url("http://skyforest.static.elab-plus.com/temp/template25/icon_tel.png") no-repeat left center/0.36rem 0.36rem;
                        .text3{
                            font-family: ArialRoundedMTBold;
                            font-size: 0.4rem;
                            color: #333333;
                            letter-spacing: 0.0143rem;
                            text-align: justify;
                            height: 0.46rem;
                            line-height: 0.45rem;
                            width: 100%;
                        }
                    }
                    li:nth-child(2){
                        background: url("http://skyforest.static.elab-plus.com/temp/template25/icon_developers.png") no-repeat 0.1rem center/0.24rem 0.24rem;
                        .text4{
                            font-family: DFPHeiW5;
                            font-size: 0.28rem;
                            color: #666666;
                            letter-spacing: 0.01rem;
                            text-align: justify;
                            height: 0.3rem;
                            line-height: 0.3rem;
                            width: 100%;
                        }
                    }
                    li:nth-child(3){
                        background: url("http://skyforest.static.elab-plus.com/temp/template25/icon_position.png") no-repeat 0.1rem center/0.18rem 0.24rem;
                        .text5{
                            font-family: DFPHeiW5;
                            font-size: 0.28rem;
                            color: #666666;
                            letter-spacing: 0.01rem;
                            text-align: justify;
                            height: 0.3rem;
                            line-height: 0.3rem;
                            width: 100%;
                        }
                    }
                }
            }
        }
    }
    .banner2{
        padding: 0 0.3rem;
        background: #EEE7DF;
        margin-bottom: 0.1rem;
        img{
            border-radius: 0.09rem;
        }
        .contain{
            display: flex;
            justify-content: space-between;
            .left{
                .text6{
                    width: 3.1rem;
                    height: 0.6rem;
                    margin-top: 0.8rem;
                    font-family: DFPHeiW9;
                    font-size: 0.3rem;
                    color: #C98646;
                    letter-spacing: 0;
                    line-height: 0.31rem;
                }
                .text7{
                    width: 3.1rem;
                    height: 1.4rem;
                    margin-top: 0.2rem;
                    font-family: CooperBlackMS;
                    font-size: 0.6rem;
                    color: #3E72AB;
                    letter-spacing: 0;
                    line-height: 0.7rem;
                    text-decoration: underline;
                }
                .text8{
                    width: 3.12rem;
                    height: 2.91rem;
                    margin-top: 1.54rem;
                    font-family: DFPHeiW3;
                    font-size: 0.28rem;
                    color: #333333;
                    letter-spacing: 0;
                    line-height: 0.37rem;
                }
                .pic4{
                    margin-top: 1.3rem;
                    img{
                        width: 3.2rem;
                        height: 1.97rem;
                    }
                }
            }
            .right{
                .pic2{
                    margin-top: 1.7rem;
                    img{
                        width: 3.2rem;
                        height: 3.9rem;
                    }
                }
                .pic3{
                    margin-top: 0.48rem;
                    img{
                        width: 3.2rem;
                        height: 3.9rem;
                    }
                }
            }
        }
        .logo_contrat{
            display: flex;
            justify-content: space-between;
            padding: 0.92rem 0rem 0.5rem 0rem;
            .logo{
                width: 1.61rem;
                height: 1.26rem;
                // img{
                //     // width: 1.62rem;
                //     // max-height: 1.26rem;
                //     position: absolute;
                //     top: 50%;
                //     transform: translateY(-50%);
                // }
            }
            .contrat{
                ul{
                    li{
                        width: 4.18rem;
                        padding-left: 0.46rem;
                    }
                    li:nth-child(1){
                        background: url("http://skyforest.static.elab-plus.com/temp/template25/icon_tel.png") no-repeat left center/0.36rem 0.36rem;
                        .text3{
                            font-family: ArialRoundedMTBold;
                            font-size: 0.4rem;
                            color: #333333;
                            letter-spacing: 0.0143rem;
                            text-align: justify;
                            height: 0.46rem;
                            line-height: 0.45rem;
                            width: 100%;
                        }
                    }
                    li:nth-child(2){
                        background: url("http://skyforest.static.elab-plus.com/temp/template25/icon_developers.png") no-repeat 0.1rem center/0.24rem 0.24rem;
                        .text4{
                            font-family: DFPHeiW5;
                            font-size: 0.28rem;
                            color: #666666;
                            letter-spacing: 0.01rem;
                            text-align: justify;
                            height: 0.3rem;
                            line-height: 0.3rem;
                            width: 100%;
                        }
                    }
                    li:nth-child(3){
                        background: url("http://skyforest.static.elab-plus.com/temp/template25/icon_position.png") no-repeat 0.1rem center/0.18rem 0.24rem;
                        .text5{
                            font-family: DFPHeiW5;
                            font-size: 0.28rem;
                            color: #666666;
                            letter-spacing: 0.01rem;
                            text-align: justify;
                            height: 0.3rem;
                            line-height: 0.3rem;
                            width: 100%;
                        }
                    }
                }
            }
        }
    }
    .banner3{
        padding: 0 0.3rem;
        background: #EEE7DF;
        margin-bottom: 0.1rem;
        img{
            border-radius: 0.09rem;
        }
        .contain{
            display: flex;
            justify-content: space-between;
            .left{
                .pic5{
                    margin-top: 1.7rem;
                    img{
                        width: 3.2rem;
                        height: 2.5rem;
                    }
                }
                .pic6{
                    margin-top: 0.47rem;
                    img{
                        width: 3.2rem;
                        height: 2rem;
                    }
                }
            }
            .right{
                margin-left: 0.5rem;
                .text9{
                    width: 3.1rem;
                    height: 0.6rem;
                    margin-top: 0.8rem;
                    font-family: DFPHeiW9;
                    font-size: 0.3rem;
                    color: #C98646;
                    letter-spacing: 0;
                    line-height: 0.31rem;
                }
                .text10{
                    width: 3.1rem;
                    height: 1.37rem;
                    margin-top: 0.2rem;
                    font-family: CooperBlackMS;
                    font-size: 0.6rem;
                    color: #3E72AB;
                    letter-spacing: 0;
                    line-height: 0.7rem;
                    text-decoration: underline;
                }
                .text11{
                    width: 3.12rem;
                    height: 2.91rem;
                    margin-top: 0.77rem;
                    font-family: DFPHeiW3;
                    font-size: 0.28rem;
                    color: #333333;
                    letter-spacing: 0;
                    line-height: 0.37rem;
                }
            }
        }
        .pic7{
            margin-top: 0.4rem;
            img{
                width: 6.9rem;
                height: 4.1rem;
            }
        }
        .logo_contrat{
            display: flex;
            justify-content: space-between;
            padding: 0.47rem 0rem 0.5rem 0rem;
            .logo{
                width: 1.61rem;
                height: 1.26rem;
                // img{
                //     // width: 1.62rem;
                //     // max-height: 1.26rem;
                //     position: absolute;
                //     top: 50%;
                //     transform: translateY(-50%);
                // }
            }
            .contrat{
                ul{
                    li{
                        width: 4.18rem;
                        padding-left: 0.46rem;
                    }
                    li:nth-child(1){
                        background: url("http://skyforest.static.elab-plus.com/temp/template25/icon_tel.png") no-repeat left center/0.36rem 0.36rem;
                        .text3{
                            font-family: ArialRoundedMTBold;
                            font-size: 0.4rem;
                            color: #333333;
                            letter-spacing: 0.0143rem;
                            text-align: justify;
                            height: 0.46rem;
                            line-height: 0.45rem;
                            width: 100%;
                        }
                    }
                    li:nth-child(2){
                        background: url("http://skyforest.static.elab-plus.com/temp/template25/icon_developers.png") no-repeat 0.1rem center/0.24rem 0.24rem;
                        .text4{
                            font-family: DFPHeiW5;
                            font-size: 0.28rem;
                            color: #666666;
                            letter-spacing: 0.01rem;
                            text-align: justify;
                            height: 0.3rem;
                            line-height: 0.3rem;
                            width: 100%;
                        }
                    }
                    li:nth-child(3){
                        background: url("http://skyforest.static.elab-plus.com/temp/template25/icon_position.png") no-repeat 0.1rem center/0.18rem 0.24rem;
                        .text5{
                            font-family: DFPHeiW5;
                            font-size: 0.28rem;
                            color: #666666;
                            letter-spacing: 0.01rem;
                            text-align: justify;
                            height: 0.3rem;
                            line-height: 0.3rem;
                            width: 100%;
                        }
                    }
                }
            }
        }
    }
    .banner4{
        padding: 0 0.3rem;
        background: #EEE7DF;
        margin-bottom: 0.1rem;
        img{
            border-radius: 0.09rem;
        }
        .contain{
            display: flex;
            justify-content: space-between;
            .left{
                .text12{
                    width: 3.1rem;
                    height: 0.60rem;
                    margin-top: 0.8rem;
                    font-family: DFPHeiW9;
                    font-size: 0.3rem;
                    color: #C98646;
                    letter-spacing: 0;
                    line-height: 0.31rem;
                }
                .text13{
                    width: 3.1rem;
                    height: 1.37rem;
                    margin-top: 0.2rem;
                    font-family: CooperBlackMS;
                    font-size: 0.6rem;
                    color: #3E72AB;
                    letter-spacing: 0;
                    line-height: 0.7rem;
                    text-decoration: underline;
                }
                .pic9{
                    margin-top: 0.66rem;
                    img{
                        width: 3.2rem;
                        height: 3.9rem;
                    }
                }
            }
            .right{
                .pic8{
                    margin-top: 1.7rem;
                    margin-left: 0.5rem;
                    img{
                        width: 3.2rem;
                        height: 3.9rem;
                    }
                }
                .pic10{
                    margin-top: 0.92rem;
                    margin-left: -0.3rem;
                    img{
                        width: 4rem;
                        height: 2.6rem;
                    }
                }
            }
        }
        .text14{
            margin-top: 0.64rem;
            width: 6.9rem;
            height: 1.1rem;
            font-family: DFPHeiW3;
            font-size: 0.28rem;
            color: #333333;
            letter-spacing: 0;
            line-height: 0.36rem;
        }
        .logo_contrat{
            display: flex;
            justify-content: space-between;
            padding: 0.77rem 0rem 0.5rem 0rem;
            .logo{
                width: 1.61rem;
                height: 1.26rem;
                // img{
                //     // width: 1.62rem;
                //     // max-height: 1.26rem;
                //     position: absolute;
                //     top: 50%;
                //     transform: translateY(-50%);
                // }
            }
            .contrat{
                ul{
                    li{
                        width: 4.18rem;
                        padding-left: 0.46rem;
                    }
                    li:nth-child(1){
                        background: url("http://skyforest.static.elab-plus.com/temp/template25/icon_tel.png") no-repeat left center/0.36rem 0.36rem;
                        .text3{
                            font-family: ArialRoundedMTBold;
                            font-size: 0.4rem;
                            color: #333333;
                            letter-spacing: 0.0143rem;
                            text-align: justify;
                            height: 0.46rem;
                            line-height: 0.45rem;
                            width: 100%;
                        }
                    }
                    li:nth-child(2){
                        background: url("http://skyforest.static.elab-plus.com/temp/template25/icon_developers.png") no-repeat 0.1rem center/0.24rem 0.24rem;
                        .text4{
                            font-family: DFPHeiW5;
                            font-size: 0.28rem;
                            color: #666666;
                            letter-spacing: 0.01rem;
                            text-align: justify;
                            height: 0.3rem;
                            line-height: 0.3rem;
                            width: 100%;
                        }
                    }
                    li:nth-child(3){
                        background: url("http://skyforest.static.elab-plus.com/temp/template25/icon_position.png") no-repeat 0.1rem center/0.18rem 0.24rem;
                        .text5{
                            font-family: DFPHeiW5;
                            font-size: 0.28rem;
                            color: #666666;
                            letter-spacing: 0.01rem;
                            text-align: justify;
                            height: 0.3rem;
                            line-height: 0.3rem;
                            width: 100%;
                        }
                    }
                }
            }
        }
    }
    .banner5{
        padding: 0 0.3rem;
        background: #EEE7DF;
        margin-bottom: 0.1rem;
        img{
            border-radius: 0.09rem;
        }
        .contain{
            display: flex;
            justify-content: space-between;
            .left{
                .pic12{
                    margin-top: 2.52rem;
                    img{
                        width: 3.2rem;
                        height: 3.9rem;
                    }
                }
                .text15{
                    width: 3.1rem;
                    height: 0.6rem;
                    margin-top: 2rem;
                    font-family: DFPHeiW9;
                    font-size: 0.3rem;
                    color: #C98646;
                    letter-spacing: 0;
                    line-height: 0.31rem;
                }
                .text16{
                    width: 3.1rem;
                    height: 1.37rem;
                    margin-top: 0.2rem;
                    font-family: CooperBlackMS;
                    font-size: 0.6rem;
                    color: #3E72AB;
                    letter-spacing: 0;
                    line-height: 0.7rem;
                    text-decoration: underline;
                }
            }
            .right{
                .pic11{
                    margin-top: 1.7rem;
                   img{
                       width: 3.2rem;
                       height: 3.9rem;
                   }
                }
                .text17{
                    margin-top: 0.6rem;
                    width: 3.2rem;
                    height: 2.91rem;
                    font-family: DFPHeiW3;
                    font-size: 0.28rem;
                    color: #333333;
                    letter-spacing: 0;
                    line-height: 0.37rem;
                }
            }
        }
        .logo_contrat{
            display: flex;
            justify-content: space-between;
            padding: 0.92rem 0rem 0.5rem 0rem;
            .logo{
                width: 1.61rem;
                height: 1.26rem;
                // img{
                //     // width: 1.62rem;
                //     // max-height: 1.26rem;
                //     position: absolute;
                //     top: 50%;
                //     transform: translateY(-50%);
                // }
            }
            .contrat{
                ul{
                    li{
                        width: 4.18rem;
                        padding-left: 0.46rem;
                    }
                    li:nth-child(1){
                        background: url("http://skyforest.static.elab-plus.com/temp/template25/icon_tel.png") no-repeat left center/0.36rem 0.36rem;
                        .text3{
                            font-family: ArialRoundedMTBold;
                            font-size: 0.4rem;
                            color: #333333;
                            letter-spacing: 0.0143rem;
                            text-align: justify;
                            height: 0.46rem;
                            line-height: 0.45rem;
                            width: 100%;
                        }
                    }
                    li:nth-child(2){
                        background: url("http://skyforest.static.elab-plus.com/temp/template25/icon_developers.png") no-repeat 0.1rem center/0.24rem 0.24rem;
                        .text4{
                            font-family: DFPHeiW5;
                            font-size: 0.28rem;
                            color: #666666;
                            letter-spacing: 0.01rem;
                            text-align: justify;
                            height: 0.3rem;
                            line-height: 0.3rem;
                            width: 100%;
                        }
                    }
                    li:nth-child(3){
                        background: url("http://skyforest.static.elab-plus.com/temp/template25/icon_position.png") no-repeat 0.1rem center/0.18rem 0.24rem;
                        .text5{
                            font-family: DFPHeiW5;
                            font-size: 0.28rem;
                            color: #666666;
                            letter-spacing: 0.01rem;
                            text-align: justify;
                            height: 0.3rem;
                            line-height: 0.3rem;
                            width: 100%;
                        }
                    }
                }
            }
        }
    }
    .banner6{
        padding: 0 0.3rem;
        background: #EEE7DF;
        margin-bottom: 0.1rem;
        img{
            border-radius: 0.09rem;
        }
        .contain{
            display: flex;
            justify-content: space-between;
            .left{
                width: 3.2rem;
                .pic13{
                    margin-top: 3.28rem;
                    z-index: 20;
                    img{
                        width: 3.2rem;
                        height: 3.9rem;
                    }
                }
                .pic14{
                    margin-top: -0.5rem;
                    margin-left: 1.3rem;
                    img{
                        width: 3.2rem;
                        height: 3.9rem;
                    }
                }
            }
            .right{
                width: 3rem;
                .text18{
                    width: 3.1rem;
                    height: 0.62rem;
                    margin-top: 2rem;
                    font-family: DFPHeiW9;
                    font-size: 0.3rem;
                    color: #C98646;
                    letter-spacing: 0;
                    line-height: 0.31rem;
                }
                .text19{
                    width: 3.1rem;
                    height: 1.37rem;
                    margin-top: 0.2rem;
                    font-family: CooperBlackMS;
                    font-size: 0.6rem;
                    color: #3E72AB;
                    letter-spacing: 0;
                    line-height: 0.7rem;
                    text-decoration: underline;
                }
                .text20{
                    margin-top: 0.6rem;
                    margin-left: 0.94rem;
                    width: 2.06rem;
                    height: 4.3rem;
                    font-family: DFPHeiW3;
                    font-size: 0.28rem;
                    color: #333333;
                    letter-spacing: 0;
                    line-height: 0.37rem;
                }
            }
        }
        .logo_contrat{
            display: flex;
            justify-content: space-between;
            padding: 0.92rem 0rem 0.5rem 0rem;
            .logo{
                width: 1.61rem;
                height: 1.26rem;
                // img{
                //     // width: 1.62rem;
                //     // max-height: 1.26rem;
                //     position: absolute;
                //     top: 50%;
                //     transform: translateY(-50%);
                // }
            }
            .contrat{
                ul{
                    li{
                        width: 4.18rem;
                        padding-left: 0.46rem;
                    }
                    li:nth-child(1){
                        background: url("http://skyforest.static.elab-plus.com/temp/template25/icon_tel.png") no-repeat left center/0.36rem 0.36rem;
                        .text3{
                            font-family: ArialRoundedMTBold;
                            font-size: 0.4rem;
                            color: #333333;
                            letter-spacing: 0.0143rem;
                            text-align: justify;
                            height: 0.46rem;
                            line-height: 0.45rem;
                            width: 100%;
                        }
                    }
                    li:nth-child(2){
                        background: url("http://skyforest.static.elab-plus.com/temp/template25/icon_developers.png") no-repeat 0.1rem center/0.24rem 0.24rem;
                        .text4{
                            font-family: DFPHeiW5;
                            font-size: 0.28rem;
                            color: #666666;
                            letter-spacing: 0.01rem;
                            text-align: justify;
                            height: 0.3rem;
                            line-height: 0.3rem;
                            width: 100%;
                        }
                    }
                    li:nth-child(3){
                        background: url("http://skyforest.static.elab-plus.com/temp/template25/icon_position.png") no-repeat 0.1rem center/0.18rem 0.24rem;
                        .text5{
                            font-family: DFPHeiW5;
                            font-size: 0.28rem;
                            color: #666666;
                            letter-spacing: 0.01rem;
                            text-align: justify;
                            height: 0.3rem;
                            line-height: 0.3rem;
                            width: 100%;
                        }
                    }
                }
            }
        }
    }
}
