*{
    margin: 0;
    padding: 0;
}
i{
    font-style: normal;
}
html{   
   font-size: 62.5%;
   font-family: "PingFangSC-Regular","微软雅黑","宋体";
   margin: 0 auto;
}
.head{
    margin: 0 auto;
}

.home{
    height: 112px;
    background-color: rgba(255, 255, 255, 0.9);
    position: fixed;
    top: 0px;
    right: 0px;
    width: 100%;
    z-index: 2;
}
.android{
    background: url('../meistreet_index/美街官网-icon_01.png') no-repeat 10px 20px;
    background-color: #f8edec;
    padding-left: 24px;
}
.android:hover{
    color: rgb(109,109,109);
    background: url('../meistreet_index/美街官网-icon_06.png') no-repeat 10px 20px;
    background-color: #f8edec;
}
.ios{
    background: url('../meistreet_index/美街官网-icon_02.png') no-repeat 33px 20px;
    background-color: #f8edec;
    padding-left: 24px;
}
.ios:hover{
    color: rgb(109,109,109);
    background: url('../meistreet_index/美街官网-icon_07.png') no-repeat 33px 20px;
    background-color: #f8edec;
}
.list_color{
    float: left;
    background-color: #fff;
}
.home_logo{
    float: left;
    margin-left: 50px;
    height: 112px;
   line-height: 112px;
}
.home_logo h1{
   display: inline;
   font-size: 30px;
   color: rgb(29, 29, 29);
  margin-left: 20px;
  font-weight: 400;
  }
