body {
  margin: 0;
  padding: 0;
  font-family: 'Pingfang SC', 'Microsoft YaHei', '微软雅黑', '黑体', Arial, sans-serif;
}
a {
  text-decoration: none;

}
button {
  font-family: 'Pingfang SC', 'Microsoft YaHei', '微软雅黑', '黑体', Arial, sans-serif;
}
#app {
  font-family: PingFang SC, Microsoft YaHei, \\5fae\8f6f\96c5\9ed1, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
}
h1,
h2 {
  font-weight: 400;
}
ul {
  list-style-type: none;
  padding: 0;
}
li {
  display: inline-block;
  margin: 0 10px;
}
a {
  color: #fff;
}
a {

  text-decoration: none;
}
a:link {
  text-decoration: none;
}
　　 a:active {
  text-decoration: blink;
}
　　 a:hover {
  text-decoration: underline;
}
　　 a:visited {
  text-decoration: none;
}
p{margin: 0;padding: 0}
h1,h2,h3,h4,h5,h5,h6{margin: 0;padding: 0}
input::-webkit-input-placeholder,#remark::-webkit-input-placeholder{
  color:#999;
}
input::-moz-placeholder,#remark::-moz-placeholder{   /* Mozilla Firefox 19+ */
  color:#999;
}
input:-moz-placeholder,#remark:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
  color:#999;
}
input:-ms-input-placeholder,#remark:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
  color:#999;
}
input{outline: none}
i{  font-style: normal;}
.m_w{width: 1200px;margin: 0 auto}
.mt_t40{
  margin-top: 40px
}
.fl{float: left;}
.fr{float:right;}
.header_fixed {
  position: fixed;
  width: 100%;
  height: 72px;
  top: 0;
  left: 0;
  z-index: 10;
  background-color: white;
  box-shadow: 0 5px 10px 0 rgba(30,35,47,0.06);
}
header {
  height: 72px;
  width: 1200px;
  margin: 0 auto;
  display: flex;
  position: relative;
}
header .logo {
  display: flex;
  align-content: center;
  height: 37px;
  margin-top: 18.5px;
  cursor: pointer;
}
header .menus {
  position: absolute;
  right: 0;
  color: #333;
  /* width: 860px */
}
.menus .menu {
  /* width: 120px; */
  line-height: 72px;
  display: inline-block;
  position: relative;
  cursor: pointer;
  text-align: center;
  font-size: 14px;
  margin-right: 43px;
}
.menus .menu:hover{
  color: #999;
}
.PhoneEar{
  font-size: 12px;
  color: #F55E53;
  height: 14px;
}
.menus .fw{margin-right: 27px;}
.menus .linner{
width: 1px;
height: 14px;
display: inline-block;
background: #DDDDDD;
position: relative;
    top: 3px;
}
.menus .hot{margin-left: 3px;width: 10px;height: 12px;}
.menus .bl{font-weight: 500}
.menus .gy{margin-left: 27px}
.menus .phone-number{font-size: 16px}
.menus .menu.phone-number {
  margin-left: 17px;
  cursor: auto;
  margin-right: 0;
}
.menus .menu .phone {
  display: inline-block;
  position: absolute;
  top: 23px;
  cursor: auto;
  margin-right: 10px;
}
.phone-number span{display: inline-block; margin-left: 32px;}
.select {
  font-weight: 700;
  color: #999;
}
.select span {
  width: 10px;
  position: absolute;
  border-bottom: 3px black solid;
  left: 55px;
  top: 45px;
}
.mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.65);
  z-index: 100;
}
.mask .popup {
  margin: 120px 0 0;
}
.mask .closebtn {
  /* display: flex; */
  margin: 20px 0 auto;
}
.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.5s;
}
.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
  opacity: 0;
}
.info_bg {
  height: 128px;
  padding: 48px 0 32px;
  background-color: #333;
}
.info {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  color: #999;
  text-align: left;
}
.info .s1 {
  font-size: 20px;
  /* font-weight: 700; */
}
.info .s2 {
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  margin-top: 30px;
}
.info .logo {
  text-align: center;
  height: 50px;
  margin-top: 38px;
}
.info .qr {
  height: 100px;
  margin-top: 8px;
}
.info .s3 {
  font-size: 10px;
  padding-right: 8px;
}
.info .footerS3{
  width: 102px;
  float: right; 
  text-align: center;
  padding-right: 0;
  font-size: 14px;}
.bottom {
  height: 40px;
  line-height: 40px;
  background-color: #181818;
  font-size: 10px;
  color: #ccc;
  text-align: center;
}
.FriendshipLink{
  background-color: #181818;
}
.footermenu {
  font-size: 14px;
  margin-left: -14px;
}
.footermenu span {
  padding: 0 14px;
  cursor: pointer;
}
input[type='number']::-webkit-outer-spin-button,
input[type='number']::-webkit-inner-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}
input[type='number'] {
  -moz-appearance: textfield;
  appearance: textfield;
}
.banner-swiper {
  width: 100%;
}
.swiper-img {
  width: 100%;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url('../images/left.btn.png') !important;
  left: 0 !important;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url('../images/right.btn.png') !important;
  right: 0 !important;
}
.swiper-button-prev,
.swiper-button-next {
  width: 40px !important;
  height: 40px !important;
  margin-top: -25px;
  background-size: 40px 40px !important;
}
.category {
  width: 1200px;
  margin: 0 auto;
  height: 144px;
  text-align: center;
  background: #FFFFFF;
box-shadow: 0 5px 15px 0 rgba(30,35,47,0.10);
position: relative;
z-index: 9;
  margin-top: -27px;
}
.category .cat {
  width: 240px;
  /* border: 1px solid sienna; */
float: left;
  height: 100%;
  cursor: pointer;
}
/* banner */
.indexBanner {
  width: 100%;
  height: 450px;
  margin-top: 72px;
  position: relative;
  overflow: hidden;
  text-align: center;
  background: #F6F6F6;
}
.BannerSwiper-container{
  max-width: 1920px;
  min-width: 1200px;
}
/* .indexBanner img{
  width: 100%;
} */
.cat img {
  /* margin: 29px 0 0; */
  position: absolute;
  right: 0;
  margin-bottom: 32px
}
.select_host{
  /* margin-top: 64px; */
  display: flex}
  .select_host_tit{
    font-size: 24px;
    color: #333333;
    margin-top: 64px;
  margin-bottom:32px 
  }
  .more{
    border: 1px solid #EEEEEE;
    border-radius: 1px;
    width: 88px;
    height: 32px;
    line-height: 32px;
    display: inline-block;
    text-align: center;
    font-size: 13px;
    color: #666;
    float: right;
    font-weight: 300;
    cursor: pointer;
    transition: all .2s linear;
  }
  .more:hover,.more:hover a{
    border-color: #F55E53;
    color: #F55E53!important;
    transition: all .2s linear;
  }
