/*对齐方式*/
.ta-c {
  text-align: center;
}
.ta-l {
  text-align: left;
}
.ta-r {
  text-align: right;
}
.ta-j {
  text-align: justify;
}
.ta-i {
  text-align: inherit;
}
.to-e {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: normal;
  outline: 0;
}
.to-n {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  outline: 0;
}
.to-e2 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.to-e3 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.of-h {
  overflow: hidden;
}
/*字体大小*/
.fts-1 {
  font-size: 0.24rem !important;
}
.fts-2 {
  font-size: 0.16rem;
}
.fts0 {
  font-size: 0.28rem;
}
.fts1 {
  font-size: 0.32rem;
}
.fts2 {
  font-size: 0.36rem;
}
.fts3 {
  font-size: 0.4rem;
}
.fts4 {
  font-size: 0.8rem;
}
/*字体颜色*/
.c-wh {
  color: #fff;
}
.c-red {
  color: #f00;
}
.c-red1 {
  color: #cc0001;
}
.c-gra {
  color: #b2b2b2;
}
.c-gra1 {
  color: #bbb;
}
.c-gra2 {
  color: #282828;
}
.c-gra3 {
  color: #666;
}
.c-blu {
  color: #0062CC;
}
.c-bla {
  color: #000;
}
.c-turquoise {
  /*天蓝色*/
  color: #1ABC9C;
}
.c-green-sea {
  /*海绿色*/
  color: #16A085;
}
.c-emerland {
  /*梦幻绿*/
  color: #78ba00;
}
.c-nephritis {
  color: #27AE60;
}
.c-peter-river {
  color: #3498DB;
}
.c-belize-hole {
  color: #2980B9;
}
.c-amethyst {
  color: #9B59B6;
}
.c-wisteria {
  color: #8E44AD;
}
.c-wet-asphalt {
  color: #2C3E50;
}
.c-midnight-blue {
  color: #2C3E50;
}
.c-concrete {
  color: #95A5A6;
}
.c-asbestos {
  color: #7F8C8D;
}
.c-clouds {
  color: #ECF0F1;
}
.c-sliver {
  color: #BDC3C7;
}
.c-alizarin {
  color: #E74C3C;
}
.c-pomegranate {
  color: #C0392B;
}
.c-carrot {
  color: #E67E22;
}
.c-pumpkin {
  color: #D35400;
}
.c-sun-flower {
  color: #F1C40F;
}
.c-orange {
  color: #F39C12;
}
.c-violet {
  color: #9f00a7;
}
.c-999 {
  color: #999;
}
.c-888 {
  color: #888;
}
.c-777 {
  color: #777;
}
.c-666 {
  color: #666;
}
.c-555 {
  color: #555;
}
.c-4d {
  color: #4d4d4d;
}
.c-333 {
  color: #333;
}
.c-2d {
  color: #2d2d2d;
}
.c-28f {
  color: #2288ff;
}
.c-00a305 {
  color: #00a305;
}
/*字体粗细*/
.ftw-b {
  font-weight: bold;
}
.ftw-n {
  font-weight: normal;
}
.ftw-400 {
  font-weight: 400;
}
.ftw-700 {
  font-weight: 700;
}
/*行高*/
.lh-1 {
  line-height: 0.2rem;
}
.lh0 {
  line-height: 0.28rem;
}
.lh1 {
  line-height: 0.32rem;
}
.lh2 {
  line-height: 0.4rem;
}
.lh3 {
  line-height: 0.8rem;
}
.lh-125 {
  line-height: 1.25;
}
.lh-15 {
  line-height: 1.5;
}
.lh-2 {
  line-height: 2;
}

