body, h1, h2, h3, h4, h5, h6, p, ul, li, ol, ul, dl, dt, dd, a, i, b, em, strong, img, input {
  margin: 0;
  padding: 0;
}

b, i, em {
  font-weight: normal;
}

body, html {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

a {
  text-decoration: none;
  color: #333;
}
/*鼠标划过(停留)的链接*/
a:hover {
  text-decoration: none!important;
}

li {
  list-style: none;
}

::-webkit-input-placeholder {
  color: #999;
}

:-moz-placeholder {
  color: #999;
}

::-moz-placeholder {
  color: #999;
}

:-ms-input-placeholder {
  color: #999;
}

::selection {
  background: #D03333;
  color: white;
  text-shadow: none;
}

::-webkit-scrollbar-track-piece {
  width: .15rem;
  background-color: #f2f2f2
}

::-webkit-scrollbar {
  width: .2rem;
  height: .2rem
}

::-webkit-scrollbar-thumb {
  height: 1rem;
  background-color: rgba(0, 0, 0, .3);
}

::-webkit-scrollbar-thumb:hover {
  background: #707070;
}

.clearfix:after {
  display: block;
  content: '';
  clear: both;
}

.clearfix {
  zoom: 1;
}

body {
  color: #333;
}

input {
  border: none;
  background: none;
  outline: none;
  -webkit-appearance: none;
}

textarea, select {
  outline: none;
  resize: none;
}

body {
  font-size: .75rem;
  color: #333;
  height: 100%;
  /*font-family: "Microsoft YaHei", Helvetica, STHeiTi, sans-serif;*/
  font-family:'宋体'
}

.fl {
  float: left;
}

.fr {
  float: right;
}

img, input, select {
  vertical-align: top;
}

img {
  display: block;
  border: none;
}

.por {
  position: relative;
}

.poa {
  position: absolute;
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
}

.oh {
  overflow: hidden;
}

/*新增弹窗*/
.alert-layer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .4);
  z-index: 12;
}

.alert-hint {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 12;
}

.alert-ad {
  width: 13rem;
}

.alert-close {
  position: absolute;
  left: 50%;
  bottom: -2rem;
  transform: translateX(-50%);
  width: 1.5rem;
}

.u-load {
  padding-bottom: 1rem;
  text-align: center;
  color: #000;
}

html {
  max-width: 720px;
  height: 100%;
  margin: 0 auto;
  background-color: #fff;
  box-shadow: 0 0 10px #eee;
}

.Width {
  padding: 0 1rem;
  background-color: white;
}

/*footer*/
.footer {
  padding-bottom: 2.875rem;
  text-align: center;
  padding-top: 0.25rem;
}

.ft-nav {
  margin-bottom: .7rem;
}

.ft-nav a {
  color: #666;
}

.footer p {
  color: #999;
  font-size: .45rem;
}

/*fixed*/
.fixedBar {
/*  display: none;*/
  position: fixed;
  bottom: 0;
  left: 50%;
  width: 100%;
  max-width: 720px;
  transform: translateX(-50%);
  z-index: 8;
}

.fixedBar_bg {
  width: 100%;
  /*height: 2.875rem;*/
  margin: 0 auto;
  background-image: url(../images/bottom.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  box-sizing: border-box;
  padding-top: 0.5rem;
}

.fixedBar_bg.active {
  padding-top: .3rem;
  height: 3rem;
  background-image: none;
  box-shadow: 0 0 10px #eee;
  background-color: #fff;
}

.fixedBar_bg.active a {
  margin-top: 0;
}

.fixedBar_bg a {
  float: left;
  width: 23.33333%;
  font-size: .5rem;
  text-align: center;
}

.fixedBar_bg a:last-child {
  margin-right: 0;
  width: 15%;
}

.fixedBar_bg img {
  height: 1.05rem;
  margin: 0 auto;
}

.img_wrap {
  width: 1.5rem;
  height: 1.2rem;
  padding-top: .25rem;
  margin: 0 auto 0 auto;
  border-radius: 50%;
}

.fixedBar_bg a.active {
  color: #fe6e00;
}

.fixedBar_bg a.active .img_wrap {
/*  background: linear-gradient(to right, #fa866a, #f87e66, #f3665a);*/
}

.fixedBar_bg a:first-child {
  width: 15%;
}

.fixedBar_bg a:first-child .img_wrap {
/*  margin-left: 1.3rem;*/
}

/*搜索*/
.inputWrap {
  position: relative;
  padding-top: .75rem;
  padding-bottom: 1.1rem;
  background-color: #fff;
  z-index: 2;
}

.search_slide {
  position: absolute;
  top: 0;
  left: 0;
  padding-left: .75rem;
  height: 1.7rem;
  font-size: .75rem;
  line-height: 1.7rem;
}

.search_slide p {
  float: left;
}

.border {
  float: left;
  width: 1px;
  height: .8rem;
  margin-top: .5rem;
  background-color: #c3c1c1;
}

.inputWrap .arrow {
  float: left;
  width: .425rem;
  height: .225rem;
  margin: .75rem .5rem 0 .25rem;
  background-image: url(../images/search_arrow.png);
  background-repeat: no-repeat;
  background-size: 100%;
  transform: rotate(-180deg);
  transition: transform .5s ease;
}

.arrow.active {
  transform: rotate(0);
}

.search_icon {
  float: left;
  width: .7rem;
  height: .7rem;
  margin-top: .5rem;
  margin-left: .5rem;
  background-image: url(../images/search.png);
  background-repeat: no-repeat;
  background-size: 100%;
}

.inputWrap .input_search {
  float: left;
  width: 14rem;
  height: 1.7rem;
  padding-left: 5rem;
  padding-right: 1.25rem;
  border-radius: 1rem;
  background-color: #e5e3e4;
  font-size: .7rem;
}

.return {
  float: right;
  line-height: 1.7rem;
}

.search-list {
  display: none;
  position: absolute;
  top: 3.2rem;
  left: 0;
  width: 100%;
  max-height: 9rem;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  background-color: #fff;
  z-index: 10;
  box-shadow: inset 0 .3rem 10px -5px rgba(137, 137, 137, 0.3);
}

.slideList {
  height: 2rem;
  border-bottom: 1px solid #e4e4e4;
  line-height: 2rem;
}

.slideList a {
  display: block;
  padding: 0 1rem;
}

.slideList.active a {
  color: #eb4039;
}

.slideList:last-child {
  border-bottom: none;
}

.search_layer {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .3);
  z-index: 1;
}

.empty img {
  width: 6.4rem;
  margin: 5rem auto .5rem auto;
}

.empty p {
  padding-bottom: 4rem;
  color: #bfbebe;
  text-align: center;
  font-size: .8rem;
}

input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  width: .5rem;
  height: .5rem;
  background-image: url(../images/remove.png);
  background-repeat: no-repeat;
  background-size: 100%;
}

.back-top {
  display: none;
  position: fixed;
  bottom: 4rem;
  right: .5rem;
  z-index: 1000;
}

.u-load .tips{
  color: #eb4039;
}

/* @media only all and (max-width:1180px) {
  body, html {
    background-color: #f5f5f5;
  }
} */



.flex-row-between {
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
}

.flex-row-center {
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  cursor:pointer;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
}


.flex-row-start:hover{
  color: #0a6999;
}
.flex-row-center:hover
{
  color: #0a6999;
}
.flex-row-start {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  cursor:pointer;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
}

.flex-row-start-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
}

.flex-row-end {
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  justify-content: flex-end;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
}

.flex-column-between {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.flex-column-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.flex-column-start {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}