body,html,#app{
    max-width: 640px!important;
    background: #f4f4f4;
    color: #737373;
    height: auto;
}
#main{
    max-width: 640px!important;
    margin:0 auto;
    overflow: hidden;
    height:auto;
    background-color: #fff;
    .template-title{
        width:100%;
        height:12.68rem;
        position: relative;
        background: #E2E2E2;
        h2,.text-sub{
            position: absolute;
            width:89%;
            left:50%;
            font-weight: normal;
            margin:0;
            transform: translateX(-50%);
            -webkit-transform: translateX(-50%);
            z-index:2;
        }
        h2{
            font-size: 0.7rem;
            color: #232323;
            top:0.86rem;
        }
        .text-sub{
            font-size: 0.4rem;
            color: #232323;
            top:3rem;
        }
        .logo-img{
            width:1.62rem;
            height: 1.62rem;
            //height:0.44rem;
            position: absolute;
            top:5.8rem;
            left:6%;
        }
        .bg-img{
            max-width:7.5rem;
            position: absolute;
            top:1.34rem;
            left:0;
            z-index:1;
        }
        .text-bottom{
            width:52%;
            position: absolute;
            bottom:1.46rem;
            left:50%;
            transform:translateX(-50%);
            -webkit-transform:translateX(-50%);
            font-size: 0.28rem;
            color: #333333;
            margin:0;
            line-height:0.4rem;
        }
        .text-nav{
            width:100%;
            height:56px;
            line-height:56px;
            margin:0;
            background: #232323;
            position: absolute;
            left:0;
            bottom:0;
            font-size: 0.28rem;
            color: #FFFFFF;
        }
    }
    .min-sec{
        background: #F2F2F2;
        padding:1.2rem 0 0.76rem;
        .text-pad{
            padding:6px;
        }
        .text-title{
            max-width: 56%;
            padding:0 0.15rem;
            background: #693926;
            height:0.5rem;
            margin:0 0 0.15rem 34%;
            font-size: 0.34rem;
            color: #FFFFFF;
            line-height: 0.5rem;
        }
        .text-title1{
            max-width: 51%;
            border: 1px solid #979797;
            padding:0 0.15rem;
            height:0.5rem;
            line-height:0.5rem;
            margin:0 0 0.15rem 34%;
            font-size: 0.34rem;
            color: #693926;
        }
        .pic1-img{
            width:7.41rem;
            height:5.05rem;
            display: block;
            margin:0.29rem auto 0;
            position: relative;
            z-index: 2;
        }
        .pic-line{
            width:6.7rem;
            height:8.2rem;
            padding:0.1rem;
            border: 1px solid #979797;
            position: relative;
            z-index:1;
            margin:-13px auto 0;
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
            .top{
                height:2.85rem;
                position: relative;
                margin-bottom:0.5rem;
                img{
                    width:4.28rem;
                    height:2.85rem;
                    display: block;
                }
                p{
                    background: #232323;
                    //padding:6px;
                    font-size: 0.24rem;
                    color: #FFFFFF;
                    position: absolute;
                    top:1.79rem;
                    right:0.5rem;
                    margin:0;
                }
            }
            .bottom{
                height:4.65rem;
                position: relative;
                img{
                    width:3.65rem;
                    height:4.65rem;
                    float: right;
                }
                p{
                    background: #232323;
                    //padding:6px;
                    font-size: 0.24rem;
                    color: #FFFFFF;
                    position: absolute;
                    top:50%;
                    left:1.1rem;
                    transform:translateY(-50%);
                    -webkit-transform:translateY(-50%);
                    text-align: right;
                }
            }
        }
        .text-detail{
            width:6.7rem;
            font-size: 0.28rem;
            color: #333333;
            margin:0.5rem auto 1.2rem;
        }
        .pic4-img{
            width:5.48rem;
            height:4.91rem;
            display: block;
            margin:0 0.45rem 0 1.57rem;
        }
        .pic1-line{
            width:6.7rem;
            height:7.52rem;
            border:1px solid #979797;
            padding:0.1rem;
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
            margin:0 auto;
            .top{
                height:3.61rem;
                position: relative;
                margin-bottom:0.1rem;
                img{
                    width:5.41rem;
                    height:3.61rem;
                    display: block;
                }
                p{
                    width:0.46rem;
                    background: #232323;
                    //padding:3px;
                    word-break: break-word;
                    position: absolute;
                    right:0.3rem;
                    top:50%;
                    transform:translateY(-50%);
                    -webkit-transform:translateY(-50%);
                    font-size: 0.24rem;
                    color: #FFFFFF;
                }
            }
            .bottom{
                height:3.61rem;
                position: relative;
                img{
                    width:5.48rem;
                    height:3.61rem;
                    float: right;
                }
                p{
                    width:0.46rem;
                    background: #232323;
                    position: absolute;
                    //padding:3px;
                    bottom:0;
                    word-break: break-word;
                    left:0.2rem;
                    font-size: 0.24rem;
                    color: #FFFFFF;
                    margin:0;
                }
            }
        }
        .text-window{
            width:5.9rem;
            height:1.88rem;
            margin:1.2rem auto 0.4rem;
            border-top: 1px solid #979797;
            border-bottom: 1px solid #979797;
            position: relative;
            text-align: center;
            span{
                width:0.6rem;
                height:1.88rem;
                display: block;
                position: absolute;
                z-index:2;
                top:0;
            }
            .left{
                left:0;
                background: url('http://skyforest.static.elab-plus.com/temp/template10/title_bg_left.png');
                background-size: 100% 100%;
            }
            .right{
                right:0;
                background: url('http://skyforest.static.elab-plus.com/temp/template10/title_bg_right.png');
                background-size: 100% 100%;
            }
            p{
                width:76%;
                font-size: 0.28rem;
                position: absolute;
                top:50%;
                left:12%;
                margin:0;
                transform: translateY(-50%);
                -webkit-transform: translateY(-50%);
            }
        }
        .text-slide{
            width:52%;
            margin:0.4rem auto 0.55rem;
            font-size: 0.28rem;
            color: #333333;
            line-height:0.6rem;
        }
        .swiper-img1{
            width:7.46rem;
            height:7.55rem;
            margin:0.55rem auto 0;
            img{
                width:100%;
                height:100%;
            }
        }
    }
    // .tel-sec{
    //     background-color: #fff;
    //     padding:0.55rem 0.4rem 0.4rem;
    //     .tel-title{
    //         color:#999;
    //         font-size: 0.24rem;
    //         line-height:0.36rem;
    //         margin-top:0;
    //     }
    //     .counselor-sec{
    //         width:100%;
    //         padding:0.3rem 0;
    //         text-align: center;
    //         border-bottom:1px solid rgba(153,153,153,0.31);
    //         margin-bottom:0.57rem;
    //         cursor: pointer;
    //         img{
    //             width:3.73rem;
    //         }
    //     }
    //     .text-tel{
    //         color:#999;
    //         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(0,0,0,0.2);
    //             color:rgba(153,153,153,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(0,0,0,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:rbga(0,0,0,0.5);
    //             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(0,0,0,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;
    //                 }
    //             }
    //         }
    //     }
    // }
}
