.tempBox{
    background: #fff;
    width:7.5rem;
    border-top:0px solid red;
    margin:0 auto;
    p{
        margin:0;
        overflow: hidden;
        word-break: break-word;
        word-wrap: break-word;
    }
    .logo-img{
        width:7.5rem;
        height:13.44rem;
        position: relative;
        .bg-img{
            width:7.5rem;
            height:7.24rem;
            position: absolute;
            left:0;
            bottom:0;
            z-index:10;
        }
        p{
            position: absolute;
            left:50%;
            transform:translateX(-50%);
            -webkit-transform:translateX(-50%);
            z-index:11;
            text-align: center;
            margin:0;
        }
        .text-h{
            width:6.6rem;
            height:0.68rem;
            line-height:0.68rem;
            top:7.22rem;
            font-size: 0.6rem;
            color: #FFFFFF;
        }
        .text2-h{
            width:6.6rem;
            height:0.57rem;
            line-height:0.57rem;
            top:7.98rem;
            font-size: 0.5rem;
            color: #FFFFFF;
        }
        .text3-h{
            width:5.7rem;
            height:0.36rem;
            line-height:0.36rem;
            font-size: 0.3rem;
            color: #7EF0E5;
            top:8.86rem;
        }
        .text4-h{
            width:5.71rem;
            height:0.3rem;
            font-size: 0.24rem;
            color: #FFFFFF;
            top:10.37rem;
        }
        .text5-h{
            width: 5.71rem;
            height:0.3rem;
            font-size: 0.24rem;
            color: #FFFFFF;
            top:11rem;
        }
        .pic1-img{
            width:1.6rem;
            height:1.58rem;
            position: absolute;
            left:50%;
            overflow: hidden;
            transform:translateX(-50%);
            -webkit-transform:translateX(-50%);
            top:11.66rem;
            z-index:11;
            img{
                width:100%;
                max-height:158px;
            }
        }
    }
    .pic2-img{
        width:100%;
        height:5rem;
        margin-top:0.1rem;
        position: relative;
        img{
            width:100%;
            height:100%;
        }
    }
    .intro{
        width:100%;
        height:4.91rem;
        background-color: #E3EDEC;
        margin-bottom:0.1rem;
        position: relative;
        .left{
            width:1.5rem;
            height:3.69rem;
            position: absolute;
            top:0.3rem;
            left:0.3rem;
            img{
                width:100%;
                height:100%;
            }
        }
        .text8-h{
            width:4.81rem;
            height:2.56rem;
            position: absolute;
            right:0.4rem;
            top:1.06rem;
            font-size: 0.3rem;
            color: #333333;
        }
    }
    .text6-h{
        width:0.55rem;
        height:2.9rem;
        position: absolute;
        top:0.83rem;
        left:0.17rem;
        font-size: 0.5rem;
        color: #333333;
        overflow: hidden;
    }
    .text7-h{
        width:0.23rem!important;
        height:3rem!important;
        position: absolute;
        top:0.83rem;
        right:0.32rem;
        overflow: hidden;
        font-size: 0.3rem;
        color: #333333;
    }
    .mating{
        width:100%;
        padding:0.42rem 0.36rem 0.5rem;
        background-color: #E3EDEC;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        .big-img{
            width:100%;
            height:4.54rem;
            margin-bottom:0.3rem;
            img{
                width:6.69rem;
                height:4.46rem;
                border:2px solid #fff;
                box-sizing: border-box;
                -webkit-box-sizing: border-box;
            }
        }
        .mid-img{
            width:6.69rem;
            height:3.69rem;
            position: relative;
            margin-bottom:0.72rem;
            .l-img,.m-img{
                width:2.08rem;
                height:3.37rem;
                position: absolute;
                left:0;
                top:0.16rem;
                img{
                    width:2rem;
                    height:3.29rem;
                    border:2px solid #fff;
                }
            }
            .m-img{
                left:2.24rem;
            }
            .r-img{
                width:1.5rem;
                height:3.69rem;
                position: absolute;
                top:0;
                right:0;
                img{
                    width:100%;
                }
            }
        }
    }
    .text9-h{
        width:6.69rem;
        height:1.3rem;
        display: block;
        margin:0 auto;
        font-size: 0.3rem;
        color: #333333;
    }
    .pic6-img{
        width:7.5rem;
        height:5rem;
        position: relative;
        img{
            width:7.5rem;
            height:5rem;
        }
    }
    .gray-sec{
        width:7.5rem;
        height:0.5rem;
        background-color: #E3EDEC;
        margin-bottom:0.1rem;
    }
    .bottom-sec{
        width:7.5rem;
        background-color: #E3EDEC;
        padding:0.5rem 0.1rem;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        .top-sec{
            width:7.3rem;
            height:3.9rem;
            overflow: hidden;
            margin-bottom:0.3rem;
            .l-sec{
                widows: 2.41rem;
                height:3.9rem;
                position: relative;
                float: left;
                margin-right:0.09rem;
                img{
                    width:2.41rem;
                    height:3.9rem;
                }
            }
            .m-sec{
                width:2.35rem;
                height:3.9rem;
                float: left;
                margin-right: 0.1rem;
                position: relative;
                img{
                    width:2.35rem;
                    height:3.9rem;
                }
            }
            .r-sec{
                width:2.35rem;
                height:3.9rem;
                float: left;
                position: relative;
                img{
                    width:2.35rem;
                    height:3.9rem;
                }
            }
        }
        .mid-sec{
            width:6.7rem;
            height:4.54rem;
            margin:0 auto;
            position: relative;
            margin-bottom: 0.46rem;
            .left-sec{
                width: 1.5rem;
                height: 3.69rem;
                position: absolute;
                top:0;
                left:0;
                img{
                    width:100%;
                }
            }
            .rig-img{
                width:4.58rem;
                height:4.54rem;
                position: absolute;
                top:0;
                right:0;
                img{
                    width:4.5rem;
                    height:4.46rem;
                    border:2px solid #fff;
                }
            }
        }
        .text10-h{
            width:6.72rem;
            height:1.28rem;
            font-size: 0.3rem;
            color: #333333;
            display: block;
            margin:0 auto;
        }
    }
    .pic7-img,.pic8-img{
        width:7.5rem;
        height:5rem;
        position: relative;
        img{
            width:7.5rem;
            height:5rem;
        }
    }
}