.swiper-container1{
  width: 400px;
  height: 266px;
  overflow: hidden;
  margin: 0!important;
}
.select_img{width: 100%;transition:all .5s linear; }
.select_tit{
  width: 89%;
  height: 80px;
  position: absolute;
  bottom: 0;
  font-size: 20px;
  color: #FFFFFF;
  margin: 0;
  font-weight: 300;
  padding: 0 24px 0 20px ;
  background-image: linear-gradient(-180deg, rgba(0,0,0,0.00) 0%, rgba(0,0,0,0.60) 98%);
}
.select_tit span{
  margin-top: 42px;
  display: inline-flex
}
.select_tit span i{
  font-size: 12px;
  margin-left: 4px;
  margin-top: 7px;
}
.select_itemRow{
  margin-left: 10px;
  width: 860px;
}
.select_itemRow .select_item{
  padding: 10px 10px;
  width: 375px;
  height: 125px;
  margin-top: -10px;
  margin-bottom: 5px;
}
.select_item{
  transition: all 0.6s;
}
.select_item_img{
  width: 188px;
  height: 125px;
overflow: hidden;
}
.select_infoBox{
  margin-left: 20px;
  width: 177px;
}
.select_infoBox h4,.indexIndustry_item h4,.select_infoBox h2,.indexIndustry_item h2{
  font-size: 20px;
  color: #333333!important;
}
.select_infoBox h4 a,.indexIndustry_item h4 a,.select_infoBox h2 a,.indexIndustry_item h2 a{
  color: #333333!important;
}
.select_p1{
  font-size: 14px;
color: #666666;
line-height: 24px;
height: 24px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.TopTagIcon{
  width: 56px;
  height: 24px;
}
.select_p2{
  font-size: 12px;
color: #999999;
line-height: 35px;
}
.select_p3{
margin-top: 6px
}
.Sjoin_meony {
  color: #F55E53 ;
  font-size: 12px;
}
.Sjoin_meony i{font-size: 20px;
}
.join_btn {
  font-size: 12px;
  height: 28px;
  width: 72px;
  text-align: center;
  line-height: 28px;
  cursor: pointer;
  background: #333333;
  border-radius: 1px;
  color: #fff;
  float: right;
  cursor: pointer;
}
.bannerMIn{
  min-width: 1200px;
  max-width: 100%;
  height: 450px;
}
.select_item_img .selecthotIMg{width: 100%;}
.select_brandTage{
  position: absolute;
  z-index: 9;
}
.select_item:hover{
  box-shadow: 0 5px 15px 0 rgba(30,35,47,0.10);
  transition: all 0.6s;
}
.Newindex_inImg:hover a .select_img,.news-Img:hover a .select_img,.new-side-img:hover img,.host-Img:hover a img,.news-Img:hover a img,.host-Img:hover img{
  transform: scale(1.1);transition: all 0.6s;}
.select_item:hover .selecthotIMg,.indexIndustry_item:hover .index_inImg .select_img,
.index-newsItem:hover .index-newsItem-IMg .select_img,.new-ri-banner:hover .select_img,.hyh_img:hover a img{
  transform: scale(1.1);transition: all 0.6s;}
.select_item_img:hover .select_img,
.swiper-slide:hover .select_img,
.news-Img:hover img,
.Newindex_inImg:hover .select_img,
.fis_banner:hover a .select_img,
.newBanner_two_item:hover a .select_img,
.select_item:hover .select_img,
.host-list-item:hover .host-Img a img,
.host-list-item:hover .host-Img img,
#try .fl:hover .select_img,
.indexIndustry_item:hover .select_img,
.news-list-item:hover .news-Img img,
.newsLis .fl:hover .select_img,
.news—right—side-item:hover .new-side-img .select_img{
  transform: scale(1.1);transition: all 0.6s;
}
.news-Img:hover img{
border:none 
}
/* 按商机选需求 */
.Host_industry,.index-news{
  background: #F8F8F8;
  padding-top: 40px;
  height: 416px;
}
.Host_industry{
  margin-top: 48px;
  overflow: hidden;
  height: 400px;
}
.index_Host_title{
  color: #333333;
  font-size: 24px;
  line-height: 32px;
}
.host_classify,.host_classify li{margin: 0}
.host_classify li {
  border: 1px solid #EEEEEE;
  border-radius: 1px;
  width: 86px;
  height: 30px;
  line-height: 32px;
  margin-left: 7px;
  font-size: 13px;
  text-align: center;
  cursor: pointer;
color: #666
}
.tryIcon{
  display: inline-block;
  background: url('../images/tryIcon.png');
  width: 12px;
  height: 12px;
  background-size: 100% 100%;
}
.chage:hover .tryIcon{
  background: url('../images/tryIconhover.png');
  background-size: 100% 100%;
}
.diandao{
  transform: rotate(180deg);
}
.host_classify li:hover{
  color: #F55E53;
  border: 1px solid #F55E53;
}
.host_classify li:hover a{
  color: #F55E53 !important;
}
.host_classify .active {
  color: #F55E53;
  border: 1px solid #F55E53;
}
.Host_industry_list{
  overflow: hidden;
margin-top: 28px;
width: 1220px;
margin-left: -10px;
display: none
}
.index_inImg{
  width: 285px;
  height: 190px;
  overflow: hidden;
}
.indexIndustryTit{
 margin-top: 16px;
 color: #333!important;
}
.indexIndustryTit a{
  color: #333!important;
}
.indexIndustry_item{ width: 284px;margin:0 0 32px 0px;padding: 8px;transition:all .5s linear;}
.indexIndustry_item:hover,
.host-list-item:hover,
#try li:hover,
.newsLis li:hover
{
  box-shadow: 0 5px 15px 0 rgba(30,35,47,0.10);
  transition:all .5s linear
  /* border-bottom: 1px solid #eee; */
}
.news—right—side-item:hover{
  box-shadow: 0 5px 5px 3px rgba(30,35,47,0.10);
  transition:all .5s linear
}
.service-content{
  height: 166px;
    background: url('../images/baozhangbg.png');
    margin-top: 24px;
}
.service-content-item{
  float: left;
  height: 120px;
  color: #91530D;
  margin: 25px 0 0 0;
}
.service-content-item,.lc-content-item{
  width: 299px;
  text-align: center;
}
.HomserviceIcon{
  width: 64px;
  height: 64px;
}
.lc2Icon{
  width: 30px;
  height: 30px;
}
.lc3-1{
  width: 49px;
  height: 9px;
}
.float-img{
  width: 32px;
  height: 32px;
}
.service-item-main{
  line-height: 18px;
  margin-top: 5px;
  font-size: 18px
}
.service-item-subtitle{
  font-size: 12px;
  margin-top: 11px;
  opacity: .6;
}
.index-news{
  margin-top: 62px
}
.select_host_tit{
  margin-top: -6px; 
}
.index-newsMain{
  width: 1220px;
  margin-left: -10px;
  overflow: hidden;
}
.index-newsItem,.index-newsItem-IMg{
  width: 285px;
}
.index-newsItem-IMg{
  overflow: hidden;
}
.index-newsItem{
  height:312px;
}
.index-newsItem-IMg{
height: 190px;
}
.select_item_img,.index_inImg,.index_inImg,.index-newsItem-IMg,.host-Img,.new-side-img,.hyh_img,.news-Img{
  background: url(../images/Bitmap.png)no-repeat;
  background-size:100%
}
.web_content{
  background: url(../images/Bitmap.png)no-repeat center top;
}
.index-newsItem-content{
  margin:-15px 8px 0;
  padding: 15px 16px 16px;
  color: #999;
  background: #fff;
  position: relative;
  transition:all .5s linear;
  height: 107px;}
.index-newsItem-content{
  font-size: 12px
}
.index-news-title{
  font-size: 14px;
color: #333333;
}
.index-news-info{
height: 37px;
overflow: hidden;
margin-top: 10px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    
}
.index-newsItem:hover .index-newsItem-content{
  box-shadow: 0 5px 15px 0 rgba(30,35,47,0.10);
}
.lc-content{
  overflow: hidden
}
.lc-content-item {
  position: relative;
  margin: 0;
  width: 300px;
}
.lc-content-item .lc-content-tit{
  font-size: 18px;
  line-height: 25px;
  margin-top: 5px;
  color: #454545;
}
.lc-content-item .lc-content-info{
  font-size: 12px;
  color: #999999;
}
.lcItem2-1{
  position: absolute;
  top: 80px
}
.lc2-1{
  left: 70px;
}
.lc2-2{
  left: 49px;
}
.lc2-4{
  left: 65px;
}
.lc3-1{
  position: absolute;
  right: 0;
  top: 47px;
}
.hostRow{
  position: relative;
    width: 64px;
    height: 64px;
    overflow: hidden;
    /* margin-top: 27px; */
    margin: 0 auto;
    margin-top: 27px;
    transition: .2S all linear;
}
.rotate{
position: absolute;
right: 0;
top: 0;
transition: .2S all linear;
width: 64px;
height: 64px;
}
.cat .hostRow:hover{
  margin-top: 19px;
  /* border: 1px solid red */
}
.InhostRow{color: #333}
 .cat:hover .InhostRow h2{
  font-weight: 700;
}
.cat:hover .hostRow{
  margin-top: 19px;
}
.bast_show {
  height: 120px;
  background-color: black;
  display: flex;
}
.bast_show img {
  align-content: center;
  height: 50px;
  margin: 35px auto;
}
.host_index {
  width: 100%;
}
.host_index img {
  width: 100%;
  display: flex;
  cursor: pointer;
}
.contact_us {
  height: 40px;
  padding: 40px 0;
  display: flex;
  width: 1000px;
  margin: 0 auto;
}
.contact_us .s1 {
  font-weight: 700;
  font-size: 15px;
  text-align: left;
  padding: 0 0 8px 0;
}
.contact_us .s2 {
  font-size: 12px;
  text-align: left;
}
.contact_us input {
  height: 38px;
  border: 1px solid #999;
  text-align: left;
  outline: none;
  padding: 0 0 0 5px;
  font-size: 12px;
}
.contact_us .btn1 {
  width: 90px;
  background-color: #333;
  height: 40px;
  border: none;
  font-size: 14px;
  text-align: center;
  color: #fff;
  padding: 0;
  line-height: 12px;
}
.contact_us .btn2 {
  width: 90px;
  background-color: #ccc;
  height: 40px;
  border: none;
  text-align: center;
  color: #fff;
  padding: 0;
  line-height: 12px;
  font-size: 14px;
  font-weight: 700;
  /* float: right; */
}
.swiper-pagination-bullet-active {
  background-color: #fff;
}
.jointo {
  text-align: center;
}
.joinus_banner {
  width: 100%;
  margin-top: 60px;
}
.joinus_content {
  margin: 20px auto;
}
.aboutus_banner {
  width: 100%;
  margin-top: 60px;
}
.aboutus_content {
  width: 1000px;
  margin: 60px auto;
}
.tese {
  display: inline-block;
  width: 140px;
  margin: 0 10px;
}
.tese .t {
  margin: 20px auto;
  font-weight: 700;
  text-align: center;
}
.tese .c {
  font-size: 12px;
}
.hosts_banner {
  width: 100%;
}
.hosts {
  width: 1000px;
  margin: 0 auto;
  min-height: 500px;
  color: #666;
}
/* 占位符 */
.palceholder {
  flex: 40;
  position: relative;
  top: 100px;
  text-align: center;
}
.palceholder p {
  font-size: 16px;
  color: #999;
}
/* 商机列表 -------*/
.clearfix:before, .clearfix:after {
  content: '';
  display: table;
}
.clearfix:before, .clearfix:after {
  content: '';
  display: table;
}
.clearfix:after {
  clear: both;
  display: block;
}
.clearfix:after {
  content: '.';
  display: block;
  display: inline-block;
  visibility: hidden;
  clear: both;
  height: 0px;
  font-size: 0;
  line-height: 0px
}
.hosts_wrap{
  overflow: hidden
}
.hosts_l{
  width: 840px;
}
.hosts_nav,.hosts_nav a{
  font-size: 14px;
   color: #999999;
}
.hosts_nav{
  margin-bottom: 25px
}
.host-nav-list{
  border: 1px solid #EEEEEE;
  border-top: 0;
  font-size: 14px;
  height: 58px;
    /* line-height: 58px */
}
.host-hd {
  background: #FAFAFA; 
  color: #999;
  width:88px;
  text-align: center;
     line-height: 58px
}
.host-hh{
  color: #333;
  width: 646px;
  position: relative;
  margin: 0 ;
  margin-left: 84px;
 
}
.host-hh li{
float: left;
margin-right: 20px;
display: inline-block;
padding: 0px 8px;
line-height: 24px;
margin: 16px 24px 16px 0;
}
.host-nav-list ul a:first-child li{
  position: absolute;
  left: -60px;
   height: 24px;
}
.host-hh li:hover{
  background: #F55E53;
  color: #fff;
}
 .hhActve{
  background: #F55E53;
  color: #fff!important;
}
.n-host-nav-list{
  position: relative;
  margin: 0;
  height: auto;
}
.n-host-hd{
  position: absolute;
  margin-left: 0;
  height: 100%;
}
.n-host-hh{
  margin-left: 88px;
  width: auto;
}
.n-dd-top{
  padding: 8px 0;
  overflow: hidden;
}
.n-a-box{ 
  display:block;
   float: left;
    width: 686px;
    /* height: 20px; */
    /* overflow: hidden */
  }
  .n-dd-btn{
    float: right;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: #666;
    cursor: pointer;
    padding: 2px 8px;
    margin-top: 9px;
  }
 .n-dd-btn:before{
  content: '';
  display: inline-block;
  background: url(../images/selIcon.png);
  background-repeat: no-repeat;
  background-size: 100%
 }
 .n-dd-sel:before{
  float: right;
  width: 10px;
  height: 6px;
  line-height: 0;
  font-size: 0;
  margin-top: 8px
 }
.n-dd-top span a{
  padding:2px 8px;
  margin: 9px 0 9px 10px;
  display: inline-block
}
.n-dd-top span a:hover{
  background: #F55E53;
  color: #fff!important;
 
}
.n-dd-top #tageMore a:hover{
  background: #fff;
  color: #666!important;
}
.n-boxC{
  background: #FFFFFF;
  border: 1px solid #CCCCCC;
  width: 16px;
  height: 16px;
  display: inline-block;
  position: relative;
  top: 4px;
}
.CheckActive{
  border: 1px solid #F55E53;
  background: url(../images/CheckIcon.png)no-repeat;
  background-size: 100% 100%;
}
.yanxuBox{
  position: absolute;
  display: inline-block;
  z-index: 9;
  background:url('../images/yanxuanIcon.png')no-repeat;
  width:44px;
  height: 24px;
  background-size: 100% 100%;
}
.host_filterWarp{
  font-size: 14px;
  color: #333333;
  margin-top: 37px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}
.host_filter ,.host_filterPAge,.host_filterPAge li{
  margin: 0
}
.host_filter li{float: left;margin-right: 40px
}
.host_filterPAge li{
  float: left;
  line-height: 24px;
}
 .active{
  color: #F55E53!important;
}
.listWrap{
  margin-top: 20px;
}
.host-list-item{
  overflow: hidden;
  position: relative
}
.host-Img{  
  width: 288px;
  height:192px;
  overflow: hidden;
  transition: all 0.6s;
}
.host-Img img{
  width: 100%;
  transition: all 0.6s;
}
.host-listWrap{
  padding-top: 10px;
  padding-bottom: 48px
}
.host-list-item {
  margin-top: 20px;
margin-left: -10px;
  padding:10px ;
  width: 840px
}
.host-item-tWrap{
  width: 380px;
}
.host_p1{
  margin-top: 5px
}
.host_p2{
  line-height: 2;
  margin: 10px 0;
  color: #999
}
.host_p3{
  position: absolute;
  bottom: 15px;
}
.host_p3 span{
  height: 14px;
  display: inline-block;
  font-size: 12px;
  padding: 0px 4px;
  color: #FD8D00;
  border: 1px solid #FD8D00;
  float: left;
  background: #fff;
  margin-right: 4px;
  line-height: 14px;
}
.host_p3 span .Discount{
  display: inline-block;
  background: #f55e53;
  color: #fff;
  width: 16px;
  height: 14px;
  text-align: center;
  /* line-height: 1.2; */
  margin-left: -4px;
  position: relative;
  /* top: -1px; */
  margin-right: 4px
}
.otereTage{
 display: inline-block;
  width: 56px;
  height: 24px;
  font-size: 12px;
  color: #FFFFFF;
  text-align: center;
  background: url(../images/tagebg.png)no-repeat;
  background-size: 100% 100%;
  font-weight: 400;
  line-height: 22px;
  float: right;
  margin-left: 7px;
}
.otereTage1{
  background: url(../images/tagebg1.png)no-repeat;
  background-size: 100% 100%;
  font-weight: 400;
}
.host-titRit{
text-align: right
}
.Hjoin_meony{
  font-size: 32px;
color: #F55E53;
}
.Hjoin_meony i{
  font-size: 18px
}
.h-joinBtn{
  position: absolute;
    display: inherit;
    bottom: 47px;
    right: 10px;
}
.Host_position{
  position: relative;
    top: 4px;
    margin-right: 10px;
    width: 14px;
    height: 17px;
}
.grounding_status{
  position: absolute;
  right: 0;
  bottom: 10px
}
/* 没有品牌 */
.nontList{
font-size: 20px;
color: #999999;
text-align: center;
margin: 96px 0
}
.host_page{
  font-weight: 900;
  height: 40px;
  text-align: center;
  color: #888;
  background: #f2f2f2;
  margin-bottom: 56px;
}
.pagelist {
  font-size: 0;
  background: #fff;
  height: 50px;
  line-height: 50px;
}
.pagelist a span:hover{
  cursor: default;
  color: #fff;
  background: #F55E53;
  border-color: #F55E53;
  cursor: pointer;
}
.pagelist .jump.disabled a,.pagelist .jump.disabled{
  pointer-events: none;
color: #ddd!important;
}
.disabledmin{
  pointer-events: none;
  background: #ddd;
}
.pagelist .jump, .pagelist span {
  border: 1px solid #ddd;
  display: inline-block;
  width: 30px;
  line-height: 30px;
  height: 30px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
  margin-left: 10px;
}
.pagelist span {
  font-size: 14px;
  line-height: 32px;
}
.pagelist .bgprimary {
  cursor: default;
  color: #fff;
  background: #F55E53;
  border-color: #F55E53;
}
.hosts_choice_brands,.new-rigt-warp{
  margin-left: 60px
}
.choiceTitl{
font-size: 16px;
color: #333333;
font-weight: 600
}
.swiper-container2{
  width: 300px;
  height: 318px;
  margin-top: 22px!important;
}
.choice_brandsTite{
  padding: 12px;
  background: #F8F8F8; 
  height: 118px;
}
.h_Consultation{
  margin-top: 40px
}
.h_Consultation .leaving_us{
  margin-top: 15px
}
.host_btnCos{
  width: 100px;
  height: 40px;
  line-height: 40px;
  background: #F55E53;
    border-radius: 2px;
    font-size: 14px;
    color: #FFFFFF;
    text-align: center;
    float: right;
    cursor: pointer;
}
.host_qr{
  margin-top: 40px
}
.app_dons{
font-size: 12px;
color: #666666;
margin-top: 16px;
}
.host_ers,.host_er{
  width: 120px;
  height: 120px;
  overflow: hidden
}
/* 商机列表 end-------*/
/* 商机详情 ----- */
.hostLoopWarp,.hosts—swiper-container,.wiper-container-horizontal{
  width: 600px;
  height: 510px;
}
.hosts-gallery-top{
  width: 600px;
  height: 400px;
  
}
.host-gallery-thumbs{
  height: 96px;
  box-sizing: border-box;
  padding: 10px 0;
  
}
.host-gallery-thumbs .swiper-slide {
  width: 25%;
  height: 100%;
  /* opacity: 0.4; */
  border: 3px solid transparent;
}
.gallery-thumbs .swiper-slide-thumb-active {
  border: 3px solid #F55E53;
}
.swiper-slide1hoat{
  width: 140px !important;
}
.swiper-slide1 img{width: 100%;height: 100%;}
.hosts-titWrap{
  width: 560px;
  overflow: hidden;
  margin-left: 40px;
  position: relative 
}
.hosts-titWrap h2,.hosts-titWrap .titleTe,.hosts-fiexd-text .titleTe h1{
font-size: 28px
}
.hosts-titWrap h2 span,.hosts-titWrap .titleTe span{
  position: absolute;
  right: 0;
}
.brand_item_bd{margin-left: -31px;overflow: hidden;}
.brand_item_bd li{
width: 120px;
text-align: center;
margin: 0;
position: relative;
}
.brand_item_bd li:before{
content: '';
display: inline-block;
width: 1px;
background: #eee;
height: 32px;
position: absolute;
left: 0;
top: 10px;
}
.hostP1{
  font-size: 20px;
  color: #666;
  line-height: 2.4;
}
.hostP2{
  font-size: 16px;
  color: #999;
  line-height: 2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.hosS66{
  color: #666
}
.hosS99{
  color: #999
}
.mini-baozhang{
  width: 560px;
}
.mini-baozhang{
  width: 560px;
  margin: 0;
  overflow: hidden;
  background: #FFF8EE;
  margin-top: 28px;
}
.mini-baozhang li{
  width: 140px;
  margin: 0;
  height: 48px;
  text-align: center;
  font-size: 14px;
  color: #91530D;
  display: flex;
  justify-content: center;
  align-items: center;
}
.jia-meng-warp{
  width: 570px;
  overflow: hidden;
  margin-top: 20px;
}
.jia-meng-warp li{
  width: 180px;
  height: 132px;
  margin: 0;
  text-align: center;
  background: #FAFAFA;
  margin-right: 10px;
}
.jia-meng-warp li .jia-meng-box{
  background: #fff;
  width: 163px;
  height: 115px;
  margin: 8px;
  border: 1px solid #E8E8E8;
}
.jia-meng-warp .minbtn{
  font-size: 12px;
color: #647DB0;
margin-top: 16px;
cursor: pointer;
}
.warp_btn{
  overflow: hidden;
  margin-top: 28px
}
.s_btn{
  height: 48px;
  line-height: 48px;
  text-align: center;
  padding: 0
}
.host_btnCosMax{
  width: 180px;
}
.join_btnMax{
  width: 128px;
  /* margin-left: 10px */
}
.n_hostbtnTop{
  font-size: 16px;
  color: #333333;
  font-weight:400;
  background: #FAFAFA;
  width:144px;
  display: none;
  margin-left: 10px;
  background: #FAFAFA;
  border: 1px solid #EEEEEE;
  border-radius: 2px;
  margin-top: 12px;
  cursor: pointer;
}
.n_hostShc{
  position: relative;
  top: 4px;
  left: -2px;
  width: 18px;
}
.n_hostbtnB{
  background: #FAFAFA;
  border: 1px solid #EEEEEE;
  border-radius: 2px;
  font-size: 18px;
  color: #333333;
}
#try li{
  margin: 0;padding: 10px 10px 0;
  -webkit-transition: all .4s ease-in;
  -moz-transition: all .4s ease-in;
  transition: all .4s ease-in;
}
.move{
  opacity: 0;
}
.moves{
  opacity: 1;
}
.hyh_img {
  width: 224px;
  height: 150px;
  overflow: hidden;
}
#try::after{
  content: '';
  display: block;
  clear: both;
}
.video_wrap{
  height: 400px;
  width: 600px;
 position: absolute;
  z-index: 9;
  display: none;
  background-color: #000;
}
.video_wrap_btnimg{
  display: none
}
.video_wrap:hover .video_wrap_btnimg{
display: block
}
.hostplay_btn{
  background-repeat: no-repeat;
    position: absolute;
    bottom: 20px;
    left: 15px;
    width: 40px !important;
    height: 40px;
    z-index: 10;
    cursor: pointer;
}
/* 商机详情  end ----- */
.host {
  display: flex;
  text-align: left;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.08);
  margin-bottom: 60px;
  border: 1px solid #eee;
}
.host .host_info {
  line-height: 30px;
  padding-right: 30px;
}
.host_info span {
  vertical-align: middle;
}
.host .host_img {
  width: 100%;
  cursor: pointer;
}
.host .host_name {
  font-size: 22px;
  font-weight: 700;
  /* padding-right: 8px; */
  /* border-right: 2px solid black; */
  line-height: 20px;
}
.host .split {
  font-size: 24px;
  font-weight: 700;
  margin-left: 10px;
}
.host .host_name_2 {
  padding: 0 8px;
}
.host .coupon {
  font-size: 10px;
  background-color: #e56a69;
  border: 1px solid #e56a69;
  color: white;
  padding: 1px 5px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.host .coupon_num {
  font-size: 10px;
  /* background-color: #e26a6b; */
  border: 1px solid #e56a69;
  color: #e56a69;
  padding: 1px 5px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.host .host_bottom {
  position: absolute;
  bottom: 20px;
  width: 100%;
  height: 30px;
  line-height: 30px;
}
.host_bottom .position {
  height: 20px;
  margin: 5px 8px 0 0;
  float: left;
  width: auto;
  /* align-content: center;
  align-items: center; */
}
.host .btn {
  position: absolute;
  bottom: 5px;
  right: 30px;
  background-color: #e56a69;
  height: 30px;
  font-size: 14px;
  color: white;
  vertical-align: middle;
  line-height: 30px;
  padding: 0 15px;
  cursor: pointer;
}
.filterBar {
  display: flex;
  width: 1000px;
  margin: 0 auto;
  height: 40px;
  padding: 20px 0;
}
.filterBar .d1 {
  flex: 30;
  display: inline-block;
  text-align: left;
}
.filterBar .d2 {
  flex: 20;
  display: inline-block;
  text-align: right;
}
.d1 span {
  font-size: 20px;
  font-weight: 700;
}
.dropdown {
  width: 150px;
  border: 1px solid black;
  border-radius: 0;
  float: right;
  /* border: none; */
}
.v-select .dropdown-toggle {
  border: none;
}
.dropdown-menu {
  width: 100px !important;
  overflow: hidden !important;
}
.v-select .dropdown-menu .active > a {
  color: #333;
  font-weight: 700;
  /* background: rgba(50, 50, 50, 0.1); */
}
.v-select .dropdown-menu > .highlight > a {
  color: #333;
  font-weight: 700;
  background: #fff;
}
.v-select input[type='search'] {
  max-width: 100px;
}
.downappqr {
  position: absolute;
  top: -17px;
  left: -190px;
  width: 180px;
}
.tel400 {
  position: absolute;
  top: 80px;
  left: -227px;
  /* width: 180px; */
}
.right_float {
  position: fixed;
  right: 30px;
  top: 50%;
  /* width: 60px; */
  /* height: 325px; */
  /* border-radius: 4px; */
  margin-top: -120px;
  font-size: 12px;
  color: #999;
  z-index: 9;
  cursor: pointer;
  text-align: center;
  /* border: 2px solid #eee; */
}
.right_float .unit {
  width: 58px;
  height: 60px;
  border: 2px solid #eee;
  display: flex;
  justify-content: center;
  align-items: center;
  transition:all .2s linear;
  background: #fff;
}
.right_float.unit:last-child{
  border-bottom:2px
}
/* .right_float img {
  margin: 10px 0;
}*/
.right_float .line {
  width: 100%;
  margin: 0 auto;
  display: none;
  color: #fff;
} 
.right_float .unit:hover {
  background: #F55E53 ;
  border-color:#F55E53
}
/* .right_float .unit {
  background: #F55E53 ;
  border-color:#F55E53
} */
.right_float .unit:hover .right_float_icon{
  display: none;
  border: 1px solid darkblue;
  opacity: 0;
  position: absolute;
}
.right_float .unit:hover .right_float_info{
  display: block;
  height: 62px;
  width: 62px;
  flex: none; 
  display: flex;
}
.right_float_icon:hover{
  display: none;
  border: 1px solid darkblue
}
.right_float_info{
  display: block;
  height: 62px;
  width: 62px;
  flex: none;
  display: flex;
}
.right_float_info span{
  flex: auto;
  margin-top: 12px;
}
 .unit .u_active{
  height: 62px;
  width: 62px;
  flex: none;
  background: #F55E53;
  border-color: #F55E53 !important;
  display: flex;
}
/* x导航窗口浮动 */
.unit_left_Box{
   background: #fff;
   position: absolute;
   top: 63px;
   width: 311px;
   right: 70px;
}
.unit_left_consult{
  font-size: 14px;
  padding: 10px 20px;
  overflow: hidden;
  background: #fff;
  border: 1px solid #EEEEEE;
  box-shadow: 0 2px 8px 0 rgba(30,35,47,0.10);
  display: none
}
.unit_left_text,.consult_btn{
  height: 40px;
  line-height: 40px
}
.unit_left_text{
  border: 1px solid #EEE;
  color: #999;
  width: 168px;
  float: left;
  height: 36px;
  line-height: 40px;
  padding-left: 10px;
  font-size: 14px;
  background: #FAFAFA;
  border: 1px solid #EEEEEE;
  border-radius: 2px 0 0 2px;
}
.consult_btn{
  background: #F55E53;
    border-radius: 0 2px 2px 0;
    color: #FFFFFF;
    width: 88px;
    float: left;
   
 }
.iphone_Left{
  line-height: 40px;
  height: 40px;
  font-size: 14px;
  color: #666666;
}
.iphone_Left .telIphone{
  font-weight: 600;
  font-size: 18px;
  color: #333333;
}
.tqkf {
  position: fixed;
  z-index: 1000;
  right: 0;
  bottom: 0;
  width: 370px;
  height: 450px;
  border: none;
}
.tqkf iframe {
  border: none;
}
.tqkf .close {
  position: fixed;
  z-index: 1001;
  right: 13px;
  bottom: 417px;
  width: 14px;
}
.detail img {
  width: 100%;
}
.play_btn {
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -32px;
  margin-top: -32px;
  width: 64px !important;
  height: 64px;
  z-index: 10;
  cursor: pointer;
}
.mask {
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
/* 商机头条 */
.news-wrap{
  padding-bottom: 40px
}
.newVideo{
  /* overflow: hidden; */
  width: 890px;
    margin-left: -7px
}
.newVideo li{
  margin: 0;
  padding: 8px;
  width: 266px;
  transition: all .5s linear;
}
.Newindex_inImg{
  width: 265px;
    height: 150px;
    overflow: hidden;
}
.news-list-item{
  padding: 25px 10px;
  margin-top: 0;
  border-bottom: 1px solid #eee;
  transition: all 0.6s;
}
.news-list-item:hover{
  border-bottom: 1px solid #fff;
}
.news-wrap .news-list-item:last-child{
  border: none
}
.news_p1{
  font-size: 16px;
color: #333333;
height: 44px;
line-height: 1.5;
margin-top: 10px
}
.news-Img{
  width: 266px;
  height: 178px;
  overflow: hidden;
  transition: all 0.6s;
 
}
.news-Img img{
  width: 100%;
  transition: all 0.6s;
}
.news_infoBox{
  margin-left: 20px;
  width: 550px;
}
.news_p3{
  font-size: 12px;
color: #999999;
bottom: 25px
}
.news-side-title{
  position: relative;
}
.new-ri-banner,.news—right—side{
  width: 300px;
}
.news—right—side-item,.new-side-img,.news-side-title .select_p1 {
  overflow: hidden;
}
.news—right—side-item{
  margin-top: 20px
}
.new-ri-banner{
  height: 200px;
position: relative;
overflow: hidden
}
.new-ri-banner img{
  height: 100%;
}
.new-side-img {
  width: 102px;
  height: 68px;
}
.news-side-title{
  width: 186px;
  margin-left:12px 
}
.news-side-title .select_p1{
  height: 40px; 
  line-height: 20px
}
.newBanner{
  overflow: hidden;
}
.fis_banner{
  width: 558px;
  height: 314px;
  position: relative;
   overflow: hidden
}
.newBanner_two{
  width: 270px; 
  margin-left: 12px;
}
.newBanner_two_item{
  width: 270px;
  height: 152px;
  position: relative;
  overflow: hidden;
}
.allMore{
  display: block;
  width: 840px;
  height: 64px;
  line-height: 64px;
  font-size: 20px;
  color: #666666;
  font-weight: 600;
  margin-bottom: 62px;
}
/* 头条end */
@media (max-width: 1000px) {
  #vv {
    position: fixed;
    z-index: 10000;
    left: 50%;
    top: 50%;
    width: 720px;
    height: 480px;
    margin-top: -240px !important;
    margin-left: -360px !important;
  }
}
@media (min-width: 1001px) {
  #vv {
    position: fixed;
    z-index: 10000;
    left: 50%;
    top: 50%;
    width: 1000px;
    height: 562px;
    margin-top: -281px !important;
    margin-left: -500px !important;
  }
}
@media (max-width: 1000px) {
  .vv {
    position: fixed;
    z-index: 10000;
    left: 50%;
    top: 50%;
    width: 1000px;
    height: 562px;
    margin-top: -281px !important;
    margin-left: -500px !important;
  }
}
@media (min-width: 1001px) {
  .vv {
    position: fixed;
    z-index: 10000;
    left: 50%;
    top: 50%;
    width: 1000px;
    height: 562px;
    margin-top: -281px !important;
    margin-left: -500px !important;
  }
}
.closeBtn {
  position: fixed;
  z-index: 10001;
  right: 40px;
  top: 40px;
  width: 50px !important;
  cursor: pointer;
}
/* .planbook {
  width: 400px;
  margin: 50px auto;
} */
/* .planbook a {
  width: 400px;
  height: 54px;
  background-image: url('../images/planbook.btn.png');
  background-repeat: no-repeat;
  display: inline-block;
  background-size: contain;
} */
.web_content {
  position: relative;
}
.video-container {
  display: none;
}
.groundingstatus0 {
  float: right;
  width: 70px;
  margin: -30px 10px 0 0;
}
.groundingstatus0 img {
  width: 100%;
}
.placeholder {
  text-align: center;
  padding: 100px 0;
}
/* 留言 */
.leaving_iform,.APP_iform,.login_pop,.agent_content{
  position: fixed;
bottom: 0;
top: 0;
left: 0;
right: 0;
  width: 100%;
  height: 100%;
background: rgba(0,0,0,0.6);
z-index: 9999;
}
.leaving-from,.SuccessWarp{
  width: 720px;
  background: #fff;
  position: absolute;
  top:50%;
  left:50%;
  margin-left:-360px;
}
.leaving-from{
  height: 640px;
  margin-top:-320px;
}
.leaving-from .leaving-from-title,.SuccessWarp .leaving-from-title{
  font-size: 28px;
color: #333333;
text-align: center;
margin-top: 40px
}
.leaving-from-main{
  margin: 48px 48px 13px;
  overflow: hidden;
}
.leaving-select-brand{
  width: 295px;
}
.leaving-select-brand h5 ,.leaving-info-from h5{
  font-size: 18px;
color: #333333;
}
.leaving-brand-main{
  width: 262px;
  height: 309px;
  overflow: hidden;
  margin-top: 20px;
  overflow-y: auto;
}
.Fromload{
    position: relative;
    top: 40%;
    margin-left: 97px;
}
.leaving-item{
  width: 106px;
  height: 32px;
  border: 1px solid #EEEEEE;
  border-radius: 1px;
  line-height: 32px;
  font-size: 14px;
  color: #666666;
  text-align: center;
  margin-right: 15px;
  margin-bottom: 12px;
  cursor: pointer;
  overflow: hidden;
}
.leavingActiv{
  background: rgba(245, 94, 83, 0.1);
  color: #F55E53;
  border-color: #fff;
}
.leaving-info-from-content{
  width: 328px;
  margin-top: 20px
}
.leaving_us input,.leaving_us textarea{
  background: #F6F6F6;
  border-radius: 2px;
  outline: none;
  padding: 0 0 0 12px;
  border:none;
  font-size: 14px;
}
.leaving_us input {
  height: 48px;
  font-size: 14px;
   color: #333;
  
}
.leaving_us {
  margin-bottom: 12px
}
.leaving_us textarea{
  padding: 14px 0 14px 12px;
  height: 100px;
  width: 100%;
}
.fromEar,.fromEar1,.fromEar_s{
  font-size: 12px;
  color: #F55E53;
  text-align: center;
}
.leavBtn{
  width: 265px;
  height: 48px;
  line-height: 48px;
  /* display: inline-block; */
  margin: 8px auto;
  font-size: 16px;
color: #FFFFFF;
text-align: center;
background: #F55E53;
border-radius: 2px;
cursor: pointer;
}
.App_dounLondcontent{
  position: absolute;
  width: 556px;
  height: 240px;
  text-align: center;
  top: 50%;
  left:50%;
  margin-left: -278px;
  margin-top:-139px; 
  background: url('../images/app_downLoadbg.png')
}
.app_dounLoadText{
  font-size: 18px;
color: #FFFFFF;
margin-top: 20px;
}
.rank_btn{
  background: #333333;
  border-radius: 2px;
  font-size: 14px;
color: #FFFFFF;
text-align: center;
width: 100px;
height: 48px;
line-height: 48px;
float: right;
cursor: pointer;
}
.tc_gb{
  position: absolute;
  top: 24px;
  right: 24px;
  cursor: pointer;
 
}
.SuccessWarp{
height: 326px;
margin-top:-233px;
text-align: center;
}
/* 服务保障 */
.S_serv_ht{
  height: 400px;
  text-align: center;
  background:url('../images/ser_b1.jpg')no-repeat center top;
  margin: 0 auto;
}
.abouts_bj{
  background:url('../images/about_bj.jpg')no-repeat center top;
}
.Brand_Ent_ht,.S_serv_ht{
  min-width: 1200px;
  max-width:1920px;
  color:rgba(255,255,255,1);
}
.S_serv_ht1 .S_serv_tit{
font-size: 60px;
height: 58px;
line-height: 58px;
margin: 7px 0 22px;
text-shadow:0px 2px 6px rgba(22,32,55,0.1);
}
.S_serv_ht1 p{
  font-size:16px;
  font-weight: 300;
}
.S_serv_s1{
  height:17px;
  font-size:16px;
  line-height:28px;
 
}
.S_serv_sae,.Brannd_ent_ban1{
  position: relative;
}
.Brannd_ent_ban1::after,.S_serv_sae::before,.S_serv_sae::after{
  content: "";
  display: inline-block;
  position: absolute;
  height:2px;
background:rgba(255,255,255,1);
opacity:0.3;
top: 12px;
}
.S_serv_sae::before,.S_serv_sae::after{
width:145px;
}
.Brannd_ent_ban1:after{
  width:240px;
  right: -255px;
}
.S_serv_sae::before{
  left: -173px
}
.S_serv_sae::after{
  right: -173px;
}
.pic_se2_warp{
  overflow: hidden;
  margin-top: 97px
}
.pic_se2W_imgwrp{
  background:rgba(255,255,255,1);
      box-shadow:2px 15px 40px 0px rgba(31,35,47,0.15);
}
.pic_se2W_content{
  margin-left: 75px
}
.pic_se2{
  font-weight:bold;
color:#333;
font-size:44px;
position: relative;
height: 74px;
margin: 27px 0 84px;
}
.pic_se2 p{
  position: absolute;
  bottom: -16px;
  left: 4px;
  font-weight: 600;
}
.sericon{
display: inline-block;
background: url('../images/serIcon.png')
}
.pic_se2_rigtit{
  font-size:18px;
  font-weight:600;
  color: #333333;
  position: relative;
}
.pic_se2_icon2{
  position: absolute;
  top: 2px;
  left: 6px
}
.S_serv_ht2{
  background: url('../images/Service-bg1.png')no-repeat center bottom;
}
.S_serv_ht3{
  background: url('../images/Service-bg5.png')no-repeat center bottom;
}
.about_h2{
  background: url('../images/about_bj1-1.png')no-repeat center top;
}
.about-His-Warp{
  background: url('../images/about_bjbg02.png')no-repeat center top;
}
.about-ser-warp2{
  background: url('../images/about_bj13.png')no-repeat center top;
}
.pic_se2_riginfo,.pic_se2_rigtit{
  padding-left: 43px
}
.pic_se2_riginfo{
  color: #999999;
  font-size:16px;
  line-height: 1.8;
font-weight: 400;
margin-top: 10px
}
.ser_tit3{
  font-size:24px;
  font-weight:bold;
  color: #333333;
  padding-left: 6px;
}
.ser_tit3 span{
color: #F55E53
}
.pic_se3W_imgwrp{
  width:502px;
height:494px;
background:rgba(255,255,255,1);
box-shadow:2px 15px 40px 0px rgba(31,35,47,0.15)
}
.pic_se3_warp{
  text-align: center
}
.Service-bg2{
  background:url('../images/Service-bg2.png')no-repeat center top;
  min-width: 1200px;
  max-width:1920px;
  height:214px;
  margin: 0 auto;
}
.about-sig-3{
  background:url('../images/about_bj2.png')no-repeat center top;
  min-width: 1200px;
  max-width:1920px;
  height:214px;
  margin: 0 auto;
}
.Service-bg3{
  background:url('../images/Service-bg3.png')no-repeat;
  height: 189px;
}
.S_serv_ht3_warp{
  width: 1279px;
  height: 267px;
  margin: 0 auto;
  position: relative;
    top: -160px;
}
.S_serv_ht3_warp_ul{
  width: 1200px;
  padding: 23px 39px 55px;
  margin: 0;
  color: #fff
}
.S_serv_ht3_warp_ul li{
  margin: 0;
  width: 400px;
  padding-top: 45px
}
.S_serv_ht3_ulNav1 .se_p1{
width: 130px;
text-align: center
}
.S_se2_text{width: 260px;font-weight: 300;line-height: 1.8;}
.S_se2_p1{font-size:18px;font-weight:600;
  margin-bottom: 7px;
}
.S_serv_ht3_ulNav1 .se_p2{
  width: 140px;
  text-align: center
}
.pic_se4_warp{
  overflow: hidden;
}
.kere{
  width: 490px;
}
.pic_se4_conten{
  width: 350px;
}
.pic_se4_contenS{
  margin: 102px 0 0;text-align: right;margin-right: 10px;
}
.pic_se4_contenS .pic_se2_riginfo{
  padding-left: 0
}
.pic_se4_contenS .pic_se2_rigtit,.pic_se4_contenS .pic_se2_riginfo{
  padding-left: 0
}
.Service-bg4{
    background: url(../images/Service-bg4.png)no-repeat center top;
    min-width: 1200px;
    max-width: 1920px;
    height: 187px;
    margin: 0 auto;
    color: #fff;
    position: relative;
}
.wytl{
  position: absolute;
  font-size: 28px;
  font-weight: 600;
  top: 68px;
  line-height: 1.2;
}
.wytl span{
  font-size:16px;
  font-weight: 300
}
/* 品牌入驻 */
.Brand_Ent_ht{
  background: url(../images/brand_entBg1.jpg)no-repeat center top;
  height: 500px;
  text-align: left;
  margin: 0 auto;
}
.Brand_Ent_ht—from{
  width:339px;
height:326px;
background:rgba(255,255,255,1);
box-shadow:1px 10px 25px 0px rgba(217,45,32,0.15);
padding: 35px 38px 33px 39px;
margin-top: 52px
}
.Brand_Ent_uS{
  margin-bottom: 16px
}
.Brand_Ent_btn{
  font-weight:bold;
  font-size:16px;
  color: #fff;
  height:56px;
  background:rgba(61,61,61,1);
  border-radius:2px;
  line-height: 58px;
  text-align: center;
  margin-top: 8px;
  cursor: pointer;
}
.Brand_eng1{
  width: 853px;
}
.brand_conte1{
  width: 173px;
  position: relative;
}
.brand_pro_l1{
  position: absolute;
  right: -137px;
  top: 52px;
}
.brand_pro_l1tit{
  font-weight: bold;
  color: #333333;
  font-size: 24px;
  position: relative;
  text-align: right
}
.brand_pro_riginfo{
  font-size: 20px;
  color: #999999;
    line-height: 1.8;
    font-weight: 400;
    margin-top: 6px;
    white-space: nowrap;
}
.brand_process{
  background: url('../images/brandEnt_1.png')no-repeat center bottom;
}
.brand_pro_ser{
  background: url('../images/brandEnt_2.png')no-repeat center bottom;
  padding-bottom: 96px
}
 .brand_Ulwarp{
  overflow: hidden;
  width: 1220px;
 }
.brand_pro_nav_warp{
  width: 305px;
  height: 254px;
  background: url('../images/brandEnt_3.png')no-repeat center bottom;
  padding-top: 42px;
}
.brand_pro_sera{
  background: url('../images/brandEnt_n14.jpg')no-repeat center top;
  height: 344px;
  min-width: 1200px;
  max-width: 1920px;
  color: #fff;
  margin: 0 auto;
}
.brand_pro_nav_ssd{
  margin-top: 42px;
  margin-left: 45px
}
.brand_pro_sera1{
  margin-left: 656px;
  padding-top: 15px;
}
.new_brand_pro_sera1{
  position: relative;
}
.new_brand_pro_sera1 div{
overflow: hidden;
}
.new_brand_pro_sera1 div p{
  /* float: left;  */
  /* width: 228px; */
  /* margin-left: 32px; */
  font-size: 14px;
  line-height: 1.1;
  padding: 10px 0;
}
.new_brand_pro_sera1 div .new_brand_pro_sera_p1{
  float: left; 
  width: 302px;
  margin-left: 0px
}
.brand_pro_sera1 p{
  font-size:14px;
  color: #fff;
  line-height: 3;
}
.brand_pro_nav_Info{
  margin: 16px 45px 100px 45px;
  font-size:16px;
  color: #999;
}
.brand_Ulwarp li{
  margin: 0
}
.brand_se2_rigtit{
  font-weight:bold;padding-left: 69px;
  font-size: 24px;
  margin-top: -9px
     
}
.about-swiper-button-prev{
  background-image: url(../images/about_lbtn.png)!important;
  left: auto !important;
    top: auto !important;
    z-index: 99999;
    right: 30px !important;
    bottom: -7px;
}
.about-swiper-button-next{
  background-image: url(../images/about_rbtn.png)!important;
  right: -8px !important;top: auto;
  bottom: -7px;
}
.about-swiper-button-prev,.about-swiper-button-next{
    width: 44px !important;
    height: 42px !important;
  }
  .about-warp-3{
    margin-top: 35px;
    position: relative;
  }
  .about-nav-meuWarp{
    position: absolute;
    top: 72px;
    width: 1200px;
    height: 239px;
    left: 50%;
    margin-left: -600px
  }
  .about-His-Warp{
    position: relative;
    padding-top: 220px;
    z-index: -9;
  }
  .about-nav-meuWarp li{
    margin: 0;
    margin-right: 24px;
    margin-top: 14px;
  }
  .about_nav_list{
    width:180px;
height:238px;
background:rgba(255,255,255,1);
box-shadow:2px 15px 40px 0px rgba(31,35,47,0.15);
  }
  .about_nav_list .about_nav_icon{
    text-align: center;
    margin-top: 14px;
  }
  .about_nav_text{
    text-align: center
  }
  .about_nav_text .ab_p1{
    font-size:16px;
    font-weight:600;
    color: #333;
    margin-top: -5px;
  }
  .about_nav_text .ab_p2{
    font-size:12px;
    color: #999;
    margin-top: 13px;
    line-height: 1.7;
  }
  .about_se4_warp{
    overflow: hidden;
  }
  .aboutSe4_nav_list1{
    width: 572px;
  }
  .aboutSe4_nav_listLine{
    width: 70px;
  }
  .aboutSe4_nav_list3{
    border-left: 1px solid #e8e8e8;
    width: 486px;
    margin-top: 202px;
    margin-left: -1px;
    height: 245px;
  }
  .aboutSe4_nav_content{
    width:348px;
    position: relative;
    background:rgba(255,255,255,1);
box-shadow:2px 15px 40px 0px rgba(31,35,47,0.15);
height:202px;
left: 45px;
padding-left: 40px;
  }
  .aboutSe4_nav_content .ab_p1{
   padding-top: 35px;
   font-size:18px;
font-weight:600;
color: #333
  }
  .aboutSe4_nav_content .ab_p2{
    font-size:16px;
    color: #999;
font-weight:400;
margin-top: 25px;
  }
  .aboutSe4_nav_list3 .rigt_ac{
    position: absolute;
    top: -1px;
    left: -9px;
    transform: rotate(90deg);
  }
  .aboutSe4_nav_content::before{
    content: '';
    display: inline-block;
    background: url(../images/serIcon.png);
    width: 53px;
    height: 53px;
    background-position: -525px -0px;
    position: absolute;
    left: -71px;
    top: -26px;
  }
  .aboutT_bj4{
    background: url(../images/aboutT_bj4.png)no-repeat;
  width: 486px;
  height: 211px;
  position: relative;
  float: right;
  border-right:1px solid #e8e8e8 
  }
  .aboutT_bj4::after{
  content: '';
  display: inline-block;
  background: url(../images/serIcon.png);
  width: 53px;
  height: 53px;
  background-position: -525px -0px;
  position: absolute;
  right: -28px;
  top: 10px;
  }
.aboutT_bj4P1{
  padding-top: 59px;
  padding-left: 78px;
  font-size:18px;
font-weight:600;
color:#333;
}
.icon_11 {
  width: 27px;
  height: 27px;
  background-position: -124px -105px;
}
.icon_22 {
  width: 27px;
  height: 27px;
  background-position: -151px -105px;
}
.icon_33{
  width: 27px;
  height: 27px;
  background-position: -178px -105px;
}
.icon_44 {
  width: 27px;
  height: 27px;
  background-position: -205px -105px;
}
.icon_55 {
  width: 27px;
  height: 27px;
  background-position: -232px -105px;
}
.icon _内容2 {
  width: 31px;
  height: 31px;
  background-position: -556px -53px;
}
.icon_1 {
  width: 31px;
  height: 31px;
  background-position: -0px -105px;
}
.icon_2 {
  width: 31px;
  height: 31px;
  background-position: -31px -105px;
}
.icon_3 {
  width: 31px;
  height: 31px;
  background-position: -62px -105px;
}
.icon_4 {
  width: 31px;
  height: 31px;
  background-position: -93px -105px;
}
.“ {
  width: 20px;
  height: 16px;
  background-position: -578px -0px;
}
.icon-bz {
  width: 105px;
  height: 105px;
  background-position: -0px -0px;
}
.icon_cx{
  width: 105px;
  height: 105px;
  background-position: -105px -0px;
}
.icon_kf{
  width: 105px;
  height: 105px;
  background-position: -210px -0px;
}
.icon_pinp {
  width: 105px;
  height: 105px;
  background-position: -315px -0px;
}
.icon_sh {
  width: 105px;
  height: 105px;
  background-position: -420px -0px;
}
.biaod {
  width: 20px;
  height: 16px;
  background-position: -578px -0px;
}
.clearfix:before,
.clearfix:after {
    content: '';
    display: table;
}
.clearfix:after {
    content: '.';
    display: block;
    _display: inline-block;
    visibility: hidden;
    clear: both;
    height: 0px;
    font-size: 0;
    line-height: 0px;
}
.clearfix:after {
    clear: both;
    display: block;
}
.clearfix:before,
.clearfix:after {
    content: '';
    display: table;
}
.swiper-container-horizontal .swiper-button-prev,
.swiper-container-horizontal .swiper-button-next
{
  opacity: 0;
  transition: all .2s linear;
}
.swiper-container-horizontal:hover .swiper-button-prev,
.swiper-container-horizontal:hover .swiper-button-next{
  opacity: 1;
  transition: all .2s linear;
}
/* 吸顶筛选*/
 .fix-screen{
  position: fixed;
  top: 0;
  left: 0;
  z-index: 15;
  width: 100%;
  height: 56px;
  background: #fff; 
  box-shadow: 0 5px 10px 0 rgba(30,35,47,0.06);
 } 
 .fix-screen{
   display: none
 }
 .fix-screen .fix-con{
   width: 1200px;
   margin: 0 auto;
   height: 28px;
   padding: 14px 0;
   font-size: 14px;
 }
 .fix-con .con-tit{
  width: 60px;
  height: 28px;
  /* padding: 14px 0; */
  line-height: 28px;
  color: #999;
  margin: 0;
 }
 .fix-con li{
   float: left;
 }
 .dd-sel {
  height: 26px;
  line-height: 26px;
  padding: 0 9px;
  font-size: 14px;
  color: #333;
  width: 76px;
  background: #fff;
  border: 1px solid #eee;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.topICon{
  cursor: pointer;
}
.con-sel .dd-sel:before,.topICon:before{
  content: '';
  display: inline-block;
  background: url(../images/selIcon.png);
  background-repeat: no-repeat;
  background-size: 100%
}
.doumIcon:before{
  transform: rotate(180deg);
  transition: all linear .1S;
}
.dd-sel:before,.topICon:before{
   float: right;
   width: 10px;
   height: 6px;
   line-height: 0;
   font-size: 0;
   margin-top: 10px;
}
.con-sel{
  margin-right: 42px
}
.con-sel .dd-all, .con-sel .dd-car{
  display: none;
  position: absolute;
  top: 41px;
  z-index: 21;
  /* left: -50px; */
  width: 94px;
  font-size: 14px;
  line-height: 32px;
  background: #fff;
}
.con-sel .dd-all ul li h1,.dd-sel h1,.con-sel .dd-all ul li h2,.n-dd-top h1,.n-a-box h2{
  font-size: 14px;
}
.dd-all{
  border: 1px solid #EEEEEE;
  border-top:0; 
  transition: all linear .2S;
  /* display: none */
}
.dd-all ul li{
  clear: both;
  width: 76px;
  color: #333;
  margin: 0;
  padding: 0 9px;
  cursor: pointer;
  transition: all linear .2S
}
#topMenus{
  width: 188px; 
   background: 
   transparent;
   border: 0
}
#categoryTags{
  position: relative;
  overflow: hidden; 
  width: 94px; 
  background: #fff;
  border: 1px solid #eee;
  border-top: 0;
}
#topMenu{
  position: absolute;
  top: -1px;
  left: 95px; 
  background: #fff; 
  border: 1px solid #EEE;
}
.dd-all ul li:hover {
  font-size: 14px;
  color: #FFF;
  background: #F55E53;
  /* display: block */
}
.con-sel:hover .dd-all{
  display: block;
}
.con-sel:hover .dd-sel:before { 
  transform: rotate(180deg);
  transition: all linear .1S;
}
.hosts-fix-screen{
  height: 72px;
}
.hosts-fix-screen li{
  margin: 0
}
.hosts-fiexd-text{
  color: #333;
  line-height: 72px
}
.hosts-fiexd-text h2,.hosts-fiexd-texth2 .Hjoin_meony{
  font-size: 24px
}
.hosts-fiexd-text h2 .Hjoin_meony,.hosts-fiexd-text .titleTe .Hjoin_meony{
  font-size:24px;
  margin-left: 16px;
  font-weight: 600;
}
.hosts-fiexd-text h2 .Hjoin_meony i,.hosts-fiexd-text .titleTe .Hjoin_meony i{
  font-size: 18px;
  font-weight: 400;
  margin-left: 2px
}
.hosts-fiexd-con{
  float: right;
}
.hosts-fiexd-con .host_btnCos,.hosts-fiexd-con .join_btnMax{
  float: left;
  margin-top: 12px;
  font-size: 18px
}
.hosts-fiexd-con .fiexd-information,.hosts-fiexd-con .fiexd-details{
  line-height: 72px;
  font-size: 20px;
  color: #333;
  margin-right: 48px;
  cursor: pointer;
  width: 64px;
}
.top_line{
  display: block;
  width: 20px;
  height: 4px;
  background: #333;
  line-height: 0;
  margin: 0 auto;
  margin-top: -4px
}
.fiexd-information:hover{
  font-weight: 600
}
.fiexd-information:hover span{
  display: block;
  width: 20px;
  height: 4px;
  background: #333;
  line-height: 0;
  margin: 0 auto;
  margin-top: -4px;
}
.hostsProject{
  margin-top: 81px;
}
.hostsProject .lc-content .lc-content-item{
  background:  #F8F8F8;
  padding: 20px 0; 
}
.host-lc-it:before{
  content: '';
  display: inline-block;
  width: 300px;
  height: 4px;
  background: #F55E53; 
  position: absolute;
  top: 0;
  left: 0;
}
.hostsProject .lc-content{
  margin: 0;
}
.hostsProject .lc-content .lc-content-item .lcItem2-1{
  top: 25px;
}
.hostsProject .lc-content .lc-content-item .lc-content-tit{
  font-size: 18px;
  color: #666;
}
.hostsProject .lc-content .lc-content-item .lc-content-info{
  font-size: 14px;
  color: #999;
}
.hostsProject{
  border: 1px solid #eee
}
.hostsProjectCon{
  height: 308px;
  background: url(../images/hostProjectConBj.png)0px -88px;
  background-size: 100%;
}
.host-project-from{
  width: 492px;
  margin: 0 auto;
}
.project-from-brandName{
  font-size: 24px;
  color: #333333;
  font-weight: 600;
  text-align: center;
  padding: 50px 0 32px 
}
.host-success{
  width: 326px;
  margin: auto;
  display: none;
  text-align: center;
}
.dd-all ul .hhActve{
  color: #fff !important;
}
.isDisabled{
  pointer-events:none
}
.linkMain{
  border-bottom: 1px dashed #ffffff26;
  overflow: hidden;
}
.linkt{
  color: #fff;
  padding-top: 24px;
}
.linktext{
  width: 1123px;
  padding-top: 20px;
  padding-bottom: 15px;
}
.linktext a span,.linkt{
  display: inline-block;
  width: 76px;
  font-size: 14px;
  font-weight: 300;
  padding-bottom: 6px;
  
}
.linktext a span{
  color:#999;
  width: auto;
  margin-right: 3px;
}
.mapTag dl  {
  padding: 15px 0 5px;
  margin: 0;
  border-bottom:1px solid #eee 
}
.mapTag dl dt a span{
  font-size: 20px;
  color: #333;
  font-weight: 600
}
.mapTag dl dt{
padding:20px 0px
}
.mapTag{
  margin-bottom: 80px
}
.mapTag dl dd{
  margin-left: 0
}
.mapTag dl dd div a span{
  font-size: 14px;
  color: #333333;
  line-height: 20px;
  display: inline-block;
  width: 115px;
  margin-bottom: 32px
}
.next_icon{
  display: inline-block;
  width: 6px;
  height: 8px;
  background: url(../images/next_icon.png)no-repeat;
  background-size: 100% 100%;
  position: relative;
  top: -2px;
}
.n_tagmain{
  padding: 12px 0 18px
}
.n_tagmain a {
  margin-right: 15px;
  margin-bottom: 32px;
  display: inline-block
}
.n_tagmain a span{
  padding: 16px;
  border: 1px solid #EEEEEE;
  border-radius: 1px;
  font-size: 14px;
  color: #333333;
  letter-spacing: 0;
 
}
.n_tagmain a .tag_span_item:hover{
  color: #647DB0 
}
.error_main p{
 text-align: center
}
.error_t1{
  font-size: 20px;
  color: #333333;
}
.error_t2{
  font-size: 16px;
  color: #999999;
  line-height: 2.5;
}
.error_t3{
  margin-top: 56px
}
.error_t3 a{
  display: inline-block
}
.err_btn{
  width: 188px;
  height: 48px;
  line-height: 48px;
  background: #F55E53;
  border-radius: 2px;
  font-size: 16px;
  color: #FFFFFF;
  text-align: center;
  cursor: pointer;
  box-shadow: 0 2px 12px 0 rgba(245,94,83,0.32);
}
/* 落地页留言 */
.ad-popup-message{
  height: 0;
}
.ad-popup-leaving-from{
   position: fixed;
   z-index: 10001;
   left: 50%;
   top: 50%;
   width: 720px; 
   height: 340px;
   background: #fff;
   margin-top: -170px !important;
   margin-left: -360px !important; 
   box-shadow: 0 5px 10px 0 rgba(30,35,47,0.06)
}
.popMessageClose{
  width: 18px;
    height: 18px;
    float: right;
    margin-top: 22px;
    margin-right: 20px;
    cursor: pointer;
}
.ad-popup-SuccessWarp{
  margin-left: -360px !important; 
  display:none;
  position: fixed!important;
}
.ad_host_Mobile{
  width: 478px;
  border: 1px solid #EEEEEE;
  height: 46px;
}
.adHostMobileCode{
  width:364px;
  border: 1px solid #EEEEEE;
  height: 46px;
}
.ad_rank_btn{
  widows: 104px !important;; 
}
.ad_leavBtn{
  width:492px;  margin-top: 24px
}
.ad-popup-SuccessWarp{
  margin-top: -169px;  
  z-index: 9999;
 }
 /* 登录 */
 .header_login{
  margin-left: 16px;
  margin-right: 0 !important
}
.header_login_btn{
 font-size: 14px;
 height: 32px;
 position: relative;
 top: 10px;
 line-height: 32px;
 border-radius:2px 
}
.heaer_userImg{
  width: 32px;
  height: 32px;
  border-radius: 32px;
  background: #ccc;
  display: inline-block;
  position: relative;
  top: 10px;
  margin-right: 7px;
}
#userName{
 white-space: nowrap;
 text-overflow: ellipsis;
}
/* #userName::after{
  content: '';
  display: inline-block;
  background: url(../images/hupdown.png);
  width: 8px;
  height: 8px;
} */
.icon_hupdown{
  display: inline-block;
  background: url(../images/hupdown.png);
  background-size: 100% 100%;
  width: 8px;
  height: 8px;
  float: right;
  margin-top: 33px;
  position: absolute;
  right: -1px;
}
.heaer_nav_user{
 background: #FFFFFF;
 box-shadow: 0 2px 12px 0 rgba(30,35,47,0.10);
 border-radius: 4px;
 width: 96px;
 height: 125px;
 text-align: center;
 position: absolute;
 top: 53px;
 right: 0;
 display: none
}
.heaer_nav_user a .item  {
  line-height: 2.5
}
.heaer_nav_user a .item {
 font-size: 14px;
 color: #333333;
}
.heaer_nav_user a .item:hover {
 color: #F55E53;
}
.header_login:hover .heaer_nav_user{
  display: block
}
.login-popup-leaving-from{
  width: 460px;
  height: 350px;
  margin-top: -170px !important;
  margin-left: -230px !important;
}
.login-from-brandName{
  padding-bottom: 2px
}
.title_nav{
 font-size: 16px;
 color: #999999;
 text-align: center;  
 padding: 8px 0
}
.login_item_from{
  margin-top: 24px
}
.login_iphone{
  width: 348px;
  height: 48px;
}
.login_code{
 width: 228px;
 height: 48px;
}
/* 引导 */
.guide-project{
 position: fixed;
 z-index: 10001;
 left: 50%;
 top: 50%;
 width: 460px;
 height: 455px;
 background: #fff;
 margin-top: -170px !important;
 margin-left: -270px !important;
 box-shadow: 0 5px 10px 0 rgba(30,35,47,0.06);
 border-top:5px solid #DDD
}
.guide-project:before{
  content: '';
  display: inline-block;
  width: 153px;
  height: 5px;
  background: #F55E53;
  position: absolute;
  top: -5px;
}
.guide-project2:before{
 width: 308px;
}
.guide-project3::before{
 width: 460px;
}
.guideTitle{
 font-size: 20px;
 color: #333333;
 text-align: center;
 margin-top: 35px
}
.guideSubheading{
 font-size: 16px;
 color: #333333;
 text-align: center;
 margin-top: 16px
}
.guide-project-main{
  overflow: hidden;
  height: 280px;
  padding-left: 20px
}
.project-item{
 background: #FFFFFF;
 border: 1px solid #EEEEEE;
 border-radius: 2px;
 height: 30px;
 width: 80px;
 line-height: 32px;
 margin-left: 20px;
 margin-top: 20px;
 float: left;
  text-align: center;
  cursor: pointer;
  color: #666666;
  font-size: 14px
}
.project-item-active,.inactiveInteres,.CycleActive,.quotaActive,.sexActive,.ageGroupActive{
 background: rgba(245, 94, 83, 0.1);
 color: #F55E53;
 border-color: #fff;
}
.guide-probtn-con{
 width: 380px;
 padding: 10px 40px  32px 40px;
 position: absolute;
 bottom: 0; 
}
.guide-probtn-jump{
 font-size: 12px;
 color: #999999;
 cursor: pointer;
}
.guide-going-btn{
 background: #ccc;
 border-radius: 2px;
 display: inline-block;
 height: 32px;
 text-align: center;
 line-height: 32px;
 width: 72px;
 font-size: 14px;
 color: #FFFFFF;
 float: right;
}
.guide-going-btn-active{
  background: #F55E53;
  cursor: pointer;
}
.P_project-main2,.P_project-main3{
 height: auto;
}
.P_project-main2 .P_item2{
 width: 120px;
}
.P_project-main3 .P_item3{
  width: 180px;
}
/* 个人中心 */
.personal_m{
  overflow: hidden;
}
.personan_menu{
  width: 110px;
  height: 144px;
  border-right: 1px solid #eee;
  margin-top: 10px;
}
.personan_menu_item{
 font-size: 18px;
 color: #333333;
 line-height: 48px;
 font-weight:600 ;
 transition: .5s linear
}
.personan_menu .personan_menu_item{
  position: relative;
}
.personan_menu .personan_menu_item:hover a{ 
  color: #F55E53 !important;
}
.personan_menu .personan_menu_item:hover:after{
  content: '';
  display: inline-block;
  width: 3px;
  height: 48px;
  position: absolute;
  background: #F55E53;
  right: -2px;
}
.per_s{
  padding-top: 20px
}
.per_s .per_s_item{
 font-size: 16px;
 color: #333333;
 text-align: right;
 font-weight: 600;
}
.pers_active{
 color: #F55E53;
 position: relative;
 /* border-right: 3px solid #F55E53 */
}
 .pers_active:after{
   content: '';
   display: inline-block;
   width: 3px;
   height: 48px;
   position: absolute;
   background: #F55E53;
   right: -2px;
 }