/*
sinoUI V3.0.0
* Author By Jack Lee
* Email lishen@sinohuaxia.cn
* URL http://www.sinohuaxia.cn
* Date 2016-04-15
*/
html {
  /*css3中取消IOS设备横屏切换时字体变大*/
  -webkit-text-size-adjust: 100%;
  /*
    ios 系统
    •默认中文字体是Heiti SC
    •默认英文字体是Helvetica
    •默认数字字体是HelveticaNeue
    •无微软雅黑字体

    android 系统
    •默认中文字体是Droidsansfallback
    •默认英文和数字字体是Droid Sans
    •无微软雅黑字体

    winphone 系统
    •默认中文字体是Dengxian(方正等线体)
    •默认英文和数字字体是Segoe
    •无微软雅黑字体
    */
  /* font-family: "微软雅黑", "Helvetica Neue", Helvetica, sans-serif !important; */
}
body {
  margin: 0;
  padding: 0;
  position: relative;
  /* font-family: "微软雅黑", "Helvetica Neue", Helvetica, sans-serif !important; */
  background: #fff;
  font-size: 0.28rem;
}
body.loading:after {
  content: "";
  width: 1rem;
  height: 1rem;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -0.5rem;
  margin-top: -0.5rem;
  background-image: url(../images/loading_sprite.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: auto 100%;
  /* -webkit-transform-origin: 50%;
    transform-origin: 50%;*/
  -webkit-animation: spinner-spin 1s steps(11) infinite;
  animation: spinner-spin 1s steps(11) infinite;
}
@-webkit-keyframes spinner-spin {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -11rem 0;
  }
}
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
}
li,
dd {
  list-style: none;
}
ul,
dl,
ol,
dd,
li {
  margin: 0;
  padding: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section,
summary {
  display: block;
}
i {
  font-style: normal;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
a {
  color: #007aff;
  text-decoration: none;
  background: transparent;
}
a:active,
a:hover {
  outline: 0;
  color: #0062cc;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.75em;
}
img {
  border: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: .5em 0;
  line-height: 1em;
}
h1,
.sui-h1 {
  font-size: 0.8rem;
}
h2,
.sui-h2 {
  font-size: 0.4rem;
}
h3,
.sui-h3 {
  font-size: 0.32rem;
}
h4,
.sui-h4 {
  font-size: 0.28rem;
}
h5,
.sui-h5 {
  font-size: 0.24rem;
  color: #8f8f94;
  font-weight: normal;
}
h6,
.sui-h6 {
  font-size: 0.2rem;
  color: #8f8f94;
  font-weight: normal;
}
/*提示文字颜色*/
::-webkit-input-placeholder {
  color: #aaa;
}
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  background-color: transparent !important;
  -webkit-box-shadow: 0 0 0px 1000px white inset;
}
/*input:active,.input:active{
    background:none !important;
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}
input:focus,.input:focus{
    background:transparent !important;
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}*/
/*ios用户点击一个链接，会出现一个半透明灰色遮罩*/
a,
button,
input,
textarea,
div {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-appearance: none;
}
/*头尾样式*/
.sui-header {
  height: 1.25rem;
  z-index: 95;
  width: 7.5rem;
  background: #fff;
}
.sino-topBar {
  position: fixed;
  left: 0;
  top: 0.6rem;
  z-index: 999;
}
.back-arrow {
  padding: 3px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.5);
}
.isWindow .sui-header:before {
  background: url(../images/topbar.png) center center no-repeat;
  background-size: 96.25%;
}
.sui-content {
  -webkit-overflow-scrolling: touch;
  padding: 0 0 1.1rem 0;
}
.sui-footer {
  height: 1.1rem;
  width:100%;
  position: fixed;
  left: 50%;
  bottom: 0;
  z-index: 999;
  transform: translate(-50%, 0);
  background: #6f80c0;
}
.top-left-btn,
.top-right-btn {
  height: 0.88rem;
  width: 0.88rem;
}
.max-w100 {
  max-width: 100%;
}
.bgc-gra {
  background: #e8eaf1;
}
.sui-textarea {
  display: block;
  width: 100%;
  border: 1px solid #8594cb;
  height: 2rem;
  padding: 0.2rem;
  font-size: 0.28rem;
}
.sui-input {
  display: block;
  width: 100%;
  border: 1px solid #8594cb;
  height: 0.8rem;
  padding-left: 0.2rem;
  font-size: 0.28rem;
}
.sui-btn {
  position: relative;
  padding: 0.15rem 0;
  /*display: inline-block;*/
  text-align: center;
  white-space: nowrap;
  vertical-align: top;
  cursor: pointer;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border-radius: 3px;
  -webkit-transition: all;
  transition: all;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
}
.sui-btn-purple {
  background: #7e8ec8 !important;
  border: 1px solid #7e8ec8;
  color: #fff;
}
.w-200 {
  width: 2rem;
}
.ftw-b {
  font-weight: bold;
}
.bgc-blu {
  background: #749ce8;
}
.c-wh {
  color: #fff;
}

