@import url(../../css/ionicons.css);
@import url(../../css/sm.css);
@import url(../../css/sm-extend.min.css);
@import url(../../css/public.css);
.page {
  background: #f3f3f3; }

.bar-tab ~ .content {
  bottom: 1.33333rem; }

.swiper-container {
  height: 3.73333rem;
  overflow: hidden; }
  .swiper-container img {
    width: 100%; }
  .swiper-container .swiper-pagination-bullet {
    width: 0.32rem;
    height: 0.08rem;
    border-radius: 0.10667rem; }

.find-content {
  width: 97%;
  overflow: hidden;
  margin: auto;
  padding-top: 0.13333rem;
  box-sizing: border-box; }
  .find-content a {
    width: 100%;
    height: 100%;
    display: block;
    background: #fff;
    border-radius: 0.18667rem;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    border: 1px solid #FFFFFF;
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-user-select: none;
    -webkit-touch-callout: none; }
    .find-content a h1 {
      font-size: 0.4rem;
      color: #323232;
      line-height: 0.64rem;
      margin-bottom: 0.13333rem; }
    .find-content a p {
      font-size: 0.26667rem;
      color: #b1b1b1;
      line-height: 0.37333rem; }
    .find-content a.hover {
      transform: scale(0.95, 0.95);
      border: 1px solid #7fe6e5;
      -moz-box-shadow: 0rem 0rem 0.17333rem #7fe6e5;
      -webkit-box-shadow: 0rem 0rem 0.17333rem #7fe6e5;
      box-shadow: 0rem 0rem 0.17333rem #7fe6e5; }
  .find-content div {
    overflow: hidden; }
  .find-content span {
    width: 86%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block; }
  .find-content img {
    width: 100%; }
  .find-content .find-div {
    width: 100%;
    height: 100%; }

.find-top {
  width: 100%;
  height: 6.13333rem;
  display: flex; }
  .find-top .find-top-left, .find-top .find-top-right {
    flex: 1;
    height: 100%;
    box-sizing: border-box;
    justify-content: space-between; }
  .find-top .find-top-left {
    position: relative;
    margin-right: 0.06667rem; }
    .find-top .find-top-left i {
      width: 0.93333rem;
      height: 1.06667rem;
      position: absolute;
      left: 0;
      top: 0;
      display: block;
      background: url("images/find-prize.png") no-repeat left top;
      background-size: 100%; }
    .find-top .find-top-left a {
      background: url("images/find1.png") no-repeat center #fff;
      background-size: 100%; }
      .find-top .find-top-left a h1, .find-top .find-top-left a p {
        position: absolute;
        left: 50%;
        transform: translateX(-50%); }
      .find-top .find-top-left a h1 {
        top: 1.06667rem; }
      .find-top .find-top-left a p {
        top: 1.73333rem; }
  .find-top .find-top-right {
    margin-left: 0.06667rem; }
  .find-top .find-top-right-top, .find-top .find-top-right-bottom {
    width: 100%;
    height: 50%;
    box-sizing: border-box;
    text-align: right; }
  .find-top .find-top-right-top {
    padding-bottom: 0.06667rem; }
    .find-top .find-top-right-top a {
      background: url("images/find2.png") no-repeat center #fff;
      background-size: 100%; }
  .find-top .find-top-right-bottom {
    padding-top: 0.06667rem; }
    .find-top .find-top-right-bottom a {
      background: url("images/find3.png") no-repeat center #fff;
      background-size: 100%; }

.find-bottom {
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-flow: row wrap;
  align-content: flex-start;
  margin-top: 0.13333rem; }
  .find-bottom > div {
    flex: 0 50%;
    height: 2.21333rem;
    margin-bottom: 0.13333rem; }
  .find-bottom > div:nth-child(odd) {
    box-sizing: border-box;
    padding-right: 0.06667rem; }
  .find-bottom > div:nth-child(even) {
    box-sizing: border-box;
    padding-left: 0.06667rem;
    text-align: right; }
  .find-bottom > div:nth-of-type(1) a {
    background: url("images/find4.png") no-repeat center #fff;
    background-size: 100%; }
  .find-bottom > div:nth-of-type(2) a {
    background: url("images/find5.png") no-repeat center #fff;
    background-size: 100%; }
  .find-bottom > div:nth-of-type(3) a {
    background: url("images/find6.png") no-repeat center #fff;
    background-size: 100%; }
  .find-bottom > div:nth-of-type(4) a {
    background: url("images/find7.png") no-repeat center #fff;
    background-size: 100%; }

#find2 img {
  width: 100%; }
#find2 .content-block {
  padding: 0;
  width: 100%;
  margin: 0 auto;
  overflow: hidden; }
#find2 .find-card {
  width: 95%;
  overflow: hidden;
  margin: auto;
  padding-top: 0.26667rem;
  background: #FFFFFF;
  border-radius: 0.13333rem;
  margin-top: 0.53333rem; }
