/*全局样式*/
* {
  margin: 0;
  padding: 0;
}

html {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}
img{ display: block;}

body {
  font-family: Helvetica;
  text-align: left;
  color: #000;
  background: #f0f0f0;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
  min-height: 100vh;
  line-height: 1.6;
}

a:link,
a:visited,
a:hover,
a:active,
a:focus {
  text-decoration: none !important;
}

ul,
ol {
  list-style-type: none;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
}

.clearfix {
  zoom: 1;
}

@supports (bottom: constant(safe-area-inset-bottom)) or (bottom: env(safe-area-inset-bottom)) {
  .iphonex {
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
  }
}

.fl {
  float: left;
}

.fr {
  float: right;
}

/*字体大小*/
.font14 {
  font-size: 7px;
}

[data-dpr="2"] .font14 {
  font-size: 14px;
}

[data-dpr="3"] .font14 {
  font-size: 21px;
}

div {
  font-size: 12px;
}

[data-dpr="2"] div {
  font-size: 24px;
}

[data-dpr="3"] div {
  font-size: 36px;
}

.font16 {
  font-size: 8px;
}

[data-dpr="2"] .font16 {
  font-size: 16px;
}

[data-dpr="3"] .font16 {
  font-size: 24px;
}

.font18 {
  font-size: 9px;
}

[data-dpr="2"] .font18 {
  font-size: 18px;
}

[data-dpr="3"] .font18 {
  font-size: 27px;
}

.font20 {
  font-size: 10px;
}

[data-dpr="2"] .font20 {
  font-size: 20px;
}

[data-dpr="3"] .font20 {
  font-size: 30px;
}

.font22 {
  font-size: 11px;
}

[data-dpr="2"] .font22 {
  font-size: 22px;
}

[data-dpr="3"] .font22 {
  font-size: 33px;
}

.font24 {
  font-size: 12px;
}

[data-dpr="2"] .font24 {
  font-size: 24px;
}

[data-dpr="3"] .font24 {
  font-size: 36px;
}

.font26 {
  font-size: 13px;
}

[data-dpr="2"] .font26 {
  font-size: 26px;
}

[data-dpr="3"] .font26 {
  font-size: 39px;
}

.font28 {
  font-size: 14px;
}

[data-dpr="2"] .font28 {
  font-size: 28px;
}

[data-dpr="3"] .font28 {
  font-size: 42px;
}

.font30 {
  font-size: 15px;
}

[data-dpr="2"] .font30 {
  font-size: 30px;
}

[data-dpr="3"] .font30 {
  font-size: 45px;
}

.font32 {
  font-size: 16px;
}

[data-dpr="2"] .font32 {
  font-size: 32px;
}

[data-dpr="3"] .font32 {
  font-size: 48px;
}

.font34 {
  font-size: 17px;
}

[data-dpr="2"] .font34 {
  font-size: 34px;
}

[data-dpr="3"] .font34 {
  font-size: 51px;
}

.font36 {
  font-size: 18px;
}

[data-dpr="2"] .font36 {
  font-size: 36px;
}

[data-dpr="3"] .font36 {
  font-size: 54px;
}

.font38 {
  font-size: 19px;
}

[data-dpr="2"] .font38 {
  font-size: 38px;
}

[data-dpr="3"] .font38 {
  font-size: 57px;
}

.font40 {
  font-size: 20px;
}

[data-dpr="2"] .font40 {
  font-size: 40px;
}

[data-dpr="3"] .font40 {
  font-size: 60px;
}

/******* 通用 *******/
.wrap{ width: 10rem; margin: 0 auto; position: relative;}
/*底部tabbar*/
footer.footer { position: fixed; left: 0; right: 0; bottom: 0; width: 10rem; margin: auto; background-image: linear-gradient(0deg, #0e0536 0%, #2b096f 100%); box-shadow: 0px 0.0667rem 0.2667rem 1px rgba(112, 5, 0, 0.3); display: flex; z-index: 999999;}
footer.footer a{ display: flex; flex: 1; height: 1.56rem; color: #fff; justify-content: center; align-items: center; flex-direction: column; }
footer.footer a i{ display: block; width: .84rem; height: .693333rem; background: url(../images/global.png); background-size: 10rem 17.7867rem; }
footer.footer a i.icon1st{ background-position: 0 0;}
footer.footer a i.icon2nd{ background-position: -0.92rem 0;}
footer.footer a i.icon3rd{ background-position: -1.853333rem 0;}
footer.footer a i.icon4th{ background-position: -2.786667rem 0;}
footer.footer a.cur i.icon1st{ background-position: 0 -0.813333rem;}
footer.footer a.cur i.icon2nd{ background-position: -0.92rem -0.813333rem;}
footer.footer a.cur i.icon3rd{ background-position: -1.853333rem -0.813333rem;}
footer.footer a.cur i.icon4th{ background-position: -2.786667rem -0.813333rem;}
footer.footer a span{ display: flex; justify-content: center; align-items: center; width: 1.746667rem; height: .44rem; background: none; color: #fff;}
footer.footer a.cur span{ background: url(../images/global.png); background-size: 10rem 17.7867rem; background-position: 0 -1.9733rem; color: #ffe2a3;}

/* logo */
.logo{ width: 1.666667rem!important; position: absolute; top: 0; left: .72rem;}

/* 横向滚动导航条 rowNav */
.rowNav .aui-flexView { width: 100%; height: 100%; margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;}
.rowNav .scrolltab-nav { display: flex; flex-direction: row; height: 1.333333rem; position: relative; z-index: 1; width: 100%; top: 0; left: 0; background: #0d2f7d;}
.rowNav .scrolltab-nav-wrap{ height: 1.333333rem; display: -webkit-box; overflow: hidden; overflow-x: scroll; -webkit-overflow-scrolling: touch; width:94.4%; position: absolute; top: 0; left: 0; margin: 0 auto;}
.rowNav .scrolltab-nav-wrap a { position: relative; z-index: 1; width: 25%; height: 1.333333rem; display: flex;   justify-content: center; align-items: center;}
.rowNav .scrolltab-title { color: #fff; font-size: .373333rem;}
.rowNav .scrolltab-content { flex: 1; position: relative;}
.rowNav .scrolltab-item.crt { background-color: #245bbf; position: relative;}
.rowNav .scrolltab-content-wrap{position: relative; width: 100%;}
.rowNav .menu{ width: 100%; position: absolute; left: 0; top: 0; background: #0d2f7d; z-index: 99; display: none;}
.rowNav .menu a { display: block; float: left; width: 2.36rem; height: 1.333333rem; display: flex; justify-content: center;  align-items: center;}
.rowNav .arrow{ background: url(images/rowNavArrow.png) center center no-repeat; background-size: 0.3333rem 0.1733rem; width:0.8rem; height: 1.3333rem;position: absolute; top: 0; right: 0; z-index: 999; }
.rowNav .flipping{ transform:scaleY(-1);}
.arrow_icon{width:1.33333rem!important;height:1.33333rem;position: fixed;bottom:.5rem;right: .26667rem;z-index: 9;border-radius:50%;}







/* end */
