@charset "UTF-8";

/**********************
Date：2018-06-28
BuilderVersion：v3.0
CopyRight:iflytek_EUED
***********************/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  margin: 0;
  padding: 0;
}

body,
button,
input,
select,
textarea {
  font-family: 'Microsoft YaHei', arial, SimSun, sans-serif, tahoma;
}

body {
  font-size: 14px;
  color: #666;
}

input,
select,
textarea {
  font-size: 100%;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

textarea,
input,
button,
a {
  outline: none;
}

button {
  cursor: pointer;
}

textarea {
  resize: none;
}

fieldset,
img {
  border: 0;
}

address,
cite,
code,
dfn,
em,
i,
th,
var {
  font-style: normal;
  font-weight: normal;
}

ol,
ul {
  list-style: none;
}

caption,
th {
  text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

a {
  text-decoration: none;
}

.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
  overflow: hidden;
}

.clearfix {
  *zoom: 1;
}

/*
.fl {
    float: left;
}

.fr {
    float: right;
}

.hidenone {
    display: none;
}

.hide {
    visibility: hidden;
}

.mt10 {
    margin-top: 10px;
}

.mt20 {
    margin-top: 20px;
}

.ml10 {
    margin-left: 10px;
}

.mr10 {
    margin-right: 10px;
}

.pt10 {
    padding-top: 10px;
}

.pt20 {
    padding-top: 20px;
}

.pl10 {
    padding-left: 10px;
}

.pr10 {
    padding-right: 10px;
}

.tc {
    text-align: center;
}

.vm {
    display: inline-block;
    vertical-align: middle;
}*/
/**********2018年7月2日23:13:19**********/
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  /* 取消链接高亮  */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
}

html {
  font-family: "Helvetica Neue", Helvetica, sans-serif;
  /*谷歌浏览器字体最小字体12px*/
  -webkit-text-size-adjust: 100%;
  /*100%/none 关闭字体大小自动调整功能*/
  -ms-text-size-adjust: 100%;
  /*禁止文本被选中*/
  /* 解决IOS默认滑动很卡的情况 */
  -webkit-overflow-scrolling: touch;
}

html,
body {
  /*禁用系统滚动条*/
  height: 100%;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}

input,
textarea {
  -webkit-appearance: none;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.tc {
  text-align: center;
}

.vm {
  display: inline-block;
  vertical-align: middle;
}

.mt40 {
  margin-top: 0.4rem;
}

.mt30 {
  margin-top: 0.3rem;
}

.mt20 {
  margin-top: 0.2rem;
}

.mt10 {
  margin-top: 0.1rem;
}

.mb10 {
  margin-bottom: 0.1rem;
}

.pb10 {
  padding-bottom: 0.1rem;
}

@media (-webkit-min-device-pixel-ratio: 1.5),
(min-device-pixel-ratio: 1.5) {
  .border-1px::after {
    -webkit-transform: scaleY(0.7);
    transform: scaleY(0.7);
  }
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2) {
  .border-1px::after {
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
  }
}

@media (-webkit-min-device-pixel-ratio: 3),
(min-device-pixel-ratio: 3) {
  .border-1px::after {
    -webkit-transform: scaleY(0.333333);
    transform: scaleY(0.333333);
  }
}

/************************公共组件代码 start****************************/
.sxb-wrap {
  position: relative;
  width: 100%;
  height: 100%;
}

.sxb-wrap.ptb30 {
  padding: 0.3rem 0;
}

.sxb-wrap.ptb30 .sbx-text {
  margin: 0;
}

.sxb-wrap.pb30 {
  padding-bottom: 0.3rem;
}

.sxb-wrap .sxb-action-bar {
  /* position: absolute;
     left: 0;
     top: 0;*/
  width: 100%;
  height: 1.54rem;
  background-color: #fff;
  overflow: hidden;
}

.sxb-wrap .sxb-content-notes {
  width: 100%;
  height: 100%;
}

.sxb-wrap .sxb-content-notes .sxb-scroll {
  width: 100%;
  height: 100%;
}

.sxb-wrap .sxb-footer-wrap {
  width: 100%;
  height: 1.5rem;
  background-color: #fff;
}

.sxb-wrap .sxb-footer-wrap.copyright {
  height: auto;
}

.sxb-footer {
  padding: 0.1rem 0;
  background-color: #f2f2f2;
  font-size: 0.2rem;
  color: #a1a1a1;
  text-align: center;
}

.sxb-footer span {
  display: block;
  margin-top: 0.04rem;
}

body {
  max-width: 640px;
  margin: 0 auto;
}

.loading-center-absolute {
  position: absolute;
  left: 50%;
  top: 46%;
  height: 4rem;
  width: 4rem;
  margin-top: -2rem;
  margin-left: -2rem;
}

.object {
  -moz-border-radius: 50% 50% 50% 50%;
  -webkit-border-radius: 50% 50% 50% 50%;
  border-radius: 50% 50% 50% 50%;
  position: absolute;
  border-left: 0.1rem solid #508fff;
  border-right: 0.1rem solid #508fff;
  border-top: 0.1rem solid transparent;
  border-bottom: 0.1rem solid transparent;
  -webkit-animation: animate 2s infinite;
  animation: animate 2s infinite;
}

#object_one {
  left: 1.5rem;
  top: 1.5rem;
  width: 1rem;
  height: 1rem;
}

