html {
    -webkit-tap-highlight-color: transparent
}

body,dd,div,dl,img,li,ol,p,ul {
    margin: 0;
    padding: 0
}

body,html {
    height: 100%
}

h1,h2,h3,h4,h5,h6 {
    margin: 0;
    padding: 0;
    font-size: 100%
}

img {
    display: inline;
    border: 0;
    vertical-align: middle
}

a {
    text-decoration: none;
    -webkit-tap-highlight-color: transparent
}

dd,dl,li,ol,ul {
    list-style: none
}

input,textarea {
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 0;
    border-radius: 0;
    padding: 0;
    margin: 0;
    font-family:"微软雅黑";

}

html {
    font-size: 20px
}

body {
    font-family:"微软雅黑";
    background: #fff;
    font-size: 0.7rem;
    color:#505050;
}
table {
    　　border-collapse: collapse;
    　　border-spacing: 0;
}

.box {
    display: box;
    display: -webkit-box;
    display: -moz-box;
    display: -o-box;
    box-orient: horizontal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -o-box-orient: horizontal;
}

::-webkit-input-placeholder { /* WebKit browsers */
    color: #c8c8c8;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #c8c8c8;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #c8c8c8
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #c8c8c8;
}

/* 子元素-平均分栏 */
.flex1 {
  -webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1;         /* OLD - Firefox 19- */
  -webkit-flex: 1;          /* Chrome */
  -ms-flex: 1;              /* IE 10 */
  flex: 1;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
/* 父元素-横向排列（主轴） */
.flex-h {
  display: box;              /* OLD - Android 4.4- */
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
  /* 09版 */
  -webkit-box-orient: horizontal;
  /* 12版 */
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
}
/* 父元素-纵向排列（主轴） */
.flex-v {
  display: box;              /* OLD - Android 4.4- */
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
  /* 09版 */
  -webkit-box-orient: vertical;
  /* 12版 */
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
}

.motion_bannr{ position:relative}
.motion_bannr img{ display:block; width:100%}
.motion_sim_box{ position:absolute; width:16.325rem; top:0.25rem; left:50%; margin-left:-8.1625rem;background:#fff;border: 0.05rem solid rgba(0,0,0,0.10);
border-radius: 0.15rem;}
.citybtn{height:1.55rem; line-height:1.55rem; padding:0 0.75rem; box-sizing:border-box;color: #5E6366; font-size:0.6rem;align-items: center;}
.citybtn img{ display:block; width:0.25rem; height:0.175rem; margin-left:0.25rem;}
.seabtn{ font-size:0.6rem; color:#ccc; height:1.55rem; line-height:1.55rem; padding-left:0.6rem; border-left:1px solid #efeff0}
.motion_breed{ border-top:0.5rem solid #f5f5f5;border-bottom:0.5rem solid #f5f5f5;}
.motion_tit{color: #656565; font-size:0.6rem; padding-left:0.6rem; height:1.8rem; line-height:1.8rem}
.breed_handel{ overflow:hidden;}
.breed_handel .breed_list{ float:left; width:14%; margin:0 5.5%; text-align:center; margin-bottom:0.5rem;}
.breed_handel .breed_list img{ display:block; width:100%; margin-bottom:0.25rem;}
.been_names{ font-size:0.65rem; color:#333;}
.charac_handel{ overflow:hidden;}
.breed_list{ float:left; margin:0 2% 1%; width:46%;}
.breed_list img{ display:block; width:100%;}