@charset "UTF-8";
/** reset **/
html {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-text-size-adjust: none; }

a:link,
a:visited {
  text-decoration: none; }

input:focus {
  outline: none; }

textarea {
  resize: none; }

textarea,
input,
select {
  background: none;
  border: none;
  margin: 0;
  padding: 0; }

body,
div,
ul,
ol,
dl,
dd,
dt,
li,
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
  padding: 0; }

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

article,
aside,
footer,
header,
hgroup,
nav,
section,
figure,
figcaption {
  display: block; }

h1,
h2,
h3,
h4,
h5,
h6,
th,
td,
table,
input,
button,
select,
textarea,
sub {
  font-size: 1em; }

body,
input,
button,
select,
textarea,
sub {
  font-family: Arial, sans-serif; }

em,
cite,
address,
optgroup {
  font-style: normal; }

kbd,
samp,
code {
  font-family: monospace; }

img,
input,
button,
select,
textarea {
  vertical-align: middle;
  outline: none; }

img,
fieldset {
  border: 0; }

abbr,
acronym {
  cursor: help;
  border-bottom: 1px dotted #000; }

table {
  width: 100%;
  border-spacing: 0;
  border: 0; }

legend,
hr {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0; }

legend,
hr,
caption {
  visibility: hidden;
  font-size: 0;
  width: 0;
  height: 0;
  line-height: 0; }

textarea:focus,
input:focus {
  border: none; }

input {
  border-radius: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

* {
  max-height: 999rem; }

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

a {
  color: #666666;
  outline: 0; }

table {
  border-collapse: collapse;
  width: 100%; }

.hide {
  display: none; }

.clfix:after {
  content: '';
  display: table;
  clear: both; }

.clfix {
  *zoom: 1; }

.fb {
  font-weight: bold; }

body {
  position: relative;
  font: 0.24rem/150% '\5FAE\8F6F\96C5\9ED1', 'Helvetica Neue', Helvetica, Arial,
 sans-serif;
  color: #555;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  -webkit-text-size-adjust: none; }

.lazy_img {
  background: none !important; }

* {
  max-height: 999999em; }

#app,
#header,
#content,
#footer,
.s1,
.s2,
.main,
.section {
  position: relative; }

#app {
  max-width: 1080px;
  margin: 0 auto;
  background: #f9f9f9;
  overflow: hidden; }

html {
  overflow-y: scroll;
  overflow: -moz-scrollbars-vertical; }

/** 布局 **/
.center-wrap {
  margin: 0 auto; }

body {
  width: 100%;
  background: #f9f9fb; }

.s1 {
  background: #f9f9fb; }

.head {
  height: 1rem;
  background: #262a2d;
  position: relative;
  z-index: 2; }

.logo {
  float: left;
  overflow: hidden;
  margin-top: 0.25rem;
  margin-left: 0.3rem; }

.head .bd {
  margin: 0 auto;
  position: relative; }

.logo a {
  display: block; }

.logo a img {
  vertical-align: top;
  width: 3rem; }

.jubao-info {
  padding: 0.4rem 0.3rem 0.9rem; }

.jubao-info h1 {
  color: #363636;
  font-size: 0.36rem;
  text-align: center;
  line-height: 1.8;
  margin-bottom: 0.2rem;
  font-weight: bold; }

.jubao-info p {
  line-height: 0.48rem;
  margin-bottom: 0.1rem;
  font-size: 0.26rem;
  text-indent: 2em;
  text-align: justify; }

.jubao-info p span {
  font-weight: bold; }

.handle {
  text-align: center;
  padding: 0.5rem 0;
  overflow: hidden; }

.handle .btn-jubao {
  display: block;
  height: 0.8rem;
  line-height: 0.8rem;
  border-radius: 0.05rem;
  background: #d83b2f;
  color: #fff;
  cursor: pointer; }

.control {
  text-align: center;
  padding: 0.5rem 0.2rem 0;
  overflow: hidden; }

.control .layui-btn {
  background: #d83b2f;
  border-radius: 0.05rem;
  height: 0.86rem;
  line-height: 0.86rem;
  font-size: 0.28rem; }

.control .layui-btn + .layui-btn {
  margin-left: 0; }

.tip {
  color: #bbb;
  line-height: 0.28rem;
  font-size: 0.2rem;
  padding-top: 0.1rem;
  clear: both; }

.bao {
  padding-top: 0.05rem;
  color: #999;
  font-size: 0.24rem; }

.jubao-form {
  padding: 0.4rem 0; }

.jubao-form h1 {
  color: #363636;
  font-size: 0.36rem;
  text-align: center;
  line-height: 1.4;
  font-weight: normal;
  margin-bottom: .2rem; }

.form-box {
  overflow: hidden; }

.form-box .form-l {
  line-height: 0.56rem;
  font-weight: 700;
  padding: 0.2rem 0;
  border-bottom: 1px solid #ccc;
  margin: 0 .2rem .15rem; }

.form-box .form-l h2 {
  font-size: 0.3rem;
  line-height: 1.5; }

.form-box .form-r {
  padding: 0 0.2rem; }

.max-size {
  position: absolute;
  right: 0.1rem;
  bottom: 0.05rem;
  color: #ccc;
  font-size: 0.22rem; }

.file-upload .layui-btn {
  display: block;
  width: 100%;
  height: .66rem;
  line-height: .66rem;
  background: #fff;
  font-size: .24rem; }

.layui-form-label {
  float: none;
  width: auto;
  text-align: left;
  line-height: 1.4;
  padding: 9px 0; }

.layui-input-block {
  margin-left: 0; }

.layui-input:focus,
.layui-textarea:focus {
  -webkit-box-shadow: 0 0 0 3px rgba(216, 59, 47, 0.2);
  box-shadow: 0 0 0 3px rgba(216, 59, 47, 0.2);
  border: 1px solid #d9d9d9; }

.layui-form-label i {
  display: inline-block;
  margin-right: 0.04rem;
  color: #f5222d;
  font-size: 0.24rem;
  font-family: SimSun, sans-serif;
  line-height: 1;
  font-style: normal; }

.layui-btn .layui-icon {
  font-size: 0.24rem; }

::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #999;
  font-size: 0.24rem; }

::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #999;
  font-size: 0.24rem; }

:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #999;
  font-size: 0.24rem; }

.layui-input,
.layui-select {
  height: 0.66rem;
  line-height: .66rem; }

.layui-form-item {
  margin-bottom: 0.1rem; }

.layui-form-checkbox span {
  font-size: .24rem; }

.layui-form-checkbox i {
  top: .06rem; }

.layui-form-checkbox[lay-skin=primary] {
  min-height: .4rem !important;
  padding-left: .4rem; }

.layui-form-checkbox[lay-skin=primary] span {
  line-height: .4rem; }

.layui-form-checkbox[lay-skin=primary] i {
  width: .22rem;
  height: .22rem;
  line-height: .22rem; }


.layui-form-checked[lay-skin=primary] i{
  background: #d83b2f;
  border-color: #d83b2f!important;
}
.layui-form-checkbox[lay-skin=primary]:hover i{
  border-color: #d83b2f;
}
.layui-layer-btn .layui-layer-btn0{
  border-color: #d83b2f !important;
  background-color: #d83b2f !important;
}
.layui-btn-primary:hover{
  border-color: #d83b2f;
  color: #d83b2f;
}

.layui-btn .layui-icon {
  font-size: .24rem; }

.layui-layer-title {
  font-size: 0.24rem !important; }

.layui-layer-dialog {
  min-width: 6rem !important; }

.layui-layer-dialog .layui-layer-content {
  font-size: 0.24rem !important;
  line-height: 0.32rem; }
.layui-layer-hui .layui-layer-content{
  padding: .2rem 0 !important;
}
.layui-layer-dialog .layui-layer-content {
  font-size: .24rem !important;
  line-height: 1.4 !important; }

.layui-layer-btn a {
  height: 0.46rem !important;
  line-height: 0.46rem !important; }

.input-smscode {
  width: 75%;
  float: left; }

.smscode-box {
  float: right;
  width: 25%; }

.btn-smscode {
  display: block;
  width: 100%;
  text-align: center;
  background: #d83b2f;
  height: .66rem;
  line-height: .66rem;
  font-size: .24rem;
  color: #fff;
  border-radius: .05rem;
  overflow: hidden; }

.file-desc {
  line-height: 0.34rem;
  font-size: 0.24rem;
  padding: 0.1rem 0;
  clear: both; }

.upload-list-item {
  height: 0.45rem;
  line-height: 0.45rem;
  font-size: 0.22rem;
  position: relative;
  background: #fff3f0;
  padding: 0 0 0 0.42rem;
  overflow: hidden;
  margin-bottom: 0.03rem; }

.upload-list-item span {
  position: absolute;
  right: 0.2rem;
  top: 0;
  font-size: 0.22rem; }

.upload-list-item span.btn-del-file {
  cursor: pointer; }

.upload-list-item p {
  margin: 0 0.8rem 0 0;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden; }

.upload-list-item i {
  position: absolute;
  left: 0.06rem;
  top: 0.1rem;
  background-image: url("../img/sprite_i.png?v=3125");
  background-size: 1.22rem 0.84rem;
  background-position: -0.94rem 0rem;
  background-repeat: no-repeat;
  width: 0.28rem;
  height: 0.28rem; }

#upload {
  display: none; }

.yunqiao-tip {
  font-size: 0.24rem;
  line-height: 0.34rem;
  padding-top: 0.1rem; }

.yunqiao-tip span,
.yunqiao-tip a {
  color: #d83b2f;
  cursor: pointer; 
  text-decoration: underline;}

/** 底部导航 **/
.foot {
  background: #282e33;
  text-align: center;
  font-size: 0.24rem;
  line-height: 0.3rem;
  color: #fff;
  overflow: hidden;
  padding: 0.4rem 0; }

.foot p {
  margin-top: 0.1rem; }

.foot p:first-child {
  margin: 0; }

.foot,
.footer a {
  color: #fff;
  text-decoration: none; }

.box-result {
  padding: 0.5rem 0.3rem; }

.result {
  border: 1px solid #b7eb8f;
  border-radius: 0.04rem;
  background: #f6ffed;
  margin: 0 0 0.3rem;
  padding: 0.4rem 0; }

.result .result-tip {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 0.3rem;
  margin-bottom: 0.2rem;
  font-size: 0.36rem;
  font-weight: bold;
  color: #333; }

.result .result-tip .icon-success {
  display: inline-block;
  width: 0.34rem;
  height: 0.34rem;
  margin-right: 0.18rem;
  color: #57c620;
  font-size: 0.4rem;
  font-weight: normal;
  vertical-align: top; }

.result .result-d {
  line-height: 0.3rem;
  text-align: center;
  font-size: 0.26rem;
  padding: 0 0.5rem;
  text-align: justify;
  line-height: 1.6; }

.handle .btn-home {
  display: block;
  height: 0.8rem;
  line-height: 0.8rem;
  border-radius: 0.05rem;
  background: #d83b2f;
  color: #fff;
  cursor: pointer; }

.btn-submit {
  display: block;
  width: 100%;
  height: 0.8rem;
  line-height: 0.8rem;
  border-radius: 0.05rem;
  color: #fff;
  cursor: pointer;
  font-size: 0.28rem; }
.jubao-form h1 {
  display: none;
}
.tab {
  display: flex;
  justify-content: center;
  color: #363636;
  font-size: .3rem;
  text-align: center;
  line-height: .5rem;
  font-weight: normal
}
.tab .on {
  position: relative;
  color: #D83B2F;
  font-weight: bold;
}
.tab .on::before {
  content: '';
  position: absolute;
  display: block;
  bottom: -.02rem;
  left: 0;
  width: 100%;
  height: .04rem;
  background: #D83B2F;
}
.tab>div {
  margin: 0 .6rem;
}
.link {
  cursor: pointer;
}
@keyframes blink {
  0% {
    transform: translateX(0);
    border: 1px solid #D83B2F;
  }
  25% {
    transform: translateX(-30%);
  }
  75% {
    transform: translateX(30%);
  }
  100% {
    transform: translateX(0);
  }
}