@charset "UTF-8";

* {
  margin: 0;
  padding: 0;
  font-family: Helvetica
}

body,
html {
  width: 100%;
  background-color: #f0f0f3;
  position: relative;
}

body {
  line-height: 1.5;
}

.scroll-container {
  background-color: #fff;
  overflow: hidden;
  width: 100%;
  position: relative
}

.scroll-container .image-wrapper {
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-property: transform, -webkit-transform;
  box-sizing: content-box;
  overflow-y: auto
}

.scroll-container .image-wrapper::-webkit-scrollbar {
  display: none
}

.scroll-container .image-wrapper li {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-property: transform, -webkit-transform
}

.scroll-container .image-wrapper li img {
  width: 100%
}

.scroll-container .scroll-spot {
  position: absolute;
  right: .2rem;
  bottom: .1rem
}

.scroll-container .scroll-spot li {
  width: .16rem;
  height: .16rem;
  float: left;
  background-color: #a7143c;
  border-radius: 50%;
  margin: 0 .04rem;
  list-style: none
}

.scroll-container .scroll-spot .active {
  background-color: #3b3b3b
}

.hot-issue {
  background-color: #fff
}

.hot-issue span,
.hot-issue a {
  position: relative;
  font-size: 14px;
  color: #000;
  text-decoration: none;
  outline: 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  height: 1.2rem;
  box-pack: center;
  padding: 0 .8rem 0 .4rem;
  background-image: url(../image/arrow_r.png);
  background-size: .24rem;
  background-position: 97% center;
  background-repeat: no-repeat
}

.hot-issue a::before {
  content: "";
  position: absolute;
  left: 0;
  height: 1px;
  width: 100%;
  transform: scaleY(.5);
  -webkit-transform: scaleY(.5);
  background: #ebebeb;
  bottom: 0
}

.issue-block {
  background-color: #fff;
  font-size: 14px;
  color: #666;
  text-align: center;
  margin-bottom: 2rem;
  min-height: 4rem;
}

.issue-block a {
  height: 2rem;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  width: 33%;
  float: left;
  background-color: #fff;
  text-decoration: none;
  color: #666;
  position: relative
}

.issue-block a img {
  margin: 0 auto;
  width: .8rem
}

.issue-block a::after {
  content: "";
  clear: both;
  height: 1px;
  width: 100%;
  transform: scaleY(.5);
  -webkit-transform: scaleY(.5);
  background: #ebebeb;
  bottom: 0;
  left: 0;
  position: absolute
}

.issue-block a::before {
  content: "";
  clear: both;
  height: 200%;
  width: 1px;
  transform: scaleY(.5);
  -webkit-transform: scaleY(.5);
  background: #ebebeb;
  top: -1rem;
  right: 0;
  position: absolute
}

.issue-block a:nth-child(3)::before,
.issue-block a:nth-child(6)::before {
  height: 0
}

.contact-service {
  background-color: #fff;
  background-image: url(../image/contact.png);
  background-repeat: no-repeat;
  background-size: .4rem;
  background-position: 38% 50%;
  margin-top: 50px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  height: 1rem;
  -webkit-box-pack: center;
  justify-content: center;
  font-size: 18px;
  padding-left: .4rem;
  color: #1287ba;
  text-decoration: none;
  position: fixed;
  bottom: 0;
  width: 100%
}

.qa-container {
  background-color: #fff;
  width: 100%
}

.qa-container .question {
  display: -webkit0-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  height: 1.2rem;
  color: #000;
  margin: 0 .4rem;
  position: relative;
  font-size: 16px;
  font-weight: bold;
}

.qa-container .question::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  height: 1px;
  width: 100%;
  transform: scaleY(.5);
  -webkit-transform: scaleY(.5);
  background: #ebebeb
}

.qa-container .answer {
  color: #323232;
  font-size: 14px;
  padding: 0 .4rem;
  text-align: justify;
  margin-top: .4rem;
}

.qa-container .answer img {
  width: 100%;
  display: block
}

.qa-container .tips {
  padding: .4rem;
  display: none
}

.qa-container .tips .tips-title {
  font-size: 14px;
  color: #0285f0
}

.qa-container .tips .tips-content {
  font-size: 14px;
  line-height: 20px;
  padding-top: 8px
}

.qa-container .feedback-block {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  margin-top: .6rem;
  padding-bottom: 1rem
}

.qa-container .feedback-block .solve,
.qa-container .feedback-block .unsolve {
  color: #8f8f8f;
  border-radius: 4px;
  border: 1px solid #8f8f8f;
  text-align: center;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  height: .6rem;
  width: 2rem;
  background-repeat: no-repeat;
  background-size: .3rem;
  background-position: .4rem center;
  background-color: #fff;
  padding-left: .8rem;
  outline: 0
}

.qa-container .feedback-block .solve {
  background-image: url(../image/solve.png)
}

.qa-container .feedback-block .unsolve {
  background-image: url(../image/unsolve.png);
  margin-left: .4rem
}

.qa-container .feedback-block .select {
  color: #0285f0;
  border-color: #0285f0
}

.answer-list div {
  display: none
}

.card-html {
  display: none;
  background-color: #ffffff
}

.card-html #cardI {
  height: 12rem;
}

.clear-float {
  clear: both;
}