/*边框*/
/*圆角*/
.uc-tl {
  -webkit-border-top-left-radius: 0.08rem;
  border-top-left-radius: 0.08rem;
}
.uc-tr {
  -webkit-border-top-right-radius: 0.08rem;
  border-top-right-radius: 0.08rem;
}
.uc-bl {
  -webkit-border-bottom-left-radius: 0.08rem;
  border-bottom-left-radius: 0.08rem;
}
.uc-br {
  -webkit-border-bottom-right-radius: 0.08rem;
  border-bottom-right-radius: 0.08rem;
}
.uc-t {
  -webkit-border-top-left-radius: 0.08rem;
  border-top-left-radius: 0.08rem;
  -webkit-border-top-right-radius: 0.08rem;
  border-top-right-radius: 0.08rem;
}
.uc-b {
  -webkit-border-bottom-left-radius: 0.08rem;
  border-bottom-left-radius: 0.08rem;
  -webkit-border-bottom-right-radius: 0.08rem;
  border-bottom-right-radius: 0.08rem;
}
.uc-r {
  -webkit-border-top-right-radius: 0.08rem;
  border-top-right-radius: 0.08rem;
  -webkit-border-bottom-right-radius: 0.08rem;
  border-bottom-right-radius: 0.08rem;
}
.uc-l {
  -webkit-border-top-left-radius: 0.08rem;
  border-top-left-radius: 0.08rem;
  -webkit-border-bottom-left-radius: 0.08rem;
  border-bottom-left-radius: 0.08rem;
}
.uc-a {
  -webkit-border-radius: 0.08rem;
  border-radius: 0.08rem;
}
.uc-arem {
  -webkit-border-radius: 0.125rem;
  border-radius: 0.125rem;
}
.uc-n {
  -webkit-border-radius: 0;
  border-radius: 0;
}
.uc-tl1 {
  -webkit-border-top-left-radius: 0.02rem;
  border-top-left-radius: 0.02rem;
}
.uc-tr1 {
  -webkit-border-top-right-radius: 0.02rem;
  border-top-right-radius: 0.02rem;
}
.uc-bl1 {
  -webkit-border-bottom-left-radius: 0.02rem;
  border-bottom-left-radius: 0.02rem;
}
.uc-br1 {
  -webkit-border-bottom-right-radius: 0.02rem;
  border-bottom-right-radius: 0.02rem;
}
.uc-t1 {
  -webkit-border-top-left-radius: 0.02rem;
  border-top-left-radius: 0.02rem;
  -webkit-border-top-right-radius: 0.02rem;
  border-top-right-radius: 0.02rem;
}
.uc-b1 {
  -webkit-border-bottom-left-radius: 0.02rem;
  border-bottom-left-radius: 0.02rem;
  -webkit-border-bottom-right-radius: 0.02rem;
  border-bottom-right-radius: 0.02rem;
}
.uc-r1 {
  -webkit-border-top-right-radius: 0.02rem;
  border-top-right-radius: 0.02rem;
  -webkit-border-bottom-right-radius: 0.02rem;
  border-bottom-right-radius: 0.02rem;
}
.uc-l1 {
  -webkit-border-top-left-radius: 0.02rem;
  border-top-left-radius: 0.02rem;
  -webkit-border-bottom-left-radius: 0.02rem;
  border-bottom-left-radius: 0.02rem;
}
.uc-a1 {
  -webkit-border-radius: 0.02rem;
  border-radius: 0.02rem;
}
.uc-a3 {
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.uc-a2 {
  -webkit-border-radius: 15px;
  border-radius: 15px;
}
.uc-tl,
.uc-tr,
.uc-bl,
.uc-br,
.uc-t,
.uc-b,
.uc-r,
.uc-l,
.uc-a,
.uc-n,
.uc-tl1,
.uc-tr1,
.uc-bl1,
.uc-br1,
.uc-t1,
.uc-b1,
.uc-r1,
.uc-l1,
.uc-a1,
.uc-a2,
.uc-a3 {
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.uba {
  border: 1px solid;
}
.ubt {
  border-top: 1px solid;
}
.ubr {
  border-right: 1px solid;
}
.ubb {
  border-bottom: 1px solid;
}
.ubb-d {
  border-bottom: 1px dashed;
}
.ubl {
  border-left: 1px solid;
}
/*边框颜色*/
.bc-red1 {
  border-color: #b01516;
}
.bc-gra {
  border-color: #bababa;
}
.bc-gra1 {
  border-color: #d4d4d4;
}
.bc-blu {
  border-color: #0e92dd;
}
.bc-wh {
  border-color: #fff;
}
/*禁用边框*/
.b-none {
  border: none !important;
}
.b-tnone {
  border-top: none !important;
}
.b-rnone {
  border-right: none !important;
}
.b-bnone {
  border-bottom: none !important;
}
.b-lnone {
  border-left: none !important;
}
/*边框宽度*/
.b-w2 {
  border-width: 2px;
}
.b-w4 {
  border-width: 4px;
}
.border-after-b4:after {
  border-color: #b4b4b4 !important;
}
.border-before-b4:after {
  border-color: #b4b4b4 !important;
}

/*盒子模型*/
.ub {
  display: -webkit-box;
  display: -moz-box !important;
  display: -ms-flexbox;
  /*display: -webkit-flex;*/
  display: box;
  position: relative;
}
.ub-rev {
  -webkit-box-direction: reverse;
  -moz-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  box-direction: reverse;
}
.ub-fh {
  width: 100%;
}
.ub-fv {
  height: 100%;
}
.ub-con {
  position: absolute;
  width: 100%;
  height: 100%;
}
.ub-ac {
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.ub-ae {
  -webkit-box-align: end;
  -moz-box-align: end;
  -ms-flex-align: end;
  box-align: end;
}
.ub-pc {
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
}
.ub-pe {
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  box-pack: end;
}
.ub-pj {
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  box-pack: justify;
}
.ub-ver {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-direction: column;
  box-orient: vertical;
}
.ub-f1 {
  position: relative;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  box-flex: 1;
}
.ub-f2 {
  position: relative;
  -webkit-box-flex: 2;
  -moz-box-flex: 2;
  -ms-flex: 2;
  box-flex: 2;
}
.ub-f3 {
  position: relative;
  -webkit-box-flex: 3;
  -moz-box-flex: 3;
  -ms-flex: 3;
  box-flex: 3;
}
.ub-f4 {
  position: relative;
  -webkit-box-flex: 4;
  -moz-box-flex: 4;
  -ms-flex: 4;
  box-flex: 4;
}
/*背景图大小、位置、平铺*/
.ub-img {
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.ub-img1 {
  -webkit-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.ub-img2 {
  background-repeat: repeat-x;
  background-size: auto 100%;
}
.ub-img3 {
  background-repeat: repeat-y;
  background-size: 100% auto;
}
.ub-img4 {
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center;
}
.ub-img5 {
  -webkit-background-size: auto 100%;
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.ub-img6 {
  background-repeat: no-repeat;
  background-position: center;
}
.ub-img7 {
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
}
/*文字阴影*/
.us {
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}
.us1 {
  -webkit-box-shadow: 0 1px 4px rgba(120, 120, 120, 0.3);
  box-shadow: 0 1px 4px rgba(120, 120, 120, 0.3);
}
.us-i {
  -webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.3);
}
.uts {
  text-shadow: 0px 2px 2px #000;
}
.ubs {
  -webkit-box-shadow: #d9d9d9 0px 0.05rem 0.1rem;
  -moz-box-shadow: #d9d9d9 0px 0.05rem 0.1rem;
  box-shadow: #d9d9d9 0px 0.05rem 0.1rem;
}
.ubs1 {
  -webkit-box-shadow: #999 0px 0 0.2rem;
  -moz-box-shadow: #999 0px 0 0.2rem;
  box-shadow: #999 0px 0 0.2rem;
}

.fts-32 {
  font-size: 0.32rem;
}
.fts-36 {
  font-size: 0.36rem;
}
.fts-60 {
  font-size: 0.6rem;
}

.pd-r20 {
  padding-right: 0.2rem;
}
.pd-r30 {
  padding-right: 0.3rem;
}
.pd-t20 {
  padding-top: 0.2rem;
}
.pd-t30 {
  padding-top: 0.3rem;
}
.pd-b10 {
  padding-bottom: 0.1rem;
}
.pd-b15 {
  padding-bottom: 0.15rem;
}
.pd-b20 {
  padding-bottom: 0.2rem;
}
.pd-b30 {
  padding-bottom: 0.3rem;
}
.pd-l20 {
  padding-left: 0.2rem;
}
.pd-l30 {
  padding-left: 0.3rem;
}
.pd-a30 {
  padding: 0.3rem;
}
.mg-t10 {
  margin-top: 0.1rem;
}
.mg-t15 {
  margin-top: 0.15rem;
}
.mg-t20 {
  margin-top: 0.2rem;
}
.mg-t30 {
  margin-top: 0.3rem;
}
.mg-l10 {
  margin-left: 0.1rem;
}
.mg-l20 {
  margin-left: 0.2rem;
}
.mg-l30 {
  margin-left: 0.3rem;
}
.mg-r30 {
  margin-right: 0.3rem;
}
.mg-a20 {
  margin: 0.2rem;
}
.mg-a30 {
  margin: 0.3rem;
}