body,html,#app{
    max-width: 640px!important;
    background: #f4f4f4;
    color: #737373;
    height: auto;
}
#main{
    max-width: 640px!important;
    //height:9.4rem;
    margin:0 auto;
    overflow: hidden;
    height:auto;
    background-color: #fff;
    //padding-top:0.78rem;
    img{
        display: block;
    }
    // .swiper-img img{
    //     width:5.42rem;
    //     height:3.48rem;
    // }
    .template-gray{
        width: 100%;
        height:100%;
        background-color: rgba(0,0,0,0.6);
        position: absolute;
        top:0;
        left:0;
        z-index: 1;
    }
    .sub-img{
        width:4.24rem;
        height:1.95rem;
        background: url('http://skyforest.static.elab-plus.com/temp/template16/border.png');
        background-size: cover;
        position: relative;
        // top:0.8rem;
        // left:0.7rem;
        margin:0 0 0 0.7rem;
        z-index: 2;
        h3{
            font-size: 0.74rem;
            font-weight: normal;
            color: #1a1311;
            margin:0;
            position: absolute;
            bottom:-0.3rem;
            left:-6px;
        }
    }
    .data-img1{
        width: 5.9rem!important;
        height:3.1rem;
        border:0.16rem solid #fff;
        position: absolute;
        right:0;
        top:4.3rem;
        z-index: 2;
    }
    .data-img2{
        width:0.23rem!important;
        height:3.39rem;
        position: absolute;
        top:4.3rem;
        left:0.8rem;
        z-index: 2;
    }
    .bottom-img{
        width:4.26rem!important;
        height:1.56rem;
        position: absolute;
        left:0;
        bottom:0;
        z-index:2;
    }
    .templat-title{
        position: relative;
        height:13.08rem;
        img{
            width:100%;
        }
        .logo-img{
            object-fit: contain;
            width:1.57rem;
            height:1.57rem;
            position: absolute;
            top:0.4rem;
            right:0.5rem;
            z-index: 2;
        }
        h2{
            width:68%;
            font-weight: normal;
            font-size: 0.74rem;
            color:#fff;
            position: absolute;
            top:2rem;
            left:16%;
            z-index: 2;
            margin:0;
        }
        .text-detail{
            width:76%;
            position: absolute;
            left:16%;
            top:7.8rem;
            color:#fff;
            z-index: 2;
            font-size: 0.3rem;
        }
    }
    .bottom-sec{
        position: relative;
        height:3.3rem;
        .swiper-img img{
            width:5.9rem;
            height:3.1rem;
        }
    }
    .data-img4{
        width:5.9rem;
        height:3.1rem;
        border:0.16rem solid #000;
        position: relative;
        z-index:2;
    }
    .bg3-img{
        width:0.23rem;
        height:3.39rem;
        position: absolute;
        top:0;
        right:0.9rem;
        z-index: 2;
    }
    .template-sub{
        height:13.13rem;
        background: url('http://skyforest.static.elab-plus.com/temp/template16/bg4.png');
        background-size: cover;
        margin-top:-1px;
        padding-top:0.8rem;
        position: relative;
        .swiper-img img{
            width:5.9rem;
            height:3.1rem;
        }
        .sub-detail{
            font-size: 0.3rem;
            color:#1a1311;
            margin:0.4rem 1.1rem 0.4rem 0.7rem;
        }
        .text-right{
            margin:0.4rem 0 0.3rem 0;
            height:2.96rem;
        }
        .data-img3{
            width:5.1rem;
            height:2.64rem;
            border:0.16rem solid #000;
            display: inline-block;
        }
        .right-img{
            width: 4.26rem;
            height: 1.56rem;
            position: absolute;
            right: 0;
            bottom: 0;
            z-index: 2;
        }
    }
    .templat-main{
        height:13.08rem;
        background: url('http://skyforest.static.elab-plus.com/temp/template16/bg5.png');
        background-size: cover;
        margin-top:-1px;
        padding-top:0.8rem;
        position: relative;
        .sub-img{
            margin:0 0.6rem 0.4rem 2.4rem;
        }
        h3{
            color:#fff;
        }
        .sub-det{
            width:76%;
            font-size: 0.3rem;
            color:#fff;
            position: absolute;
            top:7rem;
            right:.6rem;
            z-index:2;
        }
        .data-img5{
            width:4.7rem;
            height:2.24rem;
            border:0.16rem solid #fff;
            position: absolute;
            left:1.2rem;
            bottom:2rem;
            z-index: 2;
        }
    }
    .templat-main1{
        background: url('http://skyforest.static.elab-plus.com/temp/template16/bg7.png');
        background-size: cover;
    }
    .sub-detail1{
        width:75%;
        position: absolute;
        right:0.6rem;
        bottom:3rem;
        font-size: 0.3rem;
        color:#1a3111;
    }
    .tel-sec{
        background-color: #463E35;
        padding:0.55rem 0.4rem 0.4rem;
        .tel-title{
            color:#fff;
            font-size: 0.24rem;
            color: #FFFFFF;
            line-height:0.36rem;
            margin-top:0;
        }
        .counselor-sec{
            width:100%;
            padding:0.3rem 0;
            text-align: center;
            border-bottom:1px solid rgba(255,255,255,0.32);
            margin-bottom:0.57rem;
            img{
                width:3.73rem;
                margin:0 auto;
            }
        }
        .text-tel{
            color:#fff;
            font-size:0.24rem;
            margin:0.2rem 0 0;
        }
        .tel-sec1{
            display: flex;
            align-items: center;
            padding:0;
            margin-bottom: 0.2rem;
            input{
                flex:2;
                height:0.6rem;
                border-radius: 0.08rem;
                outline: none;
                border:none;
                padding-left:0.2rem;
                background-color: rgba(255,255,255,0.2);
                color:rgba(255,255,255,0.5);
            }
            div{
                height:0.6rem;
                line-height:0.6rem;
                font-size: 0.26rem;
                color: #FFFFFF;
                background: #737373;
                box-shadow: 0 5px 28px 0 rgba(0,0,0,0.39);
                background-color: rgba(255,255,255,0.5);
                border-radius: 0.08rem;
                flex: 1;
                margin-left:0.2rem;
                cursor: pointer;
            }
        }
        .tel-bot{
            margin-top:0.7rem;
            .tel-main{
                display: flex;
                width:5rem;
                height:0.8rem;
                margin:0 auto;
                font-size: 0.3rem;
                color: #737373;
                p{
                    position: absolute;
                    right:0.45rem;
                    top:50%;
                    transform: translateY(-50%);
                    -webkit-transform: translateY(-50%);
                    margin:0;
                }
                a{
                    color: #737373;
                }
                i{
                    width:0.38rem;
                    height:0.38rem;
                    display: block;
                    position: absolute;
                    left:0.4rem;
                    top:50%;
                    transform: translateY(-50%);
                    -webkit-transform: translateY(-50%);
                }
                .tel-btn{
                    flex: 1;
                    border-radius: 1rem 0 0 1rem;
                    background-color: #fff;
                    border-right:1px solid #CDC9BE;
                    position: relative;
                    i{
                        background: url('http://skyforest.static.elab-plus.com/previewModel/counselor.png');
                        background-size: 100% 100%;
                    }
                }
                .coun-btn{
                    flex: 1;
                    border-radius: 0 1rem 1rem 0;
                    background-color: #fff;
                    position: relative;
                    i{
                        background: url('http://skyforest.static.elab-plus.com/previewModel/tel.png');
                        background-size: 100% 100%;
                    }
                }
            }
            .code-img{
                width:2.4rem;
                height:2.4rem;
                border:0.06rem solid #fff;
                box-sizing: border-box;
                -webkit-box-sizing: border-box;
                margin:1.6rem auto 0.4rem;
                display: block;
            }
            .text-code{
                font-size: 0.28rem;
                color: #C29D69;
                line-height:0.33rem;
                margin:0;
            }
            .text-adr{
                font-size: 0.28rem;
                color:#fff;
                opacity: 0.5;
                margin: 0 0 4px;
            }
            .tel-img{
                width:2.4rem;
                height:0.7rem;
                display: block;
                margin:0.3rem auto;
                background: url('http://skyforest.static.elab-plus.com/temp/template2/button_phone.png');
                background-size: 100% 100%;
            }
            .text-bot{
                font-size: 0.24rem;
                color:rgba(255,255,255,0.39);
                margin:0;
            }
            .edite-code{
                padding:1.22rem  0.4rem 0.46rem;
                position: relative;
                img{
                    width:1.11rem;
                    height:1.11rem;
                    background-color: #fff;
                    display: block;
                }
                .code-title{
                    width:4.8rem;
                    position: absolute;
                    bottom:0.46rem;
                    right:0;
                    .title{
                        font-size: 0.28rem;
                        color: #737373;
                        border-bottom:1px solid #737373;
                        margin:0;
                        line-height:0.4rem;
                    }
                    .sub-title{
                        font-size: 0.24rem;
                        color: #737373;
                        line-height:0.33rem;
                        margin:0;
                    }
                }
            }
        }
    }
}