.personan_main{
 width: 1035px;
 float: left;
 margin-left: 52px;
}
.per_s .per_s_item {
 text-align: left;
 height: 100px;
}
.per_s .per_s_item .per_s_item_l{
 width: 105px;
 line-height: 45px;
 display: inline-block;
 text-align: right
}
.per_s_item_t{
 font-size: 16px;
 color: #666666;
 font-weight: 400
}
.per_s_item_t,.per_s .per_s_item input{
  margin-left: 72px;
  outline: #eee
}
.per_s .per_s_item .personal_text{
  background: #FAFAFA;
  border: 1px solid #EEEEEE;
  border-radius: 2px;
  height: 40px;
  width: 344px;
  line-height: 40px;
  font-size: 16px;
  color: #666666;
  padding-left: 14px
}
.per_edit_main .per_s_item .per_s_item_t,.per_edit_main .per_s_item input{
  margin-left: 58px;
}
.per_editbtn {
 font-size: 14px;
 color: #647DB0;
 margin-left: 154px;
 cursor: pointer;
 line-height: 45px;
}
/* .edit_header{
 display:inline-block;
 width:56px;
 height: 56px;
 border-radius: 56px; 
 background: rgba(0,0,0,0.6) ; 
 font-size: 12px;
 color: #FFF;
 text-align: center;
 cursor: pointer;
} */
.select_sex{
  display: inline-block;
  font-size: 16px;
  color: #666666;
  font-weight: 400
}
.rdo {
	width: 20px;
	height: 0px;
	background-color: #000;
	margin-right: 0px;
	border-radius: 50%;
  position: relative;
  cursor: pointer;
  top: -15px;
  font-size: 16px;
  color: #666666;
}
.rdo:before,.rdo:after {
	content: '';
	display: block;
	position: absolute;
	border-radius: 50%;
	transition: .3s ease;
}
/* #per_dt .per_s_item{
  height: 82px;
} */
.rdo:before {
	top: 0px;
	left: 0px;
	width: 16px;
	height: 16px;
	background-color: #fff;
	border: 1px solid #EEE;
}
.rdo:after {
	top: 4px;
	left: 4px;
  width: 10px;
  height: 10px;
	background-color: #19191940; 
}
.rdo:checked:after {
	top: 4px;
	left: 4px;
  width: 10px;
  height: 10px;
	background-color:#F55E53 ; 
}
.rdo:checked:before {
	border-color:#F55E53 ; 
}
.personan_tab_menu{
  overflow: hidden;
}
.personan_tab_menu li{
  float: left;
  width: 126px;
  height: 46px;
  line-height: 49px;
  text-align: center;
  font-size: 18px;
  color: #333333;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.1s;
  
}
.personan_tab_menu li:hover{
  background: #F55E53;
  border-radius: 2px;
  color: #FFFFFF;
}
.personan_tab_menu  .tab_item_active{
  background: #F55E53;
  border-radius: 2px;
  color: #FFFFFF;
}
.collection_p3{
  width: 737px;
  color: #999999;
}
.collection_time{
  float:right;
}
.collection_p3 .Sjoin_meony{
  color: #F55E53;
}
.collection_p3 .Sjoin_meony i{
  font-size: 24px
}
.collection_p3 span{
  border: none;
  font-size: 14px
}
.collection_p3 p span{
  color: #666
}
.collection_p3 span.collection_time{
  color: #647DB0;
  cursor: pointer;
  margin-left: 12px
}
.collection_p3 span.collection_Coming,.collection_p3 span.collection_Offline{
  width: 66px;
  height: 28px;
  text-align: center;
  line-height: 28px;
  font-size: 12px;
}
.collection_p3 span.collection_Coming{
  background: rgba(245, 94, 83, 0.1);
  color: #F55E53;
}
.collection_p3 span.collection_Offline{
  background: #F3F5F7;
  color: #999999;
}
#headerSrc , #headerSrc_e,.fileImg,#header_file{
  width:56px;
  height: 56px;
  border-radius:56px;  
  
}
.fileImg{
  position: relative;
  top: -9px;
}
.fileImg::before{
  content: '更换头像';
  display: inline-block;
  background: #181818d9;
  position: absolute;
  width: 27px;
  padding: 10.5px 15.5px;
  height: 37px;
  border-radius: 56px;
  color: #fff;
  font-size: 12px;
  text-align: center;
 opacity: 0;
}
.fileImg:hover::before{
  opacity: 1;
}
#headerSrc{
  position: relative;
  top: -9px; 
  left: 72px;
}
.edit_header{
  position: relative;
  left: 58px;
}
#header_file{
 position: absolute;
 top: 0;
 left: -57px;
 opacity: 0
}
.select-birthday{
  display: inline-flex;
  width: 344px;
  height: 40px;
  margin-left: 58px;
  /* overflow: hidden; */
}
.select-birthday ul,.select-birthday ul li {
  margin: 0;
  padding: 0
} 
.select-y ul ,.select-y ul li{
  padding: 0
}
.select-y{
  width: 94px;
  /* max-height:214px; */
  background: #FAFAFA;
  padding-left: 10px;
  line-height: 40px;
  font-size: 16px;
  color: #666666;
  position: relative;
  border-radius: 2px;
}
.select-y::after{
   content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    background: url(../images/hupdown.png);
    position: absolute;
    top: 16px;
    right: 8px;
    background-size: 100% 100%;
}
.select-y p{
  border: 1px solid #EEEEEE;
  border-radius:2px; 
}
.yer,.yer-dd{
  height: 40px;
  font-size: 16px;
  color: #666666;
  padding-left: 10px;
}
.yer-dd{
    position: absolute;
    width: 94px;
    /* top: 41px; */
    z-index: 21;
    background: #FFFFFF;
    box-shadow: 0 2px 8px 0 rgba(30,35,47,0.10);
    cursor: pointer;
    display: none;
    min-height:214px;
    overflow: hidden;
    overflow-y: auto;
}
.select-y .yer-dd {
    background: #FAFAFA;
}
.select-y .yer-dd li {
  font-size: 16px;
   width: 94px;
   /* background: #FAFAFA; */
   font-weight: 400;
   padding-left: 10px
}
.select-y .yer-dd .p-dd-item{
  padding-left: 10px
}
.yer:hover{
  cursor: pointer;
}
.select-y:hover .yer-dd{
  display: block;
}
.select-y:hover p{
  background: #FFFFFF;
  border: 1px solid #F55E53;
  box-shadow: 0 1px 4px 0 rgba(245,94,83,0.30);
  border-radius: 2px;
}
 .select-y:hover, .select-y:hover p input {
  background: #FFFFFF;
}
.yer-dd li:hover{
  background: rgba(245, 94, 83, 0.1);
}
.select-y .yer span{
  font-size: 16px;
  color: rgb(207, 31, 31);
}
#cityName , #provinceName,#se_year,#se_month,#se_day{
  margin-left: 0;
  height: 38px;
  width: 72px;
  border: none;
  background: transparent;
}
#year,#month,#day{
  width: 94px;
  /* top: 41px; */
  /* z-index: 21; */
  background: #FFFFFF;
  /* box-shadow: 0 2px 8px 0 rgba(30,35,47,0.10); */
  border: solid 1px #eee;
  appearance:none;
	-moz-appearance:none; 
	-webkit-appearance:none;
  border-radius:0;
  -moz-appearance: none;
}
#year option{
  appearance: none;
}
select:focus{
  border: 2px #ddd solid;
  box-shadow: 0 0 15px 1px #DDDDDD;
}
option:hover{
  background: #EBCCD1;
}
.notCollection{
  font-size: 20px;
  color: #999999;
  text-align: center;
  margin-top: 106px;
}
.collection_time{
  z-index: 9999999999;
}
.new_Collection{
  cursor: pointer;
  margin-left: 20px;
  color: #333;
  position: relative;
  display: inline-block;
  opacity: 0;
  transition: all 0.2s;
}
.new_Collection img{
  position: absolute;
  margin-left: -16px;
  top: 3px;
  width: 12px;
  height: 12px;
}