﻿*:focus{outline:none;}
*{ margin:0; padding:0; box-sizing:border-box; letter-spacing:0.5px;}
html{ height:100%;}
body,h1,h2,h3,h4,h5,h6,ul,li,ol,div,dl,dt,dd,p,img,a,form,table,tr,td,input,select,textarea{ margin:0; padding:0; color:#000; font-size:24px; font-family:"微软雅黑"; outline:none; font-weight:normal;}
body{ height:100%; -webkit-text-size-adjust:none; background:#fff;}
img{vertical-align:middle; border:0 none;}
li{list-style:none; list-style-position:outside;}
a{ color:inherit; font-size:inherit; text-decoration:none; overflow:hidden; outline:none;}
ul{list-style:none; overflow:hidden;}
i{ font-family:"iconfont" !important; font-style:normal;}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { 
color: #ccc; 
} 
input:-moz-placeholder, textarea:-moz-placeholder { 
color: #ccc; 
} 
input::-moz-placeholder, textarea::-moz-placeholder { 
color: #ccc; 
} 
input:-ms-input-placeholder, textarea:-ms-input-placeholder { 
color: #ccc; 
} 


input[type="button"], input[type="submit"], input[type="reset"] {
-webkit-appearance: none;
}

select {
  /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
  border: 2px solid #ededed;
  text-indent:15px;
  height:50px;
  color:#8f8f8f;

  /*很关键：将默认的select选择框样式清除*/
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;

  /*在选择框的最右侧中间显示小箭头图片*/
  background:url(../images/arrow.png) no-repeat scroll right 13px center #fff;

}

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }

@font-face {
  font-family: 'iconfont';  /* project id 705414 */
  src: url('//at.alicdn.com/t/font_705414_gceg8ijerh.eot');
  src: url('//at.alicdn.com/t/font_705414_gceg8ijerh.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_705414_gceg8ijerh.woff') format('woff'),
  url('//at.alicdn.com/t/font_705414_gceg8ijerh.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_705414_gceg8ijerh.svg#iconfont') format('svg');
}


.wrapBox *{  box-sizing:border-box;}
.wrapBox input:focus{ border-color:#0bb40f;}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { 
color: #ccc; 
} 
input:-moz-placeholder, textarea:-moz-placeholder { 
color: #ccc; 
} 
input::-moz-placeholder, textarea::-moz-placeholder { 
color: #ccc; 
} 
input:-ms-input-placeholder, textarea:-ms-input-placeholder { 
color: #ccc; 
} 


input[type="button"], input[type="submit"], input[type="reset"] {
-webkit-appearance: none;
}


.wrapBox{ width:750px; position:relative; margin:0 auto 100px; overflow:hidden;}



/*首页*/
.bottom{ width:100%; height:100px; position:fixed; left:0; bottom:0; border-top:1px solid #e7e7e7; background:#fefefe; z-index:99;}
.bottom p{ width:750px; height:100%; margin:0 auto; display:flex; justify-content:space-between; align-items:center;}
.bottom p a{ display:inline-block;  width:170px; font-size:24px; color:#808080; text-align:center;}
.bottom p a i{ display:block; text-align:center; font-size:42px; margin-bottom:5px;}
.bottom p a.active{ color:#0bb40f;}

.top{ width:710px; height:140px; border-radius:70px; margin:50px auto 38px; background:#d9f2e4; display:flex; align-items:center; padding:25px;}
.top .logo{ display:flex; align-items:center; justify-content:center; width:90px; height:90px; background:#fff; border-radius:50%; margin-right:20px; }
.top div{ width:320px;}
.top h2{ font-size:30px; color:#333333; line-height:45px; font-weight:bold}
.top p{ font-size:24px; color:#333333; line-height:45px; }
.top ul{ width:230px; background:url(../images/arrow.png) no-repeat right center;}
.top li{ display:inline-block; vertical-align:middle; width:78px; height:78px; line-height:78px; position:relative; text-align:center; margin-right:-25px; border-radius:50%;  background:#1bb334; font-size:26px; color:#fff; }
.top li img{ display:block; width:100%; height:100%; border:3px solid #fff; border-radius:50%; }
.top li.new:after{ content:""; display:block; position:absolute; width:15px; height:15px; border-radius:50%; background:#f6000a; position:absolute; right:2px; top:2px;}


.news_con{ width:710px; margin:0 auto; border-radius:8px; line-height:90px; border:15px; padding-left:190px; background:url(../images/new_tit.png) no-repeat 25px center #f5f5f5;}
.news_con .slick-slide{ font-size:28px; color:#999999; width:17em!important; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.title{ width:100%; padding:60px 0 20px 0; text-align:center; position:relative;}
.title h2:after,.title h2:before{ content:""; display:inline-block; margin:0 20px; vertical-align:middle; width:60px; height:2px; background:#ededed;}
.title h2{ width:100%; font-size:28px; color:#1bb334; }
.title h2 b{ display:inline-block; vertical-align:middle; width:10px; height:10px; border-radius:50%; background:#1bb334; margin:0 10px; }

.cardType li{ width:100%; height:210px; display:flex; align-items:center; padding:0 30px; border-bottom:20px solid #f5f5f5;}
.cardType li img{ width:90px; height:90px; margin-right:45px; }
.cardType li div{ width:450px; padding-right:30px; }
.cardType li h4{ font-size:32px; color:#333333; padding-bottom:10px; font-weight:bold;}
.cardType li p{ font-size:28px; color:#b2b2b2; padding-bottom:10px;}
.cardType li h5{ font-size:26px; color:#818181; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.cardType li h5 span{ color:#cf8300; }
.cardType li a{ display:block; width:100px; height:60px; text-align:center; line-height:60px; border-radius:10px; background:#1bb334; font-size:24px; color:#ffffff;}


/*服务商*/
.service_top{ height:130px; background:#ededed; display:flex; align-items:center; padding:0 45px; }
.service_top select{ width:250px; height:60px; text-align:center; line-height:60px; margin-left:50px; padding-left:20px; font-size:28px; color:#333333; }
  
.head_img{ display:block;  border-radius:50%; overflow:hidden; font-weight:normal; background:#1bb334; font-size:30px; color:#fff; display:flex; align-items:center; justify-content:center;}
.head_img img{ width:100%; height:100%; object-fit:cover; }

.serviceList,.businuessList,.hotBusinuessList,.detail_con,.headlineList{ margin-bottom:120px; }
.serviceList li{ width:680px; height:258px; margin:0 auto; border-bottom:2px solid #e6e6e6; display:flex; padding:40px 0; }
.serviceList li .head_img{ width:100px; height:100px; margin-right:30px; }
.serviceList li div{ width:440px; padding-right:30px; }
.serviceList li h4{  width:15em; font-size:28px; color:#5c6a93; padding-bottom:25px; font-weight:bold;  overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.serviceList li h5{ font-size:28px; color:#999999; padding-bottom:25px;}
.serviceList li p{ font-size:28px; color:#cf8300;}
.serviceList li a{ display:block; display:none; width:108px; height:60px; text-align:center; line-height:60px; border-radius:10px; background:#1bb334; font-size:24px; color:#ffffff;}

.applyBtn{ width:100%; height:124px; position:fixed; left:0; bottom:100px; box-shadow:0 0 0px 5px  rgba(59,59,59,0.06); background:#fff; }
.applyBtn a{ display:block; width:674px; height:94px; border-radius:10px; background:#1bb334; margin:18px auto; font-size:32px; color:#fff; text-align:center; line-height:91px;  }


.tc_apply{ width:650px; height:764px; background:#fff; border-radius:10px; position:fixed; left:50%; top:50%; margin:-387px 0 0 -325px; text-align:center; z-index:100;  display:none;}
.tc_apply h4{ font-size:32px; color:#333333; padding:40px 0; }
.tc_apply input,.tc_apply select{ padding:0 20px; width:590px; height:85px; border:2px solid #f1f1f1; border-radius:10px; font-size:28px; color:#666666; margin-bottom:25px; }
.tc_apply select{ background-image:url(../images/arrow.png); }
.tc_apply button{ margin-top:30px; width:590px; height:90px; border-radius:10px; background:#1bb334; font-size:32px; color:#ffffff; text-align:center; line-height:90px; }



.bg{ width:100%; height:100%; background:#000; opacity:0.6; position:fixed; left:0; top:0; z-index:99; display:none; }


/*商家*/
.business_top{ height:140px; display:flex; align-items:center; justify-content:space-around; padding:0 20px; }
.business_top a{ display:block; width:190px; height:80px; background:#ededed; border-radius:50px; font-size:28px; color:#999999; text-align:center; line-height:80px; }
.business_top a.current{ background:#1bb334; color:#fff;}

.businuessList li{ width:690px; height:152px; margin:0 auto; border-bottom:2px solid #ededed; position:relative; display:flex; padding:0 30px; align-items:center; background:#fff;}
.businuessList li .head_img{ width:90px; height:90px; margin-right:40px; }
.businuessList li div{ width:440px; padding-right:30px; }
.businuessList li h4{ width:15em; font-size:30px; color:#333333; padding-bottom:20px;  overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.businuessList li p{ font-size:24px; color:#999999;}


.hotBusinuessList li{ width:680px; height:258px; margin:0 auto 30px; border:2px solid #ededed; border-radius:10px; position:relative; display:flex; padding:40px 30px; background:#fff;}
.hotBusinuessList li .head_img{ width:90px; height:90px; margin-right:40px; }
.hotBusinuessList li div{ width:440px; padding-right:30px; }
.hotBusinuessList li h4{ font-size:30px; color:#333333; padding-bottom:25px; font-weight:bold;  overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.hotBusinuessList li h5{ font-size:28px; color:#4c4c4c; padding-bottom:40px; font-weight:bold;  overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.hotBusinuessList li p{ font-size:24px; color:#999999;}
.hotBusinuessList li:before{ content:""; display:block; width:100%; height:70px; border:10px; background:#ededed; border-radius:10px; position:absolute; left:0; bottom:-8px; z-index:-1; }
.hotBusinuessList li:nth-child(1):before{ background:#f62853; }
.hotBusinuessList li:nth-child(2):before{ background:#0a93e4; }
.hotBusinuessList li:nth-child(3):before{ background:#08a892; }

.hotBusinuessList li:after{ content:""; display:block; width:70px; height:110px; position:absolute; right:16px; top:0; }
.hotBusinuessList li:nth-child(1):after{ background: url(../images/rank.png)left top;}
.hotBusinuessList li:nth-child(2):after{ background:url(../images/rank.png) -158px top; }
.hotBusinuessList li:nth-child(3):after{ background:url(../images/rank.png) -300px top;}



/*登录*/
.login{ width:665px; margin: 86px auto 0; }
.login li{ height:85px; border-radius:5px; background:#f3f3f3; margin-bottom:36px; display:flex; align-items:center}
.login li.link{ background:none; text-align:right; display:block; margin-bottom:0;}
.login li.link a{ font-size:32px; color:#0bb40f;}
.login li i{ font-size:42px; color:#3bc056; padding:0 30px; }
.login li input{ border:none; background:none; font-size:32px; width:400px; }
.login li input::-webkit-input-placeholder{ color:#999999; }
.login li:last-child{ margin-top:80px; }
.login li button{ width:100%; height:100%; border:none; background:#0bb40f; font-size:32px; color:#fff;}
.login li button i{ color:#fff; }
.login li button:disabled{ background:#cccccc; }
.login li:nth-child(4){ font-size:32px; }

.success{ text-align:center; padding-top:70px; }
.success i{ font-size:52px; color:#428e44;}
.success p{ font-size:38px; color:#333333;  padding:35px 0 60px;}
.success .code{ width:400px; height:400px;  margin-bottom:98px; }


/*媒体报道*/
.newsCon{ padding-left:35px; }
.newsCon li{ width:100%; height:220px; padding:25px 22px 25px 0; border-bottom:2px solid #efefef;}
.newsCon li a{  display:flex;}
.newsCon li img{ width:220px; margin-left:25px; height:172px; border-radius:10px; object-fit:cover;}
.newsCon li .newsItem{ width:450px;}
.newsCon li .newsItem h5{ height:115px; margin:15px 0; font-size:32px; line-height:45px; font-weight:normal; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.newsCon li p{ width:100%; display:flex; justify-content:space-between;}
.newsCon li p span{ font-size:24px; color:#666666; }

.news_detail{ margin-bottom:120px; }
.news_detail h3{ font-size:46px; color:#333333; line-height:62px; padding:40px 30px; }
.news_detail .time{ font-size:30px; color:#878787; padding:0 30px 30px; display:flex; justify-content:space-between; }
.news_detail .time span:nth-child(2){ color:#b2b2b2; }
.detail_con{ padding:0 30px;}
.detail_con p{ font-size:32px; color:#666666; line-height:46px; text-indent:2em}
.detail_con img{ width:100%; padding:20px 0;}


/*动态*/
.headlineList li{ padding:30px 30px 35px; border-bottom:30px solid #f7f7f7;}
.headlineList li .head_top{ width:680px; height:96px; margin-bottom:10px; display:flex; align-items:center;}

.headlineList li .head_top img{ width:96px; height:96px; border-radius:50%;  object-fit:cover; margin-right:22px;}
.headlineList li .head_top div{ width:450px; }
.headlineList li .head_top p{ width:380px; overflow: hidden; line-height:42px; white-space: nowrap;text-overflow: ellipsis; font-size:28px; color:#1a1a1a;}
.headlineList li .head_top div span{ font-size:24px; color:#808080;}
.headlineList li .head_top button{ width:145px; font-size:30px; color:#e1e1e1; background:none; border:none; text-align:right;}
.headlineList li .head_top button i{ font-size:45px;}
.headlineList li .head_top button.clicked{ color:#52a53e;}


.headlineList li .item_text p{ font-size:30px; color:#333333; line-height:48px; overflow:hidden;}


.headlineList li ul{ width:680px; margin:10px 0 4px 0;}
.headlineList li li{float:left; width:333px; height:333px; margin-right:14px; border:none; padding:0;}
.headlineList li li:last-child{ margin:0;}
.headlineList li .more_img li{ width:180px; height:180px; margin:0 6px 6px 0;}
.headlineList li li img{ width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;}

.tc_show{ width:100%; height:100%; position:fixed; z-index:99; background: rgba(0, 0, 0, .6); left:0; top:0;}
.slick-dots{ bottom:10px;}
.slick-dots li{ width:10px; height:10px; background:#9a9a9a; text-indent:-9999px; border-radius:50%;}
.slick-dots li.slick-active{ background:#fff; }
.slick-dots li button:before{ content:"";}
.showCon,.showCon div{ width:100%; height:100%;}
.showCon img{ width:100%; height:100%; vertical-align:middle; -o-object-fit:contain; object-fit: contain;}


/*用户中心*/
.grayBody{ background:#f7f7f7; }
.userhead{ height:140px; background:#fff; display:flex; margin:20px 0; position:relative; align-items:center; justify-content:space-between; padding:0 65px 0 35px;}
.userhead .head_img{  width:90px; height:90px;   }
.userhead div{ width:320px; margin-left:25px; }
.userhead div h3{ width:8em; white-space:nowrap; line-height:46px; font-weight:normal; overflow:hidden; text-overflow:ellipsis; font-size:30px; color:#333333;}
.userhead div p{ font-size:24px; color:#999999; }
.userhead button{ width:208px; height:46px; background:none; margin-right:15px; border:2px solid #47c01b; border-radius:10px; text-align:center; font-size:24px; line-height:44px; color:#47c01b }

.setList{ width:100%; padding-left:28px; background:#fff;}
.setList li{ width:100%; height:147px; line-height:143px;  border-bottom:2px solid #f7f7f7; position:relative;}
.setList li:first-child{ padding-right:35px;}
.setList li:first-child a:after{ display:none; }
.setList li a{ display:block; width:100%; height:100%; font-size:30px; color:#333333;}
.setList li a i{ display:inline-block; width:60px; height:60px; border-radius:50%; font-size:34px; color:#fff; text-align:center; line-height:60px; margin-right:30px;}
.setList li span{ float:right; font-size:30px; color:#999999; }
.setList li a:after,.userhead:after { content:""; width:20px; position:absolute; right:30px; top:0; height:100%; background:url(../images/arrow.png) no-repeat left center; background-size:contain;}
.setList li:nth-child(n) a i{ background:#f69946;}
.setList li:nth-child(2n) a i{ background:#f99bbc;}
.setList li:nth-child(3n) a i{ background:#ffb15d; font-size:26px;}
.setList li:nth-child(4n) a i{ background:#41cade;}
.setList li:nth-child(5n) a i{ background:#ffc539;}
.setList li:nth-child(6n) a i{ background:#a89bf9;}

/*代理商*/
.search{ width: 665px;  height: 75px; box-shadow: 0 0 10px 4px rgba(197,197,197,0.59); border-radius: 5px; margin: 30px 40px 0; }
.search input{ width: 530px; height: 100%; padding:0 40px; font-size: 30px; color: #cccccc; border: none; vertical-align:bottom; }
.search button{ width:135px;  height: 100%; font-size: 30px; color: #ffffff; text-align: center; line-height: 75px; border-radius: 5px; background: #00c800; border: none; }

.agencyList{ padding-bottom: 130px; }
.agencyList h5{ width: 280px;  height: 40px; border-radius: 5px; background: #cecece; margin: 64px auto 22px; font-size: 24px; color: #ffffff; text-align: center; line-height: 40px; }
.agencyList .item{ width:700px; margin:0 auto;  box-shadow: 0 4px 10px 4px rgba(197,197,197,0.59); border-top: 5px solid #0cc80c; border-radius: 5px; padding: 0 15px;  background: #fff;}
.agencyList .item .title{ display: flex; justify-content: space-between; padding:20px 10px; border-radius: 5px; border-bottom: 2px solid #e8e8e8; }
.agencyList .item .title p{  font-size: 32px; line-height: 38px; max-width: 520px; }
.agencyList .item .title span{ font-size: 30px; color: #ee7319; }
.agencyList .item .con { font-size: 30px; color: #999999; line-height: 48px; padding: 20px 10px 35px; }


/*邀请好友*/
.flip-items{ overflow:visible; }

.inviteCardCon{ margin-top:78px; }
.inviteCardCon li .code{ width:195px; height:195px; position:absolute; left:190px; bottom:70px; }

.storeBtn{ display:block; border:none; margin:48px auto 20px; width:394px; height:80px; background:#27a938; border-radius:10px; font-size:32px; color:#ffffff; }
.store_tip{ text-align:center; font-size:32px; color:#666666; }


/*修改密码*/
.my_nav{ width:750px; height:98px; background:#fff; display:flex; justify-content:space-around; border-bottom:1px solid #e5e5e5;}
.my_nav a{ display:inline-block; width:200px; height:100%; font-size:28px; color:#666666; text-align:center; line-height:90px;}
.my_nav a.selected{  color:#53b139; border-bottom:4px solid #53b139; }

.recordCon{ width:610px; min-height:650px; margin:0 auto; background:#fff; padding:60px 20px 60px 38px; border-radius:10px;}
.recordCon p{ height:94px; border-bottom:2px solid #ededed;   line-height:94px; padding-left:10px; font-size:28px; color:#7c7c7c; }
.recordCon p span{ display:inline-block; min-width:130px; padding-right:5px; font-size:28px; color:#999999; justify-content:space-between; text-align:justify;  text-align-last:justify;}
.recordCon p input{ display:inline-block; margin-left:10px; width:386px; height:100%; font-size:28px; color:#7c7c7c; background:none; border:none; vertical-align:baseline;}

.createBtn{ margin:120px 0 0 105px;}