.margin-top{
     margin-top: 0.8rem !important;
}
 .tempBox{
     width:7.5rem;
     border-top:0rem solid red;
     margin:0 auto;
     background: #fff;
     .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;
    }
     p{
         -webkit-appearance: none;
         -ms-progress-appearance: none;
         appearance:none;
         margin: 0px;
         border:none;
         resize: none;
         word-break: break-all;
         text-overflow: ellipsis;
         overflow: hidden;
         background: transparent;
         word-wrap: break-word;
         word-break: break-word;
    }
     img{
         border: 0;
         vertical-align: bottom;
    }
     .contain{
         position: relative;
    }
     .banner1{
         padding-top: 0.43rem;
         position: relative;
         .pic1{
             width: 100%;
             height: 11.39rem;
        }
         .logo{
             width:1.1rem;
             height:1.1rem;
             position: relative;
             margin-left: 0.31rem;
             font-size: 0px;
            //  img{
            //      width: 1.62rem;
            //      height: 0.44rem;
            // }
        }
         .title{
             width: 6.9rem;
             position: relative;
             margin-top: 0.99rem;
             padding: 0rem 0.3rem;
             // background: rgba(255,255,255,0.7);
             // border: 5px solid #DEDEDE;
             z-index: 15;
             .title_big{
                 position: relative;
                 width: 100%;
                 font-size: 0.7rem;
                 color: #232323;
                 line-height: 0.8rem;
                 font-weight: bolder;
            }
             .title_small{
                 position: relative;
                 width: 100%;
                 font-size: 0.5rem;
                 color: #111111;
                 // letter-spacing: 1.0.79rem;
                 line-height: 0.7rem;
            }
        }
    }
     .banner2{
         position: relative;
         width: 100%;
         box-sizing: border-box;
         padding: 0rem 0.3rem;
         margin-top: 0.48rem;
         .row1{
             width: 100%;
             height: 5.19rem;
             box-sizing: border-box;
             .item{
                 position: absolute;
                 width: 3.45rem;
                 box-sizing: border-box;
                 height: 5.19rem;
                 img{
                     width:100%;
                    height:100%
                 }
            }
             .left{
                 // left:0rem;
                 background: #F5F5F5;
                 .text1{
                     line-height:0.348rem; ;
                     position: absolute;
                     padding-top:0.8rem;
                     left: 0.27rem;
                     width: 2.79rem;
                     overflow:hidden;
                     height: 3.19rem;
                     font-size: 0.28rem;
                     color: #666666;
                     letter-spacing: 0;
                     text-align: justify;
                }
            }
             .right{
                 left: 50%;
                 // left: 50%;
            }
             .right img{
                 width: 100%;
                 height: 100%;
            }
        }
         .row2{
             position: relative;
             width: 100%;
             height: 2.02rem;
             box-sizing: border-box;
             margin-top: -0.98rem;
             .item{
                 position: absolute;
                 box-sizing: border-box;
                 height: 2.02rem;
            }
             .left img{
                 width: 4.32rem;
                 height: 2.02rem;
            }
             .right{
                 // background: #F5F5F5;
                 width: 2.58rem;
                 left:4.32rem;
                 // bottom: 0.27rem;
                 .text2{
                     position: absolute;
                     -webkit-box-sizing: border-box;
                     box-sizing: border-box;
                     padding-left: 0.15rem;
                     bottom: 0rem;
                     width: 100%;
                     // height: 1.29rem;
                     font-size: 0.28rem;
                     color: #232323;
                     // letter-spacing: 0.0.71rem;
                }
            }
        }
         .row3{
             width: 100%;
             position: relative;
             -webkit-box-sizing: border-box;
             box-sizing: border-box;
             height: 3.91rem;
             background: #F5F5F5;
             padding: 0.44rem 0.3rem;
             // display: flex;
             display: flex;
             flex-direction: row;
             justify-content:space-between;
             align-items:center;
             .left{
                 width: 0.8rem;
                 -webkit-box-sizing: border-box;
                 box-sizing: border-box;
                 .text3{
                     -webkit-box-sizing: border-box;
                     box-sizing: border-box;
                     padding: 0.24rem;
                     background: #232323;
                     font-size: 0.32rem;
                     color: #FFFFFF;
                     letter-spacing: 0;
                     text-align: justify;
                     height: 3.03rem;
                }
            }
             .right{
                 width: 5.2rem;
                 margin-left: 0.54rem;
                 -webkit-box-sizing: border-box;
                 box-sizing: border-box;
                 // padding: 1rem 0rem;
                 // padding-left: 0.6rem;
                 // padding-right: 0rem;
                 // padding-right: .text4{
                     width: 4.66rem;
                     height: 1.9rem;
                     font-size: 0.28rem;
                     color: #333333;
                     letter-spacing: 0;
                     text-align: justify;
                 p{
                     height:100%;
                     overflow: hidden;
                     line-height:0.475rem ;
                 }

                }
            }
        }
    }
     .banner3{
         position: relative;
         width: 100%;
         box-sizing: border-box;
         padding: 0rem 0.3rem;
         margin-bottom: 1rem;
         .title{
             margin-top: 0.85rem;
             margin-bottom: 0.3rem;
             text-align: center;
             height: 0.56rem;
             line-height: 0.56rem;
             -webkit-box-sizing: border-box;
             box-sizing: border-box;
             width: 100%;
             font-size: 0.4rem;
             color: #232323;
             // letter-spacing: 0.0.71rem;
        }
         .carousel1{
             width: 6.9rem;
             height: 4.53rem;
             overflow: hidden;
             img{
                 width: 100%;
            }
        }
         .tip8{
             width: 0.83rem;
             height: 5.8rem;
             position: absolute;
             top: 1.1rem;
             right:0.88rem;
             background: rgba(255,255,255,.7);
             border: 5px solid #DEDEDE;
             font-family: STSongti-SC-Black;
             font-size: 0.6rem;
             color: #161616;
             letter-spacing: 0;
             line-height: 0.7rem;
             z-index: 18;
             box-sizing: border-box;
             padding: 0.6rem 0.15rem;
             font-weight: 600;
        }
         .litter{
             font-size: 0.24rem;
             color: #FFFFFF;
             letter-spacing: 0;
             text-align: justify;
             background: #232323;
             width: 1.46rem;
             height: 0.63rem;
             line-height: 0.63rem;
             text-align: center;
             position: absolute;
             right: 0rem;
             bottom:0rem;
             z-index: 999;
        }
    }
     .banner4{
         position: relative;
         width: 100%;
         box-sizing: border-box;
         padding: 0rem 0.3rem;
         .row1{
             width: 100%;
             position: relative;
             display: flex;
             flex-direction: row;
             justify-content:space-between;
             align-items:flex-start;
             .left{
                 width: 3.15rem;
                 -webkit-box-sizing: border-box;
                 box-sizing: border-box;
                 .text5{
                     width:3.15rem;
                     height: 0.68rem;
                     text-align: center;
                     line-height: 0.68rem;
                     -webkit-box-sizing: border-box;
                     box-sizing: border-box;
                     background: #232323;
                     font-size: 0.4rem;
                     color: #FFFFFF;
                     letter-spacing: 0;
                     text-align: justify;
                }
                 .text6{
                     margin-top: 0.2rem;
                     width: 3.15rem;
                     // height: 1.29rem;
                     font-size: 0.28rem;
                     color: #666666;
                     letter-spacing: 0;
                     text-align: justify;
                }
            }
             .right{
                 position: relative;
                 width: 3.17rem;
                 height: 2.14rem;
                 margin-left: 0.57rem;
                 -webkit-box-sizing: border-box;
                 box-sizing: border-box;
            }
             .right img{
                 width: 3.17rem;
                 height: 2.14rem;
            }
        }
         .row2{
             margin-top: 0.3rem;
             background: #F5F5F5;
             height: 3.05rem;
             width: 100%;
             .imgrow2{
                 position: relative;
                 width: 5.42rem;
                 height: 3.05rem;
                 img{
                     width: 5.42rem;
                     height: 3.05rem;
                }
            }
        }
         .row3{
             margin-top: 0.3rem;
             width: 100%;
             .up{
                 position: relative;
                 width: 100%;
                 // height: 3.05rem;
                 img{
                     width: 100%;
                     height: 4.6rem;
                }
            }
             .down{
                 margin-top: 0.3rem;
                 .text7{
                     width: 100%;
                     height: 2.1rem;
                     -webkit-box-sizing: border-box;
                     box-sizing: border-box;
                     // background: #232323;
                     font-size: 0.28rem;
                     color: #333333;
                     letter-spacing: 0;
                     text-align: justify;
                }
            }
        }
    }
     .banner5{
         margin-top: 1rem;
         position: relative;
         width: 100%;
         box-sizing: border-box;
         padding: 0rem 0.3rem;
         .row1{
             width: 100%;
             position: relative;
             display: flex;
             flex-direction: row;
             justify-content:space-between;
             align-items:flex-start;
             .left{
                 width: 2.72rem;
                 -webkit-box-sizing: border-box;
                 box-sizing: border-box;
                 .text8{
                     width: 2.72rem;
                     height: 0.68rem;
                     text-align: center;
                     line-height: 0.68rem;
                     -webkit-box-sizing: border-box;
                     box-sizing: border-box;
                     background: #232323;
                     font-size: 0.4rem;
                     color: #FFFFFF;
                     letter-spacing: 0;
                     text-align: justify;
                }
                 .text9{
                     margin-top: 1rem;
                     width: 2.72rem;
                     height: 2rem;
                     line-height:0.34rem;
                     font-size: 0.28rem;
                     color: #666666;
                     letter-spacing: 0;
                     text-align: justify;
                }
            }
             .right{
                 position: relative;
                 width: 3.65rem;
                 height: 4.65rem;
                 // margin-left: 0.57rem;
                 -webkit-box-sizing: border-box;
                 box-sizing: border-box;
            }
             .right img{
                 width: 3.65rem;
                 height: 4.65rem;
            }
        }
         .row2{
             margin-top: 0.3rem;
             width: 100%;
             .up{
                 position: relative;
                 width: 100%;
                 // height: 3.05rem;
                 img{
                     width: 100%;
                     height: 4.6rem;
                }
            }
             .down{
                 margin-top: 0.3rem;
                 .text10{
                     width: 100%;
                     height: 2.4rem;
                     line-height: 0.4rem;
                     -webkit-box-sizing: border-box;
                     box-sizing: border-box;
                     // background: #232323;
                     font-size: 0.28rem;
                     color: #333333;
                     letter-spacing: 0;
                     text-align: justify;
                }
            }
        }
    }
     .banner6{
         margin-top: 1rem;
         // margin-bottom: 0.8rem;
         position: relative;
         width: 100%;
         box-sizing: border-box;
         padding: 0rem 0.3rem;
         .row1{
             margin-bottom:0.5rem;
             margin-top: 0.3rem;
             width: 100%;
             .up{
                 position: relative;
                 width: 100%;
                 // height: 3.05rem;
                 img{
                     width: 100%;
                     height: 4.6rem;
                }
            }
             .down{
                 overflow:hidden;
                 color: #FFFFFF;
                 background: #232323;
                 .title{
                     margin-top: 0.5rem;
                     margin-bottom: 0.2rem;
                     -webkit-box-sizing: border-box;
                     box-sizing: border-box;
                     font-size: 0.4rem;
                     height: 0.56rem;
                     line-height: 0.56rem;
                     letter-spacing: 0;
                     text-align: center;
                     width: 100%;
                     color: #FFFFFF;
                }
                 .text{
                     margin-bottom: 0.3rem;
                     padding: 0rem 0.3rem;
                     width: 100%;
                     height: 2.1rem;
                     line-height: 0.3rem;
                     -webkit-box-sizing: border-box;
                     box-sizing: border-box;
                     color: #FFFFFF;
                     font-size: 0.28rem;
                     letter-spacing: 0;
                     text-align: justify;
                }
            }
        }
    }
     .banner7{
         width: 100%;
         position: relative;
         margin-bottom: 0.2rem;
         .pic5{
             width: 7.5rem;
             height: 10.3rem;
        }
         ._litter2{
             width: 0.65rem;
             height: 3.45rem;
             padding: 0 0.5rem;
             font-family: STSongti-SC-Black;
             font-size: 0.6rem;
             color: #161616;
             letter-spacing: 0;
             line-height: 0.7rem;
             background: rgba(255,255,255,.7);
             border: 5px solid #DEDEDE;
             position: absolute;
             top: 1.75rem;
             left: 4.97rem;
             z-index: 16;
             font-weight: 600;
             padding-top: 0.74rem;
        }
    }
     .banner8{
         width: 100%;
         position: relative;
         margin-bottom: 0.4rem;
         .pic6{
             width: 7.5rem;
             height: 4.95rem;
        }
    }
     .banner9{
         position: relative;
         margin-right: 0.35rem;
         .top_tip{
             font-family: PingFangSC-Regular;
             font-size: 0.34rem;
             color: #333333;
             letter-spacing: 0;
             line-height: 0.46rem;
             width: 5.13rem;
             height: 4.62rem;
             margin: 0rem 1.67rem 0.4rem 0.7rem;
             padding-top: 1.37rem;
             padding-left: 0.2rem;
             box-sizing: border-box;
        }
         .pic7{
             width: 6.35rem;
             height: 4.96rem;
             margin-right: 1.13rem;
        }
    }
    .foot{
         padding-top: 0.3rem;
         margin-top: 0.7rem;
    }

 .el-carousel__item img{
}
