@charset "UTF-8";
html{overflow-x:hidden;font-family:Helvetica Neue,Roboto Light,PingFang SC,Lantinghei SC,Hiragino Sans GB,Microsoft Yahei,Arial}
body{font-size:62.5%; min-width: 1120px; font-weight: 200}
body,div,p,a,ul,li,img{ margin:0;padding: 0}
div img{vertical-align:bottom}
.main{ width:960px; margin: 0 auto}
.nav2 {padding-left: 20px; line-height: 120px;}
.home {height: 68px; width: 160px;background-image: url("../img/1.png"); background-position: -439px 0;vertical-align: middle;display: inline-block;}
.main1{ width:1120px; margin: 0 auto; padding-bottom: 80px;}
.top_main{ background: url("../img/banner3.png") center no-repeat; background-size: 100% 100%; overflow: hidden; zoom:1}
.top_bg{height: 120px;line-height: 120px;background: hsla(0,0%,100%,.1);}
.sp_bf{ float:right; padding-top: 20px; position:relative}
.t_all{ position: absolute; width: 122px; background: url("../img/1.png")}
.t_z{ height: 53px;left: -75px;top: 157px;background-position: -439px -88px;}
.t_y{height: 34px;right: 6px;top: 143px;background-position: -439px -163px;}
.picture {position: absolute;top: 80px;left: 73px;border: 1px solid #ddd;}
.xz_js{ float:left; width: 470px; padding:90px 0 0 60px}
h1{ font-weight: 100;font-size: 45px;line-height: 55px; color: #fff;-webkit-margin-before: 0;-webkit-margin-after: 0.83em;-webkit-margin-start: 0px; -webkit-margin-end: 0px;}
.wz_js{ font-weight: 200;font-size: 18px;line-height: 25.2px;margin: 30px 0;text-align: justify; color: #fff}
.pg_xz{ background: #06f; margin-right: 20px;}
.az_xz{background: #3c3;}
.xz_an{ height: 55px;width: 220px;display: inline-block;color: #fff;text-decoration: none;font-size: 14px;border-radius: 30px;line-height: 55px;font-weight: 500;}
.xz_an img{ vertical-align: middle; padding: 0 10px 0 20px}
.counter {display: block;text-align: center;font-size: 6em;line-height: 60px;color: #ed1e24;font-weight: 100;margin-top: 50px;}
.share-matches {display: block; text-align: center; font-size: 16px; color: #424242; margin-top: 10px; ;padding: 0 10px;}
.features{ padding-top:30px;}
.feature {width: 50%; display: inline-block;vertical-align: top; height: 200px; overflow: hidden; zoom:1; float: left}
.feature-title {font-size: 30px; color: #303435;font-weight: 100; padding: 0 30px;}
h2 {display: block;font-size: 1.5em;-webkit-margin-before: 0.83em;-webkit-margin-after: 0.83em;-webkit-margin-start: 0px; -webkit-margin-end: 0px;font-weight: bold;}
.feature-desc {font-size: 16px;color: #818c92; margin-top: 30px;padding: 0 30px;line-height: 22.4px;}
user agent stylesheet
p {display: block;-webkit-margin-before: 1em;-webkit-margin-after: 1em;-webkit-margin-start: 0px;-webkit-margin-end: 0px;}
.feature-swipe span {background-position: -72px -62px;width: 52px;height: 52px;}
.feature-title span {content: '';display: inline-block;vertical-align: middle; margin-right: 35px; background-image: url("../img/3.png");}
.feature-love span {background-position: 0 0; height: 52px; width: 72px}
.feature-profile span {background-position: -92px 0;height: 52px; width: 52px}
.feature-security span {background-position: 0 -72px;height: 52px; width: 52px}
#download { clear: both;padding-bottom: 44px;text-align: center;overflow: hidden;background-color: #f6efef;}
.download-title {color: #000;font-size: 48px;line-height: 48px;font-weight: 100;margin-top: 55px;}
.download-targets {text-align: center;max-width: 960px;margin: 60px auto 0;padding: 0;}
.download-target {width: 33%;display: inline-block;}
.download-link {display: block;}
.download-label {display: inline-block; line-height: 60px; width: 200px; border-radius: 30px; background-color: #99999e;color: #fff;font-size: 22px; font-weight: 100; height: 60px;margin-top: 35px; text-align: center;}
.footer { background: #fff;text-align: center; font-size: 12px; padding: 20px 0 }
.footer-row {padding: 4px; max-width: 960px; margin: 0 auto;}
.footer a {text-decoration: none; color: #818c92; cursor: pointer;}
.footer-component {display: inline-block;margin: 0 10px;}
.footer-component {display: inline-block; margin: 0 10px;}