*{
    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:  #fff;
    .line-sec{
        height:0.86rem;
    }
    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: baseline;
    }
    .rel {
        position: relative;
    }
    .mar{
        margin-left: 2.8rem;
    }
    .banner1{
        border: .1px solid transparent;
        background: url("http://skyforest.static.elab-plus.com/temp/template30/bg1.png") no-repeat center center/100% 100%;
        .pic{
            .shade{
                position: absolute;
                width: 100%;
                height: 100%;
                left: 0;
                top: 0;
                background-color: rgba(0,0,0,.3);
            }
        }
        .head-logo{
            position: absolute;
            z-index: 12;
            top: 0.8rem;
            left: 50%;
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            transform: translateX(-50%);
            
            img{
                vertical-align: baseline;
            }
        }
        .contain{
            position: absolute;
            top: 50%;
            left: 50%;
            z-index: 12;
            transform: translate3d(-50%,-50%,0);
            width: 5.8rem;
            input,textarea{
                width: 100%;
            }
            .text1{
                padding-bottom: 0.1rem;
                border-bottom: 0.02rem solid #FFFFFF;
                font-family: DFPHeiW5;
                font-size: 0.36rem;
                color: #FFFFFF;
                letter-spacing: 0;
                text-align: center;
                line-height: 0.4rem;
                height: 0.5rem;
            }
            .text2{
                font-family: DFPSongW9;
                font-size: 0.5rem;
                color: #FFFFFF;
                letter-spacing: 0;
                text-align: center;
                line-height: 0.6rem;
                height: 1.2rem;
                margin: 0.3rem 0;
            }
            .text3{
                padding-top: 0.1rem;
                border-top: 0.02rem solid #FFFFFF;
                font-family: DFPHeiW5;
                font-size: 0.28rem;
                color: #FFFFFF;
                letter-spacing: 0;
                text-align: center;
                line-height: 0.4rem;
                height: 0.5rem;
            }
        }
        .contain2{
            .text4,.text5,.text6,.text7{
                width: 100%;
            }
            .text4{
                font-family: DFPSongW7;
                font-size: 0.28rem;
                color: #DDA539;
                letter-spacing: 0;
                text-align: center;
                line-height: 0.5rem;
                margin: 0.22rem 0;
                height: 0.5rem;
            }
            .text5{
                font-family: DFPHeiW5;
                font-size: 0.24rem;
                color: #DDA539;
                letter-spacing: 0;
                text-align: center;
                line-height: 0.3rem;
                height: 0.3rem;
            }
            .text6{
                font-family: DFPHeiW5;
                font-size: 0.24rem;
                color: #DDA539;
                letter-spacing: 0;
                text-align: center;
                line-height: 0.3rem;
                height: 0.3rem;
            }
            .text7{
                font-family: DFPHeiW5;
                font-size: 0.24rem;
                color: #DDA539;
                letter-spacing: 0;
                text-align: center;
                line-height: 0.3rem;
                margin-top: 0.52rem;
                margin-bottom: 0.3rem;
                height: 0.3rem;
            }
        }
    }
    .banner2{
        border: .1px solid transparent;
        background: #1E344A;
        margin-top: 0.1rem;
        padding-top: 0.3rem;
        .tip{
            height: 0.42rem;
            .line{
                border: 1px solid #FFFFFF;
                position: absolute;
                width: 100%;
                //top: 0.23rem;
                top:90%
            }
            .text8{
                background: #1E344A;
                font-family: DFPSongW9;
                font-size: 0.24rem;
                color: #DDA539;
                letter-spacing: 0;
                //text-align: center;
                //position: absolute;
                //display: inline-block;
                //position: relative;
                //left: 0;
                //height: 0.3rem;
                //line-height: 0.3rem;
                //top: -0.42rem;
                -webkit-transform: translateX(-50%);
                -moz-transform: translateX(-50%);
                -ms-transform: translateX(-50%);
                -o-transform: translateX(-50%);
                transform: translateX(-50%);
            }
        }
        .text9{
            display: block;
            margin: 0 auto;
            width: 4.4rem;
            height: 1rem;
            font-family: DFPSongW9;
            font-size: 0.36rem;
            color: #DDA539;
            letter-spacing: 0;
            text-align: center;
            line-height: 0.5rem;
            margin-top: 1.05rem;
        }
        .text10{
            display: block;
            margin: 0 auto;
            margin-top: 0.7rem;
            width: 4.4rem;
            height: 1.8rem;
            font-family: DFPHeiW5;
            font-size: 0.28rem;
            color: #DDA539;
            letter-spacing: 0;
            text-align: center;
            line-height: 0.36rem;
        }
        .B-logo{
            width: 1rem;
            margin: 0.85rem auto;
        }
        .text11{
            font-family: DFPHeiW5;
            font-size: 0.24rem;
            color: #DDA539;
            letter-spacing: 0;
            text-align: center;
            line-height: 0.3rem;
            height: 0.3rem;
            margin-bottom: 0.3rem;
            width: 100%;
        }
    }

}