.home_logo img{
  vertical-align: middle;
  margin-bottom: 15px;
}
.home_tab ul{
    height: 112px;
    line-height: 112px;
}
.home_tab{
    float: right;
}
.home_tab li{
    float: left;
    margin-right: 70px;
}
li{
    list-style: none;
}
.home_wight{
    height: 112px;
    min-width: 1200px;
}
.home_tab li a{
    font-size: 18px;
    color: rgb(29, 29, 29);
    text-decoration: none;
}
.home_tab li a:hover{
    color: rgb(109,109,109)
}
.head_img{
    width: 100%;
    position: absolute;
    top: 0px;
    z-index: -1;
}
.head_content{
    width: 950px;
    margin: 0 auto;
}
.tog_font span{
    font-size: 50px;
    color: rgb(255,255,255);
    font-weight: 700;
    
}
.tog_font i{
    font-size: 27px;
    color: rgb(255,255,255);
}
.button_style{
    float: left;
    margin-left: 450px;
}
.button_style a{
    width: 173px;
    height: 70px;
    display: inline-block;
    font-size: 20px;
    text-decoration: none;
    background-color: #f8edec;
    line-height: 70px;
    text-align: center;
}
.android{
    color: rgb(48,48,48);
    background-color: #f8edec;
}
.ios{
    color: rgb(48,48,48);
    margin-top: 30px;
    background-color: #f8edec;
}
.style_color1{
    color: rgb(241,61,90);
    background-color: #f8edec;
    background: url('../meistreet_index/美街官网-icon_04.png')no-repeat 10px 20px;
}
.style_color2{
    color: rgb(241,61,90);
    background-color: #f8edec;
    background: url('../meistreet_index/美街官网-icon_05.png')no-repeat 33px 20px;
}
.button_style span{
    margin-right: 5px;
}
.tog_font{
    margin-left: 970px;
    margin-top: 230px;
    width: 500px;
}
.head_button{
    height: 380px;
    margin-left: 520px;
    margin-top: 60px;
    width: 900px;
}
.head_button .code{
    float: left;
    margin-left: 50px;
}
.code{
    float: right;
    text-align: center;
}
.code .code_text{
    color: #fff;
}
/* .head_img img{
    width: 100%;
} */
.carousel{
    margin-top: 70px;
}
.publicity{
    height: 2900px;
}
.publicity_list {
    height: 570px;
    margin-top: 150px;
}
.info_top{
    float: left;
    margin-top: 230px;
}
.info_right{
    float: right;
}
.info_top p{  
    font-size: 24px;;
    color: #666;
    margin-bottom: 30px;
    margin-top: 30px;
    margin-left: 38px;
    line-height: 36px;
}
.info_top i{
    margin-left: 38px;
}
.info_top span,
.info_top i{
    font-size: 50px;  
    color: #333;

}
.info_top span,.info_brand span{
    font-size: 50px;
    border-left: 8px solid #f13e59;
    padding-left: 30px;
    line-height: 45px;
    color: #333;
    display: inline-block;
    font-family: 'PingFangSC-Semibold', sans-serif;
}
.publicity_right{
    float: right;
    margin-top: 230px;
}
.publicity_left{
    float: left;
}
.carousel_info{
    margin-top: 50px;
}
.bottom_img{
    height: 510px;
    padding-top: 150px;
    background-size: cover;
    background-image: url("../meistreet_index/美街官网_07.png");
    width: 100%;
}
.bottom_text{
    height: 365px;
    width: 950px;
    margin: 0 auto;
    /* margin-top: 152px; */
    background-color: rgba(234, 89, 112, 0.9);
    border: 1px solid rgba(234, 89, 112, 0.9);
}
/* .bottom_info img{
    position: absolute;
    z-index: -2;
    left: 0px;
    width:100%;
} */
.imgs_bot h3 {
    color: #fff;
    font-size: 50px;
    text-align: center;
    margin-top: 65px;
    font-weight: 700;
}
.imgs_bot .txt_bot {
    display: block;
    color: #fff;
    font-size: 27px;
    text-align: center;
}
.imgs_lis {
    margin-left: 107px;
    margin-top: 50px;
}
.imgs_lis li {
    width: 100px;
    height: 100px;
    float: left;
    margin-left: 120px;
    list-style: none;
    text-align: center;
}
.imgs_lis li i {
    color: #fff;
    font-size: 18px;
}
.imgs_lis span {
    display: inline-block;
    width: 60px;
    height: 60px;
    margin: 0 10px;
}
.imgs_lis .logs1 {
    background: url("../meistreet_index/1.png")-6px 1px;
}
.imgs_lis .logs2 {
    background: url("../meistreet_index/2.png")-6px 1px;
}
.imgs_lis .logs3 {
    background: url("../meistreet_index/3.png")-6px 1px;
}
.bottom_stern{
    position: relative;
}
.stern_display{
    height: 55px;
    background-color: #444444; 
    width: 1903px;
    position: absolute;
    z-index: -2;
    width: 100%;

}
.stern{
    display: block;
     height: 55px;
    line-height: 55px;
     color: #fff;
     text-align: center;
}
.bottom_stern a{
    color: #fff;
    text-decoration: none;
}
.button_style img{
    vertical-align: middle;
}
.swiper-pagination-bullet{
    width: 26px;
    height: 6px;
    color: #d3d3d3;
    border-radius: 0px;
}
.swiper-pagination-bullet-active{
    background-color: #f23d5a;
}
/* 关于美街 */
.about{
    /* width: 100%; */
    height: 785px;
}
.about img{
    text-align: center;
}
.about_text{
    width: 1350px;
    height: 684px;   
    margin-top: 230px;
}
.about_txt{
    float: right;
    width: 1082px;
    height: 684px;
    background-color: rgba(255, 255, 255, 0.9);
    position: relative;
}
.mign{
    width: 1903;
    /* background: url("../meistreet_index/美街官网-关于美街.png") no-repeat; */
}
     
.about_ul{            
    width: 268px;
    height: 684px;
    background-color: rgba(12, 10, 10, 0.9);
    float: left;
    text-align: center;
}
.about_ul ul{
    padding: 76% 0 0 0
}
.about_ul li{
    list-style: none;
    font-size: 22px;
    margin-bottom: 35px;

}
.about_ul .lis{
    text-decoration: none;
    color: #fff;
}
.about_ul .lits{
    text-decoration: none;
    padding-bottom: 1px;
    border-bottom: 1px solid #fff;
    color: #fff;
}
.about_ul .lis1{
    text-decoration: none;
    padding-bottom: 2px;
    border-bottom: 1px solid #fff;
    color: #fff;
}
.txt{
    margin: 17% 5% 0 5%
}
.txt p{
    font-size: 18px;
    color: #666;
    margin-bottom: 2%;
    text-indent:2em;
    line-height: 30px;
    
}
.txt h3{
    margin-bottom: 1%;
    font-weight: 400;
    font-size: 22px;  
}