#find2 .find-card-Img {
  width: 95%;
  height: 5.73333rem;
  margin: auto;
  overflow: hidden; }
#find2 .find-card-Describe {
  box-sizing: border-box;
  padding: 0.26667rem 0rem; }
  #find2 .find-card-Describe p {
    width: 92%;
    margin: auto;
    font-size: 0.37333rem;
    line-height: 0.53333rem;
    color: #646464;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; }
#find2 .find-card-Label {
  font-size: 0.42667rem;
  color: #323232;
  width: 95%;
  margin: auto;
  margin-top: 0.26667rem; }
#find2 .find-card-header {
  width: 92%;
  overflow: hidden;
  margin: auto; }
  #find2 .find-card-header h1 {
    font-size: 0.42667rem;
    color: #323232;
    line-height: 0.6rem;
    padding-top: 0.26667rem;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical; }
  #find2 .find-card-header p {
    font-size: 0.37333rem;
    color: #b1b1b1;
    line-height: 0.8rem; }
#find2 .find-card-footer {
  width: 100%;
  font-size: 0.37333rem; }
  #find2 .find-card-footer a {
    width: 100%;
    box-sizing: border-box;
    padding: 0 5%;
    height: 1.06667rem;
    margin: auto;
    display: flex; }
  #find2 .find-card-footer span {
    flex: 1;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    -webkit-box-align: center; }
  #find2 .find-card-footer span:nth-of-type(1) {
    color: #b1b1b1; }
  #find2 .find-card-footer span:nth-of-type(2) {
    color: #323232;
    -webkit-box-pack: end; }
  #find2 .find-card-footer p {
    margin-left: 0.06667rem;
    font-size: 0.53333rem; }

#find3 img {
  width: 100%; }
#find3 .content-block {
  padding: 0;
  width: 90%;
  margin: 0 auto;
  overflow: hidden; }
#find3 .find-card {
  width: 96%;
  height: 4.93333rem;
  overflow: hidden;
  margin: auto;
  margin-top: 0.53333rem;
  border: 1px solid #e1e1e1;
  background: #FFFFFF;
  border-radius: 0.13333rem; }
  #find3 .find-card a {
    width: 100%;
    height: 100%;
    display: block; }

#find4 img {
  width: 100%; }
#find4 .content-block {
  padding: 0;
  width: 90%;
  margin: 0 auto;
  overflow: hidden; }
#find4 .find-card {
  width: 100%;
  overflow: hidden;
  margin: auto;
  margin-top: 0.53333rem;
  border: 1px solid #e1e1e1;
  background: #FFFFFF;
  border-radius: 0.13333rem; }
#find4 .find-card-header {
  width: 92%;
  overflow: hidden;
  margin: auto; }
  #find4 .find-card-header h1 {
    font-size: 0.42667rem;
    color: #323232;
    line-height: 0.6rem;
    padding-top: 0.26667rem;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; }
  #find4 .find-card-header p {
    font-size: 0.37333rem;
    color: #b1b1b1;
    line-height: 0.8rem; }
#find4 .find-card-footer {
  width: 100%;
  height: 1.46667rem;
  border-top: 1px solid #e1e1e1;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between; }
  #find4 .find-card-footer a {
    height: 100%;
    margin: auto;
    display: -webkit-box;
    display: -moz-box;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    flex: 9;
    box-sizing: border-box;
    margin-left: 4%;
    font-size: 0.42667rem;
    color: #323232; }
  #find4 .find-card-footer p {
    display: -webkit-box;
    display: -moz-box;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-box-pack: end;
    -moz-box-pack: end;
    flex: 1;
    box-sizing: border-box;
    margin-right: 4%;
    font-size: 0.53333rem; }
#find4 .find-card-Img {
  width: 92%;
  height: 4.8rem;
  margin: auto;
  overflow: hidden; }
#find4 .find-card-Describe {
  box-sizing: border-box;
  padding: 0.26667rem 0rem; }
  #find4 .find-card-Describe p {
    width: 92%;
    margin: auto;
    font-size: 0.37333rem;
    line-height: 0.53333rem;
    color: #646464;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; }

#find5 img {
  width: 100%; }
#find5 .content-block {
  padding: 0;
  width: 100%;
  margin: 0;
  overflow: hidden; }
#find5 .find-help {
  width: 100%;
  height: 3.33333rem;
  background: #fff;
  margin-top: 0.26667rem; }
  #find5 .find-help a {
    width: 100%;
    height: 100%;
    display: flex; }
#find5 .find-help-img {
  width: 3.33333rem;
  height: 100%;
  background: #7fe6e5;
  text-align: center;
  flex-shrink: 0;
  box-sizing: border-box; }
#find5 .find-help-content {
  height: 100%;
  flex-shrink: 1;
  background: #fff;
  box-sizing: border-box; }
  #find5 .find-help-content h1 {
    color: #323232;
    font-size: 0.42667rem;
    line-height: 0.4rem;
    padding: 0.46667rem 0.26667rem 0.26667rem 0.26667rem; }
  #find5 .find-help-content p {
    color: #646464;
    font-size: 0.34667rem;
    line-height: 0.53333rem;
    padding: 0rem 0.26667rem; }