#object_two {
  left: 1.3rem;
  top: 1.3rem;
  width: 1.4rem;
  height: 1.4rem;
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}

#object_three {
  left: 1.1rem;
  top: 1.1rem;
  width: 1.8rem;
  height: 1.8rem;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

#object_four {
  left: 0.9rem;
  top: 0.9rem;
  width: 2.2rem;
  height: 2.2rem;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

@-webkit-keyframes animate {
  50% {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  100% {
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes animate {
  50% {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  100% {
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

.loading-center-absolute .txt {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 4rem;
  text-align: center;
  font-size: 0.26rem;
}

.spinner {
  display: inline-block;
  width: 0.5rem;
  height: 0.22rem;
  font-size: 0;
}

.spinner>div {
  background-color: rgba(138, 150, 172, 0.67);
  height: 100%;
  width: 0.03rem;
  display: inline-block;
  margin: 0 0.03rem;
  animation: stretchdelay 1.2s infinite ease-in-out;
}

.spinner div:nth-of-type(2) {
  animation-delay: -1.1s;
}

.spinner.anti div:nth-of-type(2) {
  animation-delay: -0.8s;
}

.spinner div:nth-of-type(3) {
  animation-delay: -1s;
}

.spinner.anti div:nth-of-type(3) {
  animation-delay: -0.9s;
}

.spinner div:nth-of-type(4) {
  animation-delay: -0.9s;
}

.spinner.anti div:nth-of-type(4) {
  animation-delay: -1s;
}

.spinner div:nth-of-type(5) {
  animation-delay: -0.8s;
}

.spinner.anti div:nth-of-type(5) {
  animation-delay: -1.1s;
}

@keyframes stretchdelay {

  0%,
  40%,
  100% {
    transform: scaleY(0.4);
  }

  20% {
    transform: scaleY(1);
  }
}

.btn-common-style {
  width: 100px;
  height: 34px;
  /*padding: 0 30px;*/
  font-size: 14px;
  border-radius: 4px;
  /*font-weight: bold;*/
  text-align: center;
}

.btn-stroke-default {
  line-height: 32px;
  color: #333;
  border: 1px solid #bfc7cb;
}

.btn-stroke-blue {
  line-height: 32px;
  color: #22b5f6;
  border: 1px solid #22b5f6;
}

.btn-stroke-blue:hover {
  color: #22b5f6;
  background-color: #e8f7fe;
}

.btn-stroke-blue:active {
  color: #22b5f6;
  background-color: #bce9fc;
}

.btn-full-blue {
  line-height: 34px;
  background-color: #22b5f6;
  color: #fff;
}

.btn-full-blue:hover {
  background-color: #4ac8ff;
}

.btn-full-blue:active {
  background-color: #0aaaf1;
}

.btn-full-orange {
  line-height: 34px;
  background-color: #fca254;
  color: #fff;
}

.btn-full-orange:hover {
  background-color: #ff953a;
}

.btn-full-orange:active {
  background-color: #ff953a;
}

.sxb-action-bar h1.sxb-h1 {
  margin-top: 0.4rem;
  color: #000;
  font-size: 0.34rem;
  font-weight: bold;
}

.sxb-action-bar p.sxb-update-time {
  color: #b2b2b2;
  font-size: 0.24rem;
  margin-top: 0.16rem;
  font-weight: bold;
}

.sxb-footer-wrap .sxb-process-wrap {
  overflow: hidden;
  padding-right: 0.3rem;
}

.sxb-footer-wrap .sxb-process-wrap .sxb-process {
  margin-top: 0.44rem;
}

.sxb-footer-wrap .sxb-process-wrap .sxb-process .sxb-flags-wrap {
  position: relative;
  width: 100%;
  height: 0.25rem;
}

.sxb-footer-wrap .sxb-process-wrap .sxb-process .sxb-flags-wrap i.sxb-flag {
  position: absolute;
  bottom: 0;
  width: 0.16rem;
  height: 0.25rem;
  font-style: normal;
  background: url("../images/sxb-flag-active.svg") no-repeat center center;
}

.sxb-footer-wrap .sxb-process-wrap .sxb-process .sxb-flags-wrap i.sxb-flag.sxb-flag-active {
  background: url("../images/sxb-flag.svg") no-repeat center center;
}

.sxb-footer-wrap .sxb-process-wrap .sxb-process .sxb-flags-wrap i.sxb-flag:nth-child(1) {
  left: 6.9444444444%;
}

.sxb-footer-wrap .sxb-process-wrap .sxb-process .sxb-flags-wrap i.sxb-flag:nth-child(2) {
  left: 16.6666666667%;
}

.sxb-footer-wrap .sxb-process-wrap .sxb-process .sxb-flags-wrap i.sxb-flag:nth-child(3) {
  left: 37.5%;
}

.sxb-footer-wrap .sxb-process-wrap .sxb-process .sxb-flags-wrap i.sxb-flag:nth-child(4) {
  left: 63.8888888889%;
}

.sxb-footer-wrap .sxb-process-wrap .sxb-process .sxb-flags-wrap i.sxb-flag:nth-child(5) {
  left: 74.6527777778%;
}

.sxb-footer-wrap .sxb-process-wrap .sxb-process .sxb-flags-wrap i.sxb-flag:nth-child(6) {
  left: 89.5833333333%;
}

.sxb-footer-wrap .sxb-process-wrap .sxb-process .sxb-circle-wrap {
  position: relative;
  width: 100%;
  height: 0.22rem;
  margin-top: -0.2rem;
}

.sxb-footer-wrap .sxb-process-wrap .sxb-process .sxb-circle-wrap i.sxb-circle {
  position: absolute;
  top: 0;
  width: 0.24rem;
  height: 0.24rem;
  font-style: normal;
  background: url("../images/sxb-circle.svg") no-repeat center center;
}

.sxb-footer-wrap .sxb-process-wrap .sxb-process .sxb-circle-wrap i.sxb-circle.sxb-circle-active {
  background: url("../images/sxb-circle-active.svg") no-repeat center center;
}

.sxb-footer-wrap .sxb-process-wrap .sxb-process .sxb-circle-wrap i.sxb-circle:nth-child(1) {
  left: 10.4166666667%;
}

.sxb-footer-wrap .sxb-process-wrap .sxb-process .sxb-circle-wrap i.sxb-circle:nth-child(2) {
  left: 22.5694444444%;
}

.sxb-footer-wrap .sxb-process-wrap .sxb-process .sxb-circle-wrap i.sxb-circle:nth-child(3) {
  left: 48.6111111111%;
}

.sxb-footer-wrap .sxb-process-wrap .sxb-process .sxb-circle-wrap i.sxb-circle:nth-child(4) {
  left: 74.3055555556%;
}

.sxb-footer-wrap .sxb-process-wrap .sxb-process .sxb-circle-wrap i.sxb-circle:nth-child(5) {
  left: 93.0555555556%;
}

.sxb-footer-wrap .sxb-process-wrap .sxb-process .sxb-process-text {
  color: #000;
  font-size: 0.18rem;
  line-height: 0.3rem;
  margin-top: 0.1rem;
}

.sxb-footer-wrap .sxb-play-wrap {
  position: relative;
  line-height: 1.5rem;
  padding: 0 0.3rem;
  text-align: center;
}

.border-1px {
  position: relative;
}

.border-1px::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  border-top: 1px solid #e4e4e4;
}

.sxb-process-outer {
  position: relative;
  width: 100%;
  height: 0.1rem;
  background-color: rgba(120, 143, 186, 0.4);
  border-radius: 0.05rem;
}

.sxb-process-outer .sxb-process-inner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 60%;
  height: 100%;
  background-color: rgba(80, 143, 255, 0.97);
  border-radius: 0.05rem;
}

.sxb-process-outer .sxb-process-inner i.sxb-circle-going {
  position: absolute;
  top: 0;
  left: 100%;
  margin-left: -0.12rem;
  margin-top: -0.07rem;
  width: 0.24rem;
  height: 0.24rem;
  font-style: normal;
  background: url("../images/sxb-circle-going.svg") no-repeat center center;
}

.sxb-play-control {
  width: 0.96rem;
  height: 0.96rem;
}

.sxb-play-control.sxb-playing {
  background: url("../images/sxb-playing.svg") no-repeat center center;
}

.sxb-play-control.sxb-playing-pre {
  background: url("../images/sxb-playing-pre.svg") no-repeat center center;
}

.sxb-play-control.sxb-pause {
  background: url("../images/sxb-pause.svg") no-repeat center center;
}

.sxb-play-control.sxb-pause-pre {
  background: url("../images/sxb-pause-pre.svg") no-repeat center center;
}

.sxb-content {
  padding: 0 0.3rem;
}

.sxb-content.pt30 {
  position: relative;
  padding-top: 0.3rem;
  box-sizing: border-box;
}

.sxb-content.pt30:after {
  position: absolute;
  right: 0;
  top: 0;
  content: '';
  display: block;
  width: 100%;
  height: 0.3rem;
  background-color: #f2f2f2;
}

.sxb-content .sxb-tit {
  color: #000;
}

.sxb-content .sxb-tit .sxb-tit-h1.sxb-square::before,
.sxb-content .sxb-tit .sxb-tit-h2.sxb-square::before,
.sxb-content .sxb-tit .sxb-tit-h3.sxb-square::before {
  content: '';
  display: inline-block;
  width: 0.1rem;
  height: 0.1rem;
  margin-right: 0.1rem;
  background-color: #000;
  vertical-align: middle;
}

.sxb-content .sxb-tit .sxb-tit-h1 {
  font-size: 0.54rem;
  line-height: 0.72rem;
  font-weight: bold;
}

.sxb-content .sxb-tit .sxb-tit-h2 {
  font-size: 0.48rem;
  line-height: 0.6rem;
  font-weight: bold;
}

.sxb-content .sxb-tit .sxb-tit-h3 {
  font-size: 0.4rem;
  line-height: 0.48rem;
  font-weight: bold;
}

.sxb-content .sxb-tit .sxb-tit-picture {
  margin: 0.4rem 0 0.2rem;
  padding: 0.23rem 0.2rem;
  background-color: #fbf3da;
  border-radius: 0.03rem;
  border: 0.01rem solid #f0e4c2;
}

.sxb-content .sxb-tit .sxb-tit-picture>p {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}

.sxb-content .sxb-picture {
  position: relative;
  width: 100%;
  height: 3.23rem;
  overflow: hidden;
}

.sxb-content .sxb-picture.sxb-free-height,
.sxb-content .sxb-picture.sxb-auto-height,
.sxb-content .sxb-picture.sxb-fixed-height {
  height: 14.04rem;
}

.sxb-content .sxb-picture.sxb-free-height .sxb-picu,
.sxb-content .sxb-picture.sxb-free-height .sxb-picw,
.sxb-content .sxb-picture.sxb-free-height .sxb-picu-w,
.sxb-content .sxb-picture.sxb-free-height .sxb-picu-h,
.sxb-content .sxb-picture.sxb-auto-height .sxb-picu,
.sxb-content .sxb-picture.sxb-auto-height .sxb-picw,
.sxb-content .sxb-picture.sxb-auto-height .sxb-picu-w,
.sxb-content .sxb-picture.sxb-auto-height .sxb-picu-h,
.sxb-content .sxb-picture.sxb-fixed-height .sxb-picu,
.sxb-content .sxb-picture.sxb-fixed-height .sxb-picw,
.sxb-content .sxb-picture.sxb-fixed-height .sxb-picu-w,
.sxb-content .sxb-picture.sxb-fixed-height .sxb-picu-h {
  width: 100%;
}

.sxb-content .sxb-picture.sxb-free-height .sxb-picu>p,
.sxb-content .sxb-picture.sxb-free-height .sxb-picw>p,
.sxb-content .sxb-picture.sxb-free-height .sxb-picu-w>p,
.sxb-content .sxb-picture.sxb-free-height .sxb-picu-h>p,
.sxb-content .sxb-picture.sxb-auto-height .sxb-picu>p,
.sxb-content .sxb-picture.sxb-auto-height .sxb-picw>p,
.sxb-content .sxb-picture.sxb-auto-height .sxb-picu-w>p,
.sxb-content .sxb-picture.sxb-auto-height .sxb-picu-h>p,
.sxb-content .sxb-picture.sxb-fixed-height .sxb-picu>p,
.sxb-content .sxb-picture.sxb-fixed-height .sxb-picw>p,
.sxb-content .sxb-picture.sxb-fixed-height .sxb-picu-w>p,
.sxb-content .sxb-picture.sxb-fixed-height .sxb-picu-h>p {
  position: relative;
  width: 14.04rem;
  height: 14.04rem;
}

.sxb-content .sxb-picture.sxb-free-height .sxb-picu>p.bg-line:after,
.sxb-content .sxb-picture.sxb-free-height .sxb-picw>p.bg-line:after,
.sxb-content .sxb-picture.sxb-free-height .sxb-picu-w>p.bg-line:after,
.sxb-content .sxb-picture.sxb-free-height .sxb-picu-h>p.bg-line:after,
.sxb-content .sxb-picture.sxb-auto-height .sxb-picu>p.bg-line:after,
.sxb-content .sxb-picture.sxb-auto-height .sxb-picw>p.bg-line:after,
.sxb-content .sxb-picture.sxb-auto-height .sxb-picu-w>p.bg-line:after,
.sxb-content .sxb-picture.sxb-auto-height .sxb-picu-h>p.bg-line:after,
.sxb-content .sxb-picture.sxb-fixed-height .sxb-picu>p.bg-line:after,
.sxb-content .sxb-picture.sxb-fixed-height .sxb-picw>p.bg-line:after,
.sxb-content .sxb-picture.sxb-fixed-height .sxb-picu-w>p.bg-line:after,
.sxb-content .sxb-picture.sxb-fixed-height .sxb-picu-h>p.bg-line:after {
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  width: 100%;
  height: 100%;
  background: url(../images/diwen-line.png) repeat-y;
  background-size: 100% auto;
}

.sxb-content .sxb-picture.sxb-free-height .sxb-picu>p.bg-dot:after,
.sxb-content .sxb-picture.sxb-free-height .sxb-picw>p.bg-dot:after,
.sxb-content .sxb-picture.sxb-free-height .sxb-picu-w>p.bg-dot:after,
.sxb-content .sxb-picture.sxb-free-height .sxb-picu-h>p.bg-dot:after,
.sxb-content .sxb-picture.sxb-auto-height .sxb-picu>p.bg-dot:after,
.sxb-content .sxb-picture.sxb-auto-height .sxb-picw>p.bg-dot:after,
.sxb-content .sxb-picture.sxb-auto-height .sxb-picu-w>p.bg-dot:after,
.sxb-content .sxb-picture.sxb-auto-height .sxb-picu-h>p.bg-dot:after,
.sxb-content .sxb-picture.sxb-fixed-height .sxb-picu>p.bg-dot:after,
.sxb-content .sxb-picture.sxb-fixed-height .sxb-picw>p.bg-dot:after,
.sxb-content .sxb-picture.sxb-fixed-height .sxb-picu-w>p.bg-dot:after,
.sxb-content .sxb-picture.sxb-fixed-height .sxb-picu-h>p.bg-dot:after {
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  width: 100%;
  height: 100%;
  background: url(../images/diwen-line2.png) repeat-y;
  background-size: 100% auto;
}

.sxb-content .sxb-picture.sxb-free-height .sxb-picu>p.bg-vertical:after,
.sxb-content .sxb-picture.sxb-free-height .sxb-picw>p.bg-vertical:after,
.sxb-content .sxb-picture.sxb-free-height .sxb-picu-w>p.bg-vertical:after,
.sxb-content .sxb-picture.sxb-free-height .sxb-picu-h>p.bg-vertical:after,
.sxb-content .sxb-picture.sxb-auto-height .sxb-picu>p.bg-vertical:after,
.sxb-content .sxb-picture.sxb-auto-height .sxb-picw>p.bg-vertical:after,
.sxb-content .sxb-picture.sxb-auto-height .sxb-picu-w>p.bg-vertical:after,
.sxb-content .sxb-picture.sxb-auto-height .sxb-picu-h>p.bg-vertical:after,
.sxb-content .sxb-picture.sxb-fixed-height .sxb-picu>p.bg-vertical:after,
.sxb-content .sxb-picture.sxb-fixed-height .sxb-picw>p.bg-vertical:after,
.sxb-content .sxb-picture.sxb-fixed-height .sxb-picu-w>p.bg-vertical:after,
.sxb-content .sxb-picture.sxb-fixed-height .sxb-picu-h>p.bg-vertical:after {
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  width: 100%;
  height: 100%;
  background: url(../images/diwen-line3.png) repeat-y;
  background-size: 100% auto;
}

.sxb-content .sxb-picture.sxb-large-height {
  height: 5rem;
}

.sxb-content .sxb-picture.sxb-large-height .sxb-picu,
.sxb-content .sxb-picture.sxb-large-height .sxb-picw,
.sxb-content .sxb-picture.sxb-large-height .sxb-picu-w,
.sxb-content .sxb-picture.sxb-large-height .sxb-picu-h {
  width: 100%;
}

.sxb-content .sxb-picture.sxb-large-height .sxb-picu>p,
.sxb-content .sxb-picture.sxb-large-height .sxb-picw>p,
.sxb-content .sxb-picture.sxb-large-height .sxb-picu-w>p,
.sxb-content .sxb-picture.sxb-large-height .sxb-picu-h>p {
  width: 13.04rem;
  height: 5rem;
}

.sxb-content .sxb-picture.sxb-mid-height {
  height: 5.23rem;
}

.sxb-content .sxb-picture.sxb-mid-height .sxb-picu>p,
.sxb-content .sxb-picture.sxb-mid-height .sxb-picw>p,
.sxb-content .sxb-picture.sxb-mid-height .sxb-picu-w>p,
.sxb-content .sxb-picture.sxb-mid-height .sxb-picu-h>p {
  height: 5.23rem;
}

.sxb-content .sxb-picture.sxb-small-height {
  height: 1.6rem;
}

.sxb-content .sxb-picture.sxb-small-height .sxb-picu>p,
.sxb-content .sxb-picture.sxb-small-height .sxb-picw>p,
.sxb-content .sxb-picture.sxb-small-height .sxb-picu-w>p,
.sxb-content .sxb-picture.sxb-small-height .sxb-picu-h>p {
  height: 1.6rem;
}

.sxb-content .sxb-picture .sxb-picu,
.sxb-content .sxb-picture .sxb-picw,
.sxb-content .sxb-picture .sxb-picu-w,
.sxb-content .sxb-picture .sxb-picu-h {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 6.9rem;
}

.sxb-content .sxb-picture .sxb-picu>p,
.sxb-content .sxb-picture .sxb-picw>p,
.sxb-content .sxb-picture .sxb-picu-w>p,
.sxb-content .sxb-picture .sxb-picu-h>p {
  width: 6.9rem;
  height: 3.23rem;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-size: 0;
}

.sxb-content .sxb-picture .sxb-picu>p>img,
.sxb-content .sxb-picture .sxb-picw>p>img,
.sxb-content .sxb-picture .sxb-picu-w>p>img,
.sxb-content .sxb-picture .sxb-picu-h>p>img {
  /*  width: auto;
            height: auto;*/
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}

.sxb-content .sxb-probar {
  padding: 0 0.2rem;
  background-color: #eef4ff;
  overflow: hidden;
  height: 0.98rem;
  border: 0.01rem solid #e2e8f4;
  border-radius: 0.06rem;
}

.sxb-content .sxb-probar .sxb-left-wrap .sxb-play {
  width: 0.8rem;
  height: 0.96rem;
  line-height: 0.96rem;
}

.sxb-content .sxb-probar .sxb-left-wrap .sxb-play .sxb-play-control {
  width: 0.66rem;
  height: 0.66rem;
  margin: 0 0.1rem 0 0;
}

.sxb-content .sxb-probar .sxb-left-wrap .sxb-play .sxb-text {
  font-size: 0.24rem;
  color: #8a96ac;
  vertical-align: middle;
}

.sxb-content .sxb-probar .sxb-left-wrap.fr .sxb-play {
  width: auto;
}

.sxb-content .sxb-probar .sxb-pro-wrap {
  display: inline-block;
  width: 75%;
  height: 0.96rem;
  line-height: 0.96rem;
  overflow: hidden;
}

.sxb-content .sbx-text {
  position: relative;
  color: #141414;
  font-size: 0.3rem;
  line-height: 0.58rem;
  padding: 0 0 0.05rem;
  margin: 0.3rem 0 0.1rem;
}

.sxb-content .sbx-text.bg-line:after {
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  width: 100%;
  height: 100%;
  background: url(../images/diwen-line.png) repeat-y;
  background-size: 100% auto;
}

.sxb-content .sbx-text.bg-dot:after {
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  width: 100%;
  height: 100%;
  background: url(../images/diwen-line2.png) repeat-y;
  background-size: 100% auto;
}

.sxb-content .sbx-text.bg-vertical:after {
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  width: 100%;
  height: 100%;
  background: url(../images/diwen-line3.png) repeat-y;
  background-size: 100% auto;
}

.sxb-content .sbx-text.bold {
  font-weight: bold;
}

.sxb-content .sbx-text .sxb-text-active {
  color: #508fff;
}

.sxb-content .sbx-text.sbx-record-text {
  font-size: 0.26rem;
  overflow: hidden;
}

.sxb-content .sbx-text.sbx-record-text.height-auto {
  max-height: none;
}

.auto-img {
  /*  width: auto;
    height: auto;*/
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}

.sxb-page {
  display: inline-block;
  padding: 0 0.14rem;
  margin: 0.34rem 0;
  line-height: 0.38rem;
  letter-spacing: 0.02rem;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 0.18rem;
  font-size: 0.2rem;
  color: rgba(255, 255, 255, 0.9);
}

.sbx-more {
  padding: 0.24rem 0;
  font-size: 0.26rem;
  color: #141414;
  text-align: center;
}

.sbx-more i {
  display: inline-block;
  position: relative;
  margin: -0.07rem 0 0 0.05rem;
  width: 0;
  height: 0;
  vertical-align: middle;
  border-left: 0.12rem solid transparent;
  border-right: 0.12rem solid transparent;
  border-top: 0.12rem solid #000;
}

.sbx-more i em {
  position: absolute;
  bottom: 0.02rem;
  left: -0.12rem;
  width: 0;
  height: 0;
  vertical-align: middle;
  border-left: 0.12rem solid transparent;
  border-right: 0.12rem solid transparent;
  border-top: 0.12rem solid #fff;
}

.sbx-more.shouqi i {
  border-top: none;
  border-bottom: 0.12rem solid #000;
}

.sbx-more.shouqi i em {
  top: 0.02rem;
  border-top: none;
  border-bottom: 0.12rem solid #fff;
}

.sxb-img {
  width: 0.38rem;
  height: 0.38rem;
  margin: 0.34rem 0;
  background: url(../images/sxb-img.svg) no-repeat center center;
}

.sxb-content .sxb-picture.sxb-fixed-height {
  height: 5.18rem;
}

.sxb-content .sxb-picture.sxb-fixed-height .sxb-picu>p,
.sxb-content .sxb-picture.sxb-fixed-height .sxb-picw>p,
.sxb-content .sxb-picture.sxb-fixed-height .sxb-picu-w>p,
.sxb-content .sxb-picture.sxb-fixed-height .sxb-picu-h>p {
  height: 5.18rem;
}

.sxb-content .sxb-picture.sxb-auto-height {
  height: auto;
  overflow: visible;
}

.sxb-content .sxb-picture.sxb-auto-height .sxb-picu,
.sxb-content .sxb-picture.sxb-auto-height .sxb-picw,
.sxb-content .sxb-picture.sxb-auto-height .sxb-picu-w,
.sxb-content .sxb-picture.sxb-auto-height .sxb-picu-h {
  position: relative;
}

.sxb-content .sxb-picture.sxb-auto-height .sxb-picu>p,
.sxb-content .sxb-picture.sxb-auto-height .sxb-picw>p,
.sxb-content .sxb-picture.sxb-auto-height .sxb-picu-w>p,
.sxb-content .sxb-picture.sxb-auto-height .sxb-picu-h>p {
  height: auto;
}

/*摘录分享20190514 zhoumf*/
.share-box {
  background-color: #f2f2f2;
}

.share-box li {
  position: relative;
  padding: 0.3rem 0 0;
}

.share-box li img {
  width: 100%;
  display: block;
  box-shadow: 0 0 0.05rem rgba(0, 0, 0, 0.13);
}

.share-box li .sxb-page {
  position: absolute;
  bottom: 0.2rem;
  left: 0.3rem;
  margin: 0;
}

.waiting-creating-txt {
  height: 0.8rem;
  line-height: 0.8rem;
  background-color: #eef4ff;
  color: #8a96ac;
  font-size: 0.26rem;
  text-align: center;
  border-radius: 0.06rem;
}

.waiting-creating-txt.size-large {
  margin: 0.3rem 0;
  height: 0.92rem;
  line-height: 0.92rem;
}

.sbx-text-translation {
  display: block;
  position: relative;
  font-size: 0.24rem;
  color: #9b9fa7;
}

.sbx-text-translation:after {
  position: absolute;
  content: '';
  width: 100%;
  height: 1px;
  background-color: #e7e7e7;
  top: .26rem;
  left: .9rem;
}

.sbx-text-translation--single {
  background-color: #c0c1c3;
  padding: 0.02rem 0.08rem;
  color: #fff;
  border-radius: 0.02rem;
  font-size: 0.24rem;
  margin-right: 0.1rem;
}

.view-img {
  background-color: #000;
  height: 100vh;
}

.view-img img {
  position: relative;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
}

/************************公共组件代码 end****************************/
/************************项目页面代码 start****************************/
/************************项目页面代码 end****************************/
/************************注册页面代码 start****************************/
.register-wrap {
  height: 100%;
  overflow: hidden;
}

.register-wrap.has-bg {
  background: url("../images/reg-bg.png") no-repeat;
  background-size: cover;
}

.register-wrap button {
  border: 0;
}

.register-box {
  width: 90%;
  margin: 0 auto;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
  min-height: calc(100vh - 1rem);
}

.register-box .register-title {
  height: 1.1rem;
  background: #f7f7f7;
  border-radius: 5px 5px 0 0;
  padding: 0.25rem 0.4rem;
  font-size: 0.36rem;
  color: #333;
  margin: 0.4rem 0 0;
}

.register-box .register-title strong {
  color: #000;
  margin: 0 0.2rem 0 0.15rem;
}

.register-box .register-title strong:after {
  content: '';
  display: inline-block;
  width: 1px;
  height: 0.24rem;
  background: #c5c5c5;
  margin-left: 0.25rem;
  vertical-align: -2px;
}

.register-box .register-title img {
  width: 0.57rem;
}

.register-box .register-tip {
  height: 1.16rem;
  font-size: 0.28rem;
  color: #333;
  padding: 0.4rem 0.6rem 0;
  text-align: left;
}

.register-box .register-form {
  width: 4.74rem;
  margin: 0.6rem auto 0;
}

.register-box .register-form .form-row+.form-row {
  margin-top: 0.25rem;
}

.register-box .register-form input {
  width: 100%;
  font-size: 0.28rem;
  color: #000;
  border: solid 1px #dadada;
  border-radius: 3px;
  height: 0.8rem;
  padding: 0 0.3rem;
}

.register-box .register-form input:focus {
  border-color: #5b85f0;
}

.register-box .register-form input::placeholder {
  color: #999;
}

.register-box .register-form .form-row button {
  font-size: 0.28rem;
  height: 0.72rem;
  border: solid 1px #dadada;
  width: 100%;
  border-radius: 3px;
  background: linear-gradient(to top, #e0e1e4, #f9f9f9);
}

.register-box .register-form .form-row button:hover {
  background: #f9f9f9;
}

.register-box .register-form .form-row button:active {
  background: #e0e1e4;
}

.register-box .register-form>button {
  width: 100%;
  background: #5b85f0;
  height: 0.8rem;
  border-radius: 3px;
  margin: 0.6rem auto;
  color: #fff;
  font-size: 0.32rem;
}

.toast {
  font-size: 0.28rem;
  position: fixed;
  width: 60%;
  padding: 0.4rem;
  background: #000;
  color: #fff;
  text-align: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 0.1rem;
}

.register-success {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.register-success .success-icon {
  width: 1.4rem;
  height: 1.4rem;
  background: #40bf94;
  color: #fff;
  margin: 0 auto;
  border-radius: 50%;
  text-align: center;
  line-height: 1.4rem;
}

.register-success .success-icon i {
  font-size: 0.5rem;
}

.register-success p {
  font-size: 0.34rem;
  color: #333;
  font-weight: bold;
  margin: 0.6rem 0;
}

.register-qrcode {
  font-size: 0.28rem;
  color: #333;
}

.register-qrcode p {
  margin: 0.6rem 0;
}

.register-qrcode .register-qr-code-box {
  width: 3.4rem;
  height: 3.4rem;
  background: #d9d9d9;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
}

/************************注册页面代码 end****************************/

/*# sourceMappingURL=common.css.map */