.mei_color1{
    background-color: #f13e59;
    color: #fff;
    font-weight: 700;
    border: none;    
}
.mei_color2{
    background-color: #666;
    color: #fff;
    font-weight: 700 ;  
    border: none;
}
.color1{
    color: #f13e59;
}
.color2{
    color: #666;
}
.txt1{
    display: block;
}
.txt2{
    display: none;
}
.txt3{
    display: none;
}
.txt4{
    display: none;
}
.btn1_img{
    position: absolute;
    top: 0px;
    left: 245px;
    text-align: center;
}
.btn1_img img{
    width: 130px;
    height: 130px;  
}
.btn1_img span{
    text-align: center;
    color: #fff;
}
.mign_centen{
    width: 1350px;
    margin: 0 auto;
}
.head_img img{
    width: 100%;
}
#lis1 a{
    text-decoration: block;
}
#lis2 a{
    text-decoration: none;
}
#lis3 a{
    text-decoration: none;
}
#lis4 a{
    text-decoration: none;
}
.address{
    height: 100px;
    width: 100%;
    text-align: center;
    margin-top: 50px;
}
.address span{
    color: #fff;
    font-size: 12px;
}
.baset{
    width: 30px;
    height: 5px;
    background-color: #fff;
    border-radius: 10%;
    margin: 0 auto;
    margin-top: 150px;
}
.tols{
    position: absolute;
    bottom: 0px;
    right: 30px;
}
.tols .tols1{
    display: inline-block;
    width: 130px;
    height: 53px;
    background: url("../meistreet_index/美街的由来.png") -50px 13px no-repeat;   
}
.tols .tols2{
    display: inline-block;
    width: 130px;
    height: 42px;
    background: url("../meistreet_index/美街的定位.png") -50px 0px no-repeat;   
}
.tols .tols3{
    display: inline-block;
    width: 177px;
    height: 44px;
    background: url("../meistreet_index/美街的优势.png") no-repeat;   
}
.tols .tols4{
    display: inline-block;
    width: 177px;
    height: 44px;
    background: url("../meistreet_index/美街核心支持体系.png") no-repeat;
}
/* 加入SVIP          */
.join_font>span{
    font-size: 48px;
    color: rgb(255,255,255);
}
.join_font{
    margin-left: 880px;
    margin-top: 170px;
    height: 362px;
    width: 500px;
}
.inform{
    margin-top: 70px;
}
.inform_home span{
    font-size: 36px;
    color: rgb(51,51,51);
    border-left: 8px solid #f13e59;
    padding-left: 30px;
}
.inform_text{
    margin: 0 auto;
}
.inform_text li{
    width: 400px;
    height: 125px;
    border: 1px solid #000;
    border-radius: 15px;
    margin-top: 30px;
    padding: 30px 25px;
}
.inform_text li:nth-child(1),.inform_text li:nth-child(3),.inform_text li:nth-child(5){
    float: left;
}
.inform_text li:nth-child(2),.inform_text li:nth-child(4){
    float: right;
}
.jion_content{
    height: 2060px;
}
.inform_text span{
    display: block;
    font-size: 24px;
    font-weight: 700;
    color: rgb(51,51,51);
    margin-bottom: 25px;
}
.inform_text i{
    font-size: 18px;
    color: rgb(102,102,102);
    line-height: 35px;
}
.explain{
    height: 890px;
    float: left;
    margin-top: 90px;
}
.inform_wey p{
    font-size: 20px;
    color: rgb(51, 51, 51);
    line-height: 35px;
    margin-bottom: 40px;  
}
.explain .inform_home{
    margin-bottom: 40px;  
}
.head_list{
    height: 2100px;
}
.inform_img{
    margin-bottom: 10px;
}
.join_list li{
    float: left;
    margin-right: 20px;
    text-align: center;
}
.join_text span{
    display: inline-block;
    height: 38px;
    width: 430px;
    background-color: #fff;
    border-radius: 15px;;
    text-align: center;
    line-height: 38px;
    font-size: 24px;
    color: rgb(242,88,69);
    margin-top: 25px;
}
.join_list{
    font-size: 14px;
    color: #fff;
    margin-top: 14px;
}
.join_list div{
    margin-bottom: 13px;
}
.share_text{
    margin-top: 500px;
}
.share_text span{
    font-size: 36px;
    color: rgb(51, 51, 51)
}
.share_text p{
    font-size: 18px;
    color: rgb(51,51,51);
    margin-top: 50px;
    line-height: 40px;
}
.share_left{
    float: left;
}
.share_right{
    float: right;
    margin-top: 295px;
}
.share_font{
    width: 270px;
    height: 190px;
    border: 2px dotted rgb(117,117,117);
    border-radius: 15px;
    padding: 30px 40px;
}
.share_font p{
    font-size: 18px;
    color: rgb(117,117,117);
    line-height: 30px;
}
.head_height{
    height: 1320px;
}
.share_buttom{
    float: left;
}
.share_buttom p{
    font-size: 18px;
    color: rgb(51,51,51);
    margin-top: 50px;
    line-height: 40px;
}
/* 加入我们 */
.join_us{
    height: 335px;
    color: #fff;
    position: relative;
    padding-top: 280px;
    margin-left: 490px;
    width: 700px;
}
.join_us span{
    font-size: 86px;
    position: absolute;
    left: -80px;
    top: 140px;
}
.join_us p{
    font-size: 18px;
    line-height: 40px;
}
.join_us .join_p{
    font-size: 22px;
    margin-bottom: 70px;
}
.joinUs_title{
    margin-top: 20px;
    height: 50px;
    background-color: #f3f3f3;
    line-height: 50px;
    font-size: 18px;
    color: rgb(51,51,51);
}
.joinUs_title span:nth-child(1){
    display: inline-block;
    width: 176px;
    padding-left: 20px;
}
.joinUs_title span:nth-child(2){
    margin-left: 34px;
}
.position_list li a{
    display: inline-block;
    width: 176px;
    height: 54px;
    line-height: 54px;
    font-size: 18px;
    color: rgb(51,51,51);
    text-decoration: none;
    padding-left: 20px;
    border-bottom: 1px solid #f3f3f3;
}
.position_list li a:hover{
    background-color: rgb(235,235,235)
}
.position_list{
    float: left;
    background-color: #fff;
    border-right: 1px solid #f3f3f3;
}
.referral p{
    font-size: 18px;
    color: rgb(51,51,51);
    margin-bottom: 30px;
    line-height: 30px;
}
.postoton_info{
    float: left;
    width: 720px;
    margin: 1px;
    padding-left: 30px;
    background-color: #fff;
}