#find5 .find-help-footer {
  background: #fff;
  width: 100%;
  height: 1.46667rem;
  border-top: 1px solid #e1e1e1;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  margin-top: 0.26667rem; }
  #find5 .find-help-footer a {
    height: 100%;
    margin: auto;
    display: -webkit-box;
    display: -moz-box;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    flex: 9;
    box-sizing: border-box;
    margin-left: 4%;
    font-size: 0.42667rem;
    color: #323232; }
  #find5 .find-help-footer p {
    display: -webkit-box;
    display: -moz-box;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-box-pack: end;
    -moz-box-pack: end;
    flex: 1;
    box-sizing: border-box;
    margin-right: 4%;
    color: #e1e1e1;
    font-size: 0.53333rem; }

#find-help1 .content-block, #find-help2 .content-block, #find-help3 .content-block, #find-help4 .content-block {
  padding: 0;
  width: 100%;
  margin: 0;
  overflow: hidden;
  background: #fff; }
#find-help1 .content, #find-help2 .content, #find-help3 .content, #find-help4 .content {
  background: #fff; }

#find-help1 .find-VK-title span {
  width: 4.18667rem; }

#find-help2 .find-VK-title span {
  width: 4.4rem; }

#find-help3 .find-VK-title {
  width: 100%;
  margin: auto;
  height: 0.8rem;
  position: relative; }
  #find-help3 .find-VK-title span {
    width: 5.6rem;
    height: 100%;
    padding: 0rem 0.4rem;
    position: absolute;
    color: #FFFFFF;
    line-height: 0.8rem;
    background: #00cccb;
    border-radius: 0.4rem;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    font-size: 0.42667rem;
    text-align: center; }
#find-help3 .find-VK-content {
  font-size: 0.34667rem;
  color: #646464;
  line-height: 0.53333rem; }
#find-help3 .find-help {
  width: 100%;
  height: 2.8rem;
  background: #fff;
  margin-top: 0.8rem; }
  #find-help3 .find-help a {
    width: 100%;
    height: 100%;
    display: flex; }
#find-help3 .find-help-img {
  width: 3.86667rem;
  height: 100%;
  background: #7fe6e5;
  text-align: center;
  flex-shrink: 0;
  box-sizing: border-box; }
#find-help3 .find-help-content {
  height: 100%;
  flex-shrink: 1;
  background: #fff;
  box-sizing: border-box; }
  #find-help3 .find-help-content h1 {
    color: #323232;
    font-size: 0.42667rem;
    line-height: 0.4rem;
    padding: 0.26667rem 0.46667rem; }
  #find-help3 .find-help-content p {
    color: #646464;
    font-size: 0.34667rem;
    line-height: 0.53333rem;
    padding: 0rem 0.46667rem; }

#find-help4 .find-VK-title span {
  width: 6.4rem; }

.find-VK {
  margin: auto;
  padding-top: 0.53333rem;
  background: #fff;
  overflow: hidden;
  margin-top: 0.26667rem;
  width: 90%; }
  .find-VK img {
    width: 100%; }
  .find-VK .find-VK-title {
    width: 100%;
    margin: auto;
    height: 0.8rem;
    position: relative; }
    .find-VK .find-VK-title span {
      height: 100%;
      padding: 0rem 0.4rem;
      position: absolute;
      color: #FFFFFF;
      line-height: 0.8rem;
      background: #00cccb;
      border-radius: 0.4rem;
      top: 0;
      left: 50%;
      transform: translateX(-50%);
      font-size: 0.42667rem;
      text-align: center; }
  .find-VK .find-VK-img {
    margin-top: 0.46667rem;
    margin-bottom: 0.46667rem;
    width: 100%;
    overflow: hidden;
    background: #fff; }
  .find-VK .find-VK-content {
    font-size: 0.34667rem;
    color: #646464;
    line-height: 0.53333rem; }
  .find-VK .find-VK-TAC {
    text-align: center; }

.addWrap{width:100%;background:#fff;margin:auto;position:relative;}
.addWrap .swipe{overflow: hidden;visibility: hidden;position:relative;}
.addWrap .swipe-wrap{overflow:hidden;position:relative;}
.addWrap .swipe-wrap > div {float: left;position:relative;}

#position{ position: absolute;bottom: 0px; left:40%;left:50%;height:24px;
-ms-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,0%);
-o-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,0%);
transform: translate(-50%,0%);}
#position li{width:8px;height:8px;margin:0 3px;display:inline-block;-webkit-border-radius:5px;border-radius:5px;background-color:#AFAFAF;}
#position li.cur{background-color:#FF0000;}
.addWrap img {
    width: 100%;
}
/*# sourceMappingURL=find.css.map */