@charset "UTF-8";
/*
* made in fanfan
*/
html {
  font-size: 37.5px;
  line-height: 1.6;
  font-family: "Myriad Set Pro","Helvetica Neue","Helvetica","Arial",sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-rendering: optimizelegibility; }

body {
  background-color: #fff;
  color: #333; }

img {
  max-width: 100%; }

a {
  color: #0894ec;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

a:active {
  color: #0a8ddf; }

/*常用样式*/
.fl {
  float: left; }

.fr {
  float: right; }

/*遮罩*/
#shade {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 9000;
  display: none; }
  #shade.show {
    display: block; }

.dialog {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  -webkit-overflow-scrolling: touch;
  overflow: auto; }
  .dialog.show {
    display: block; }

.scroll {
  -webkit-overflow-scrolling: touch; }

.row:after {
  content: " ";
  display: block;
  clear: both; }
.row .col-10 {
  width: 10%;
  float: left; }
.row .col-20 {
  width: 20%;
  float: left; }
.row .col-25 {
  width: 25%;
  float: left; }
.row .col-33 {
  width: 33.33%;
  float: left; }
.row .col-40 {
  float: left;
  width: 40%; }
.row .col-50 {
  width: 50%;
  float: left; }
.row .col-60 {
  width: 60%;
  float: left; }
.row .col-75 {
  width: 75%;
  float: left; }
.row .col-80 {
  width: 80%;
  float: left; }
.row .col-100 {
  width: 100%; }

img.full {
  width: 100%;
  display: block; }

/*
* 公共布局部分结束
**/
.border-bottom {
  position: relative;
  z-index: 1; }
  .border-bottom:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    right: auto;
    top: auto;
    height: 1px;
    width: 100%;
    background-color: #f3f5f7;
    display: block;
    z-index: 150;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5); }

.border-right {
  position: relative; }
  .border-right:after {
    content: '';
    position: absolute;
    left: auto;
    bottom: auto;
    right: 0;
    top: 0;
    height: 100%;
    width: 1px;
    background-color: #f3f5f7;
    display: block;
    z-index: 15;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 100% 50%;
    -webkit-transform: scaleX(0.5);
    transform: scaleX(0.5); }

.hr {
  height: 1px;
  width: 100%;
  background-color: #f3f5f7;
  display: block;
  z-index: 150;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5); }

.ui-nowrap-single {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.ui-nowrap-multi {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; }

.btn {
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none; }
  .btn:active {
    opacity: 0.8; }

.text-center {
  text-align: center; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

a {
  color: inherit; }

.fanchaoyang {
  color: red; }

.icon-daodu {
  background-image: url("../images/daodu@2x.png");
  background-image: -webkit-image-set(url("../images/daodu@2x.png") 2x, url("../images/daodu@3x.png") 3x);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.2rem;
  height: 1.28rem;
  display: inline-block;
  vertical-align: middle; }

.icon-t2 {
  background-image: url("../images/t2@2x.png");
  background-image: -webkit-image-set(url("../images/t2@2x.png") 2x, url("../images/t2@3x.png") 3x);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 3.4133333333rem;
  height: 1.4666666667rem;
  display: inline-block;
  vertical-align: middle; }

.content {
  width: 10rem;
  margin: auto;
  overflow: hidden; }

.content-inner {
  overflow: auto;
  -webkit-overflow-scrolling: touch; }

.banner {
  position: relative;
  width: 100%;
  height: 7.2rem;
  background-image: url("../images/banner@2x.png");
  background-image: -webkit-image-set(url("../images/banner@2x.png") 2x, url("../images/banner@3x.png") 3x);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain; }
  .banner .txt {
    position: absolute;
    left: 3.103333rem;
    top: 1.633333rem;
    z-index: 10;
    width: 1em;
    font-size: 0.246667rem;
    line-height: 0.3066666667rem;
    color: #fff; }

.icon-daodu {
  display: block;
  margin: 0.48rem auto 0.2666666667rem; }

.daodu {
  width: 8.9333333333rem;
  margin: auto;
  font-size: 0.32rem;
  line-height: 0.4666666667rem;
  text-indent: 2em; }

.list {
  text-align: center;
  font-size: 0; }
  .list .child {
    background-image: url("../images/child@2x.png");
    background-image: -webkit-image-set(url("../images/child@2x.png") 2x, url("../images/child@3x.png") 3x);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 2.5333333333rem;
    height: 2.5333333333rem;
    display: inline-block;
    vertical-align: middle;
    font-size: 0.4266666667rem;
    color: #fff;
    text-align: center;
    margin: 0.2666666667rem 0.4rem; }
    .list .child.c1 {
      line-height: 2.5333333333rem; }
    .list .child.c2 {
      padding-top: 0.5333333333rem;
      line-height: 1.6; }

.tip {
  font-size: 0.32rem;
  color: #999999;
  line-height: 0.9333333333rem;
  text-align: center; }

.city table {
  width: 100%;
  margin-top: 0.5333333333rem;
  text-align: center;
  font-size: 0.32rem;
  line-height: 0.8rem; }
  .city table td {
    border: 1px solid #567690; }
    .city table td:first-child {
      border-left: none; }
    .city table td:last-child {
      border-right: none; }
  .city table tr:first-child td {
    border-top: none; }
  .city table tr:last-child td {
    border-bottom: none; }

.caption {
  display: block;
  width: 3.8133333333rem;
  height: 0.88rem;
  line-height: 0.88rem;
  background-image: url("../images/caption@2x.png");
  background-image: -webkit-image-set(url("../images/caption@2x.png") 2x, url("../images/caption@3x.png") 3x);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  margin: auto;
  font-size: 0.3466666667rem;
  color: #b61818;
  text-align: center;
  margin-top: 0.4533333333rem; }

.house {
  width: 8rem;
  margin: auto;
  margin-top: 0.2666666667rem;
  margin-bottom: 0.2666666667rem; }
  .house .child {
    font-size: 0.3rem;
    line-height: 2;
    border-bottom: 1px dashed #b8b8b8;
    padding-left: 0.3733333333rem;
    background-image: url("../images/list@2x.png");
    background-image: -webkit-image-set(url("../images/list@2x.png") 2x, url("../images/list@3x.png") 3x);
    background-position: 4px center;
    background-repeat: no-repeat;
    background-size: 0.2133333333rem; }

.footer {
  position: fixed;
  left: 50%;
  width: 10rem;
  height: 0.7466666667rem;
  line-height: 0.7466666667rem;
  margin-left: -5rem;
  z-index: 10;
  bottom: 0;
  background: #000;
  color: #fff;
  text-align: center;
  font-size: 0.32rem; }
  .footer .on {
    color: #ca0e0d; }