.relation{
    height: 675px;
    width: 930px;
    padding-left: 20px;
    padding-top: 45px;
    background-color: rgba(255, 255, 255, 0.9);
    margin-top: 190px;
}
.relation_top{
    margin-top: 45px;
}
.relation_info{
    margin-top: 50px;
}
.relation_info span{
    font-size: 18px;
    color: rgb(51,51,51);
}
.relation_phone span:nth-child(1),.relation_emil span:nth-child(1){
    width: 500px;
    display: inline-block;
}
.microblog,.official{
    float: left;
    width: 200px;
    text-align: center;
}
.relation_emil{
    margin-top: 35px;
}
.attention{
    margin-top: 150px;
    font-size: 18px;
    color: rgb(51,51,51);
}
.microblog{
    margin-left: 210px;
}
.official{
    margin-left: 90px;
}
.relation_height{
    height: 880px;
}
/* 轮播 */
.swiper-container {
    width: 950px;
    height: 300px;
}
.home_tab li .home_a{
    color: rgb(242,61,90);
    /* text-decoration: underline; */
}
.referral{
    display: none;
}
.is_referral{
display: block;
}
.buttom_left{
    float: left;
    width: 100%;
}
.position_list li .color_text{
    color: rgb(0,153,255);
}
.color_hei{
    background-color: rgba(12, 10, 10, 0.9);
    z-index: -1;
}
.bottom_info{
    /* width: 1903px; */
    /* background-size: cover; */
    /* background-image: url(http://www.test.meistreet.com/static/html/meistreet_index/%E7%BE%8E%E8%A1%97%E5%AE%98%E7%BD%91_07.png); */
}