@charset "UTF-8";
html {
  height: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  background-color: #453adc;
}
body {
  height: 100%;
  background-color: #453adc;
  max-width: none;
  max-height: none;
  overflow-y: scroll;
  margin: 0 auto;
}
a,
a:link,
a:visited,
a:hover,
a:active {
  color: inherit;
  text-decoration: inherit;
  outline: 0;
  cursor: pointer;
  -webkit-text-decoration-skip: objects;
}
h1,
h2,
h3,
h4,
h5,
h6,
div,
dl,
dt,
dd,
ul,
ol,
li,
span,
b,
i,
strong,
em {
  position: relative;
  z-index: 4;
  -webkit-tap-highlight-color: transparent;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 1em;
  font-weight: normal;
  margin: 0;
}
dl,
dt,
dd,
ul,
ol,
li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.iconfont {
  font-size: inherit;
}
.floatL {
  float: left;
}
.floatR {
  float: right;
}
.ellipsis,
.text-overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
textarea.template {
  display: none !important;
}
* {
  box-sizing: border-box;
}
*:focus {
  outline: none;
}
html {
  font-size: 16px;
}
body {
  font-family: "Source Han Sans CN", "Source Han Sans SC", "Hiragino Sans GB", "Microsoft YaHei", "PingFang SC", "STXihei", "华文细黑";
  overflow-x: hidden;
  background: url(../images/bg02.png) center center no-repeat;
  background-size: 100% 100%;
}
.text-red {
  color: #f00;
}
.nobg {
  border: none;
  background: none;
}
.clear:before,
.clear:after {
  content: '';
  display: block;
  float: none;
  clear: both;
}
.row:before,
.row:after {
  content: '';
  display: block;
  float: none;
  clear: both;
}
img {
  visibility: hidden;
}
img[src] {
  visibility: visible;
}
img::after {
  content: attr(alt);
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  transform: translateY(100%);
  transition: transform 0.2s;
}
img:hover::after {
  transform: translateY(0);
}
.img-box {
  position: relative;
  overflow: hidden;
}
.img-inline {
  position: relative;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  max-width: 100%;
  *width: 100%;
  height: auto;
  border: none;
}
.img-center {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  max-width: 100%;
  width: auto;
  *width: 100%;
  max-height: 100%;
  height: auto;
  *height: 100%;
  margin: auto;
  border: none;
}
.img-max {
  display: block;
  width: 100%;
  height: 100%;
  border: none;
}
.img-cover {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  max-width: none;
  width: 100%;
  *width: 100%;
  max-height: none;
  height: 100%;
  *height: 100%;
  margin: auto;
  border: none;
  object-position: 50% 50%;
  object-fit: cover;
}
.video-box {
  position: relative;
  overflow: hidden;
}
.video-inline {
  position: relative;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  max-width: 100%;
  *width: 100%;
  height: auto;
  border: none;
}
.video-center {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  max-width: 100%;
  width: auto;
  *width: 100%;
  max-height: 100%;
  height: auto;
  *height: 100%;
  margin: auto;
  border: none;
}
.video-max {
  display: block;
  width: 100%;
  height: 100%;
  border: none;
}
.video-cover {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  max-width: none;
  width: 100%;
  *width: 100%;
  max-height: none;
  height: 100%;
  *height: 100%;
  margin: auto;
  border: none;
  object-position: 50% 50%;
  object-fit: cover;
}
.box-padding5 {
  padding-bottom: 5%;
}
.box-padding10 {
  padding-bottom: 10%;
}
.box-padding15 {
  padding-bottom: 15%;
}
.box-padding20 {
  padding-bottom: 20%;
}
.box-padding25 {
  padding-bottom: 25%;
}
.box-padding30 {
  padding-bottom: 30%;
}
.box-padding35 {
  padding-bottom: 35%;
}
.box-padding40 {
  padding-bottom: 40%;
}
.box-padding45 {
  padding-bottom: 45%;
}
.box-padding50 {
  padding-bottom: 50%;
}
.box-padding55 {
  padding-bottom: 55%;
}
.box-padding60 {
  padding-bottom: 60%;
}
.box-padding65 {
  padding-bottom: 65%;
}
.box-padding70 {
  padding-bottom: 70%;
}
.box-padding75 {
  padding-bottom: 75%;
}
.box-padding80 {
  padding-bottom: 80%;
}
.box-padding85 {
  padding-bottom: 85%;
}
.box-padding90 {
  padding-bottom: 90%;
}
.box-padding95 {
  padding-bottom: 95%;
}
.box-padding100 {
  padding-bottom: 100%;
}
.box-square {
  padding-bottom: 100%;
}
.box-padding169 {
  padding-bottom: 56.25%;
}
.box-gold {
  padding-bottom: 61.8%;
}
.box-silver {
  padding-bottom: 70.6%;
}
.box-circular {
  padding-bottom: 100%;
  border-radius: 50%;
  overflow: hidden;
}
.btn-nobg {
  border: none;
  background: none;
  padding: 0;
}
.input-nobg {
  border: none;
  background: none;
  padding: 0;
}
.btn-block {
  display: block;
}
.btn-block.btn-center {
  margin: 0 auto;
}
.normal_btn {
  width: 8rem;
  height: 1.2rem;
  line-height: 1.23rem;
  text-align: center;
  letter-spacing: 0.1rem;
  font-size: 0.53333333rem;
  font-weight: 600;
  color: #fff;
  background: url(../images/btn01.png) no-repeat;
  background-size: 100% 100%;
}
.app {
  width: 100%;
  max-width: 750px;
  margin: 0 auto;
}
.app.index {
  
}
.app.index .sp-title {
  width: 8.53333333rem;
  margin: -2.13333333rem auto 0.4rem;
}
.app.index .tip {
  font-size: 0.32rem;
  line-height: 1.25;
  text-align: center;
  margin: 0.26666667rem auto;
  color: #1b3486;
}

.app.page2res {
  /* background-image: url(../images/bg02.png); */
  background-size: 100% 100%;
}
.app.page2res .result_box {
  text-align: center;
  width: 8.73333333rem;
  margin: 0.33em auto 0.5rem;
  padding: 0.5rem 0.2rem;
  background-color: #fff;
  border-radius: 8px;
}
.app.page2res .res_title {
  top: -0.58666667rem;
  height: 1.58666667rem;
  width: 7.69333333rem;
  margin: 0 auto 0;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -ms-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
}
.app.page2res .res_title.true {
  background-image: url(../images/res_t.png);
}
.app.page2res .res_title.false {
  background-image: url(../images/res_f.png);
}
.app.page2res .res_title.res_wzj {
  background-image: url(../images/res_wzj.png);
}
.app.page2res .scores-card {
  width: 6.62666667rem;
  margin: 0 auto;
}
.app.page2res .scores-card h2 {
  font-size: 0.8rem;
  font-weight: bold;
  padding-bottom: 0.5rem;
  color: #ff6d5a;
}
.app.page2res .scores-card p {
  color: #493adb;
  font-size: 0.4rem;
  margin: 0;
}
.app.page2res .scores-info {
  font-size: 0.42666667rem;
  line-height: 2.1875;
  vertical-align: baseline;
  width: 5.85333333rem;
  margin: 0.2rem auto 0;
  color: #4b74de;
  font-size: 0.4rem;
}
.app.page2res .scores-info .num {
  display: inline-block;
  vertical-align: baseline;
  line-height: 0.53333333rem;
  width: 0.53333333rem;
}
.app.page2res .scores-total {
  font-size: 0.42666667rem;
  width: 5.90666667rem;
  margin: 1rem auto;
}
.app.page2res .scores-total:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  height: 0.36rem;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  background-color: rgba(251, 224, 123, 0.329);
}
.app.page2res .scores-total .text-red {
  font-size: 1.625em;
  color: #b51d1d;
}
.app.page2res .res_wzj_main {
  font-size: 0.40rem;
  line-height: 1.5;
  width: 8rem;
  margin: 0 auto;
  color: #4b74de;
}
.app.page3rule {
  padding: 0.5rem;
}
.app.page3rule .logo-area {
  width: 6rem;
}
.app.page3rule .list:before,
.app.page3rule .list:after {
  content: '';
  position: absolute;
  z-index: 4;
}
.app.page3rule .list:before {
  width: 1.4rem;
  height: 1.0rem;
  background: url(../images/shoppingCart.png) center center no-repeat;
  background-size: 100% 100%;
  top: -15px;
  left: 0;
}
.app.page3rule .list:after {
  width: 1.8rem;
  height: 1.2rem;
  background: url(../images/paper.png) center center no-repeat;
  background-size: 100% 100%;
  bottom: -14px;
  right: -12px;
}
.app.page3rule .title1 {
  font-size: 0;
  height: 1.74666667rem;
  width: 8.48rem;
  margin: -2rem auto 0.4rem;
  background-image: url(../images/p3t1.png);
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -ms-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
}
.app.page3rule .list {
  padding: 1.0rem 0.25rem;
  margin: 0 0.25rem;
  background-color: #fff;
  border-radius: 8px;
  margin-bottom: 1.06666667rem;
}
.app.page3rule .list .item {
  font-size: 0.37333333rem;
  text-align: justify;
  line-height: 2;
  padding-left: 0.85333333rem;
  color: #493adb;
}
.app.page3rule .list .item:before {
  content: attr(data-i);
  position: absolute;
  top: 0.10666667rem;
  left: 0.21333333rem;
  font-size: 0.32rem;
  line-height: 1.25;
  text-align: center;
  height: 0.4rem;
  width: 0.4rem;
  border: 1px solid #ff9b0c;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background-color: #ff9b0c;
  color: #fff;
}
.app.page3rule .list .kitsItem {
  font-size: 0.37333333rem;
  text-align: justify;
  line-height: 2;
  padding-left: 0.15rem;
  padding-right: 0.15rem;
  color: #493adb;
}
.kits_img_box {
  width: 6rem;
  margin: -1.5rem auto 0.3rem;
}
.app.page3rule .list .mbp {
  max-height: 7rem;
  min-height: 1.33333333rem;
  overflow: auto;
}
.app.page3rule .title2 {
  font-size: 0;
  height: 0.56rem;
  width: 6.06666667rem;
  margin: 0 auto 0.26666667rem;
  background-image: url(../images/p3t2.png);
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -ms-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
}
.app.page3rule .appearTable .appearTr {
  font-size: 0;
}
.app.page3rule .appearTable .appearTd {
  display: inline-block;
  font-size: 0.42666667rem;
  line-height: 2.1875;
}
.tab-titCell {
  font-size: 0;
  text-align: center;
  z-index: 5;
  margin-bottom: 0.5rem;
}
.tab-titCell .tab0 {
  background-image: url(../images/tab0.png);
  background-size: 100% 100%;
}
.tab-titCell .tab1 {
  background-image: url(../images/tab1.png);
  background-size: 100% 100%;
}
.tab-titCell .tab2 {
  background-image: url(../images/tab2.png);
  background-size: 100% 100%;
}
.tab-titCell .tab0.on {
  background-image: url(../images/tab0_on.png);
  background-size: 100% 100%;
}
.tab-titCell .tab1.on {
  background-image: url(../images/tab1_on.png);
  background-size: 100% 100%;
}
.tab-titCell .tab2.on {
  background-image: url(../images/tab2_on.png);
  background-size: 100% 100%;
}

.tab-titCell .tab {
  display: inline-block;
  height: 0.74rem;
  width: 32%;
  z-index: 4;
}
.app.page3rule .appearTable .td0 {
  width: 2.26666667rem;
}
.app.page3rule .appearTable .td1 {
  width: 3.33333333rem;
  background-image: url(../images/td1.png);
  background-repeat: no-repeat;
  background-position: right center;
  -webkit-background-size: 0.72rem 0.13333333rem;
  -moz-background-size: 0.72rem 0.13333333rem;
  -ms-background-size: 0.72rem 0.13333333rem;
  -o-background-size: 0.72rem 0.13333333rem;
  background-size: 0.72rem 0.13333333rem;
}
.app.page3rule .appearTable .td2 {
  text-align: right;
  width: 2.13333333rem;
  color: #861b1b;
}
.app.page3rule .btn {
  margin-top: 0.53333333rem;
}
.app.page4 {
  padding: 0.5rem;
  min-height: 14rem;
  /* background: url(../images/bg02.png) center center no-repeat; */
  background-size: 100% 100%;
}
.app.page4 .mainbody:before,
.app.page4 .mainbody:after {
  content: '';
  position: absolute;
  z-index: 4;
}
.app.page4 .mainbody:before {
  width: 1.4rem;
  height: 1.0rem;
  background: url(../images/shoppingCart.png) center center no-repeat;
  background-size: 100% 100%;
  top: -15px;
  left: 0;
}
.app.page4 .mainbody:after {
  width: 1.8rem;
  height: 1.2rem;
  background: url(../images/paper.png) center center no-repeat;
  background-size: 100% 100%;
  bottom: -14px;
  right: -12px;
}
.app.page4 .mainbody {
  width: 9rem;
  height: 7rem;
  margin: 0 auto;
  padding: 0.4rem 0;
  background-color: #fff;
  border-radius: 8px;
  margin-bottom: 20px;
}
.app.page4 .tab-target {
  font-size: 0.32rem;
  line-height: 1.5;
  text-align: center;
  padding: 0.26666667rem 0;
  color: #666;
}
.app.page4 .main-title {
  font-size: 0.32rem;
  line-height: 1.5;
  text-align: center;
  margin: 0rem 0.2rem 0.13333333rem;
  padding: 0.26666667rem 0;
  border: 1px solid #9fd78e;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  background-color: #f9fff7;
  color: #333333;
}
.app.page4 .main-content {
  margin: 0 0.2rem;
}
.app.page4 .main-content .col0,
.app.page4 .main-content .col1,
.app.page4 .main-content .col2 {
  display: inline-block;
  vertical-align: middle;
  font-size: 0.37333333rem;
}
.app.page4 .main-content.table-phb {
  font-size: 0;
  line-height: 1.33333333rem;
  text-align: center;
  vertical-align: middle;
}
.app.page4 .main-content.table-phb .col0 {
  width: 50%;
}
.app.page4 .main-content.table-phb .col1 {
  width: 25%;
}
.app.page4 .main-content.table-phb .col2 {
  width: 25%;
}
.app.page4 .main-content.table-phb .img-box {
  position: absolute;
  top: 0.26666667rem;
  bottom: 0.26666667rem;
  left: 0.26666667rem;
  height: 0.8rem;
  width: 0.8rem;
  border: 1px solid #333;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background-color: #fbe07b;
}
.app.page4 .main-content.table-phb .text-overflow {
  text-align: left;
  margin-left: 1.33333333rem;
}
.app.page4 .main-content.table-phb .pm {
  display: inline-block;
  vertical-align: middle;
  line-height: 0.70666667rem;
  height: 0.70666667rem;
  width: 0.50666667rem;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -ms-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
}
.app.page4 .main-content.table-phb .pm:before {
  content: attr(content);
}
.app.page4 .main-content.table-phb .pm[content="1"] {
  font-size: 0;
  background-image: url(../images/jp1.png);
}
.app.page4 .main-content.table-phb .pm[content="2"] {
  font-size: 0;
  background-image: url(../images/jp2.png);
}
.app.page4 .main-content.table-phb .pm[content="3"] {
  font-size: 0;
  background-image: url(../images/jp3.png);
}
.app.page4 .main-content.table-phb .appearTb {
  height: 6.66666667rem;
  overflow: auto;
}
.app.page4 .main-content.table-phb .appearTr:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0.26666667rem;
  right: 0.26666667rem;
  height: 1px;
  background-color: #9fd78e;
}
.app.page4 .main-content.table-wdlp {
  font-size: 0;
  text-align: center;
  vertical-align: middle;
}
.app.page4 .main-content.table-wdlp .col0 {
  width: 33%;
}
.app.page4 .main-content.table-wdlp .col1 {
  width: 33%;
}
.app.page4 .main-content.table-wdlp .col2 {
  width: 33%;
}
.app.page4 .main-content.table-wdlp .appearTb {
  max-height: 5.33333333rem;
  min-height: 1.33333333rem;
  overflow: auto;
}
.app.page4 .main-content.table-wdlp .btn-look,
.app.page4 .main-content.table-wdlp .btn-unlook,
.app.page4 .main-content.table-wdlp .btn-form {
  font-size: 0.37333333rem;
  line-height: 2.5;
  width: 2.66666667rem;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.app.page4 .main-content.table-wdlp .btn-look {
  background-color: #ff395c;;
  color: #fff;
}
.app.page4 .main-content.table-wdlp .btn-unlook {
  background-color: #c0c0c0;
  color: #333;
}
.app.page4 .main-content.table-wdlp .btn-form {
  background-color: #ff9b0c;
  color: #fff;
}
.app.page4 .appearTh {
  font-size: 0;
  line-height: 2.85714286;
  color: #333;
  font-weight: bold;
}
.app.page4 .appearTr {
  font-size: 0;
  color: #493adb;
  line-height: 3.57142857;
  vertical-align: middle;
}
.app.page4 .appearTf {
  font-size: 0.32rem;
  text-align: center;
}
.app.page5_cj {
  height: 14.77333333rem;
  background-image: url(../images/bg03.png);
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -ms-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
}
.app.page5_cj .wheel {
  position: absolute;
  top: 1.92rem;
  left: 0;
  right: 0;
  height: 8.58666667rem;
  width: 8.58666667rem;
  margin: auto;
}
.app.page5_cj .wheel .wheel-bg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  border-radius: 50%;
  overflow: hidden;
}
.app.page5_cj .wheel .wheel-point {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.app.page5_cj .wheel .wheel-btn {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 5;
  height: 100%;
  width: 100%;
}
.app.form .validform {
  width: 90%;
  margin: 0 auto;
  background-color: #fff;
  border-radius: 8px;
}
.app.form .validform .form-title {
  color: #ff6d5a;
}
.app.form .validform .img-box {
  width: 4.0rem;
  height: 4.0rem;
  margin: 0 auto;
}
.app.form .validform .form-title .top {
  font-size: 0.48rem;
  line-height: 2;
  text-align: center;
}
.app.form .validform .form-title .tip {
  top: 0.13333333rem;
  font-size: 0.32rem;
  line-height: 1.5;
  text-align: center;
}
.app.form .validform .form-title .text {
  font-size: 0.4rem;
  vertical-align: middle;
  text-align: center;
  width: 8rem;
  margin: 0 auto 0;
  color: #4b74de;
}
.app.form .validform .form-title .text .ib {
  display: inline-block;
  vertical-align: middle;
}
.app.form .validform .form-main {
  
}
.app.form .validform .form-main .form-head {
  font-size: 0.4rem;
  vertical-align: middle;
  text-align: center;
  width: 8rem;
  margin: 0 auto 0;
  color: #4b74de;
  margin-bottom: 0.5rem;
}
.app.form .validform .form-main .form-body .input-row {
  width: 7.38666667rem;
  margin: 0 auto 0.2rem;
}
.app.form .validform .form-main .form-body .input-row .input-text {
  font-size: 0.4rem;
  line-height: 1.46666667;
  width: 100%;
  padding: 0.26666667rem;
  border: 1px solid #4b74de;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  -ms-border-radius: 24px;
  -o-border-radius: 24px;
  border-radius: 24px;
  background-color: #f9f9f9;
  margin-bottom: 0.25rem;
}
.app.form .validform .form-main .form-foot {
  font-size: 0.32rem;
  text-indent: -2em;
  text-align: justify;
  width: 7.38666667rem;
  padding-left: 2em;
  margin: 0 auto 0.2rem;
  color: #666;
}
.btnAudio {
  position: fixed;
  top: 0.33333333rem;
  right: 0.33333333rem;
  font-size: 0;
  height: 0.92rem;
  width: 0.92rem;
  background-image: url(../images/btnAudio.png);
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -ms-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
}
.btnAudio.on {
  background-image: url(../images/btnAudio_on.png);
}
.logo-area {
  width: 6.8933333333rem;
  margin: 0 auto 0.8rem;
  padding-top: 0.5rem;
}
.logo-area.two {
  width: 8.0rem;
  padding-top: 0.5rem;
  margin: 0 auto 0.5rem;
}
.logo-area.atLeft {
  position: fixed;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0.33333333rem 0 0.33333333rem 0.4rem;
}
.page5_cj .logo-area.atCenter {
  width: 6.0rem;
}
.logo-area.atCenter {
  width: 6.0rem;
  margin: 0 auto;
}
.aniList {
  position: relative;
  height: 7.24rem;
  width: 5.8rem;
  margin: 0 auto;
  background-image: url(../images/ibg.png);
  background-repeat: no-repeat;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -ms-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
}
.aniList .item {
  position: absolute;
  height: 1.06666667rem;
  width: 1.06666667rem;
}
.aniList .item0 {
  top: 0.26666667rem;
  left: 2.37333333rem;
}
.aniList .item1 {
  top: 1.70666667rem;
  left: 4.26666667rem;
}
.aniList .item2 {
  top: 3.46666667rem;
  left: 4rem;
}
.aniList .item3 {
  top: 3.46666667rem;
  left: 0.8rem;
}
.aniList .item4 {
  top: 1.70666667rem;
  left: 0.4rem;
}
.start_btn {
  margin-top: 2.4rem;
}
.ibtn0 {
  background: url(../images/btn.png) center center no-repeat;
  background-size: 100% 100%;
  /* border-radius: 16px;
  background-image: linear-gradient(#ffa592, #ff184b); */
}
/* .ibtn1 {
  background-image: url(../images/ibtn1.png);
} */
.ibtn2 {
  font-size: 14px;
  padding-left: 14px;
  background: url(../images/ibtn2_1.png) center center no-repeat;
  background-size: 100% 100%;
}
.ibtn3 {
  font-size: 14px;
  padding-left: 14px;
  background: url(../images/ibtn3_1.png) center center no-repeat;
  background-size: 100% 100%;
}
.ibtn4 {
  font-size: 14px;
  padding-left: 14px;
  background: url(../images/ibtn4_1.png) center center no-repeat;
  background-size: 100% 100%;
}
.ibtn0,
.ibtn1 {
  display: block;
  width: 6rem;
  height: 1.2rem;
  line-height: 1rem;
  text-align: center;
  margin: 0.2rem auto;
  font-size: 0.55rem;
  font-weight:600;
  letter-spacing: 0.1rem;
}
.ibtn2,
.ibtn3,
.ibtn4 {
  position: fixed;
  right: 0;
  z-index: 4;
  width: 1.24rem;
  height: 1.13333333rem;
}
.ibtn2 {
  top: 6.73333333rem;
  top: 50%;
}
.ibtn3 {
  top: 8.53333333rem;
  top: 58%;
}
.ibtn4 {
  top: 10.13333333rem;
  top: 66%;
}
.ibtn0,
/* .ibtn1,
.ibtn2, */
.ibtn3,
.ibtn4 {
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -ms-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
  color: #fff;
  
}
.next_btn {
  line-height: 2;
  width: 6.4rem;
  height: auto;
  color: #fff;
  font-size: 16px;
  border-radius: 8px;
  background: url(../images/btn02.png) center center no-repeat;
  background-size: 100% 100%;
  margin: 0.5rem 0 0 0;
  padding: 0.15rem 0.25rem;
  border: 0;
}
.sysAnswerQuestion {
  min-height: 14rem;
}
.sysAnswerQuestion .stem {
  font-size: 0.37333333rem;
  line-height: 1.2;
  text-align: justify;
  width: 8.26666667rem;
  margin: 0.33333333rem auto 0.2rem;
  padding: 0 0.3rem 0.4rem;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 6px 30px rgba(0, 0, 0, .5);
  overflow: hidden;
}
.sysAnswerQuestion .progress {
  width: 7.2rem;
  height: 1.4rem;
  margin: 0.25rem auto 0.5rem;
  padding-top: 0.35rem;
  color: #493adb;
  font-size: 0.48rem;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 2.0;
  text-align: center;
  background-image: url(../images/q_title_bg.png);
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -ms-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100% 100%;
}
.sysAnswerQuestion .title {
  margin-top: 0.25rem;
  font-size: 0.4rem;
  color: #493adb;
}
.sysAnswerQuestion .sub_title {
  margin-top: 0.25rem;
  font-size: 0.4rem;
  color: #4b74de;
}
.sysAnswerQuestion .sub_item {
  display: inline-block;
  margin-top: 0.25rem;
  font-size: 0.4rem;
  color: #4b74de;
}
.sysAnswerQuestion .options {
  font-size: 0.37333333rem;
  line-height: 1.78571429;
  width: 8.26666667rem;
  margin: 0 auto 0.26666667rem;
  padding: 0.26666667rem 0 0;
}
.sysAnswerQuestion .options .itemOption {
  margin-top: 0.13333333rem;
  padding: 0.13333333rem 0.2rem ;
  border: 2px solid #fff;
  border-radius: 30px;
  /* display: flex; */
}
.sysAnswerQuestion .options .itemOption:nth-child(2n+1) {
  background-color: #4b74de;
}
.sysAnswerQuestion .options .itemOption:nth-child(2n) {
  background-color: #821dbc;
}
.sysAnswerQuestion .options .itemOption:nth-child(2n) .num {
  color: #821dbc;
}
.sysAnswerQuestion .options .itemOption .num {
  position: absolute;
  top: 6px;
  display: inline-block;
  vertical-align: middle;
  color: #4b74de;
  font-weight: bold;
  font-size: 0.32rem;
  background-color: #fff;
  border-radius: 50%;
  width: 0.7rem;
  height: 0.6rem;
  text-align: center;
  margin: auto;
}
.sysAnswerQuestion .options .itemOption .value {
  display: block;
  vertical-align: middle;
  text-align: center;
  font-size: 0.32rem;
  color: #fff;
  padding-left: 0.75rem;
}

/* .sysAnswerQuestion .options .itemOption.active {
  background-image: url(../images/itemOption_bg_active.png);
} */
.footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  font-size: 0.32rem;
  line-height: 1.25;
  text-align: center;
  padding: 0.24rem;
  /* background-color: rgba(159, 215, 142, 0.6); */
  color: #fff;
}
.footer1{
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  font-size: 0.32rem;
  line-height: 1.25;
  text-align: center;
  padding: 0.24rem;
  color: #0f5aa1;
}
.layui-layer.rsnet_layer {
  min-width: none;
  box-shadow: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  background-color: transparent;
}
.layui-layer.rsnet_layer .layui-layer-content {
  padding: 0;
}
.layui-layer.rsnet_layer.onlyConfirm {
  font-size: 0.4rem;
  line-height: 2;
  text-align: center;
  background-color: #fff;
  border-radius: 8px;
}
.layui-layer.rsnet_layer.onlyConfirm .txt {
  font-size: 0.4rem;
  color: green;
}
.layui-layer.rsnet_layer.onlyConfirm .inner {
  font-size: 0.4rem;
  color: #333;
}
.layui-layer.rsnet_layer.onlyConfirm .layui-layer-content {
  padding: 0.5rem 1.0rem;
}
.layui-layer.rsnet_layer.onlyConfirm .layui-layer-btn-c {
  margin-top: -0.8rem;
}
.layui-layer.rsnet_layer.onlyConfirm .layui-layer-btn0 {
  line-height: 2;
  width: 6.4rem;
  height: auto;
  color: #fff;
  font-size: 16px;
  border-radius: 8px;
  background: url(../images/btn02.png) center center no-repeat;
  background-size: 100% 100%;
  margin: 0;
  padding: 0.15rem 0.25rem;
  border: 0;
}
.layui-layer.rsnet_layer.checkLayer {

}
.layui-layer.rsnet_layer.checkLayer .img-box {
  width: 3.0rem;
  height: 3.0rem;
  margin: 0 auto;
}
.layui-layer.rsnet_layer.checkLayer .txt_box {
  text-align: left;
  line-height: 1.8;
}
.layui-layer.rsnet_layer.checkLayer .txt_box p {
  margin: 6px 0;
}
.layui-layer.rsnet_layer.Result4Right .layui-layer-content {
  font-size: 0.37333333rem;
  line-height: 1.28571429;
  padding: 0 0.85333333rem 0.5rem;
  background-color: #fff;
  border-radius: 8px;
  text-align: center;
}
.layui-layer.rsnet_layer.Result4Right .layui-layer-content p {
  text-align: center;
  font-size: 0.4rem;
  margin: 0.2rem 0 0.2rem;
  color: #35b22f;
}

.layui-layer.rsnet_layer.Result4Wrong .layui-layer-content {
  font-size: 0.37333333rem;
  line-height: 1.28571429;
  padding: 0 0.85333333rem 0.5rem;
  background-color: #fff;
  border-radius: 8px;
  text-align: center;
}
.layui-layer.rsnet_layer.Result4Wrong .layui-layer-content h5 {
  font-size: 0.4rem;
  line-height: 2.46666667;
  margin-top: 3.94666667rem;
}
.layui-layer.rsnet_layer.Result4Wrong .layui-layer-content h6 {
  margin-top: 0.66666667rem;
}
.layui-layer.rsnet_layer.Result4Wrong .layui-layer-content p {
  text-align: center;
  font-size: 0.4rem;
  margin: 0.2rem 0 0.2rem;
  color: #493adb;
}
.color_green {
  color: #35b22f;
}
.color_err {
  color: #ffa10f;
}
.layui-layer-content .img-box {
  width: 2.0rem;
  height: 2.0rem;
  margin: 1.0rem auto 0.5rem;
}
.layui-layer.rsnet_layer.Result4Right .layui-layer-btn0,
.layui-layer.rsnet_layer.Result4Wrong .layui-layer-btn0 {
  width: 5.65333333rem;
  height: 1.17333333rem;
  border: none;
  color: #fff;
  font-size: 16px;
  border-radius: 16px;
  background-image: linear-gradient(#ffa592, #ff184b);
}
.layui-layer.rsnet_layer.Result4Right.over .layui-layer-btn0,
.layui-layer.rsnet_layer.Result4Wrong.over .layui-layer-btn0 {
  background-image: url("../images/qabtn1.png");
}
.share .layui-layer-content .img-box {
  width: 9rem;
  height: 5rem;
}


::-webkit-scrollbar{
  width: 6px; 
  height: 4px;
}

/* 滚动条顶角和底角 */ 
/* 顶角 */ 
::-webkit-scrollbar-button:vertical:decrement{
  width: 6px;
  height: 4px;
  border-radius: 4px 4px 0 0; 
  background-repeat: no-repeat;
  background-position: 2px 2px;
  background: #d142e5;
}
/* 底角 */ 
::-webkit-scrollbar-button:vertical:increment{
  width: 6px;
  height: 4px;
  border-radius: 0 0 6px 6px ; 
  background-repeat: no-repeat;
  background-position: 2px 2px;
  background: #d142e5;
}
::-webkit-scrollbar-button:horizontal:decrement{
  width: 6px;
  height: 4px;
  background-repeat: no-repeat;
  background-position: 2px 2px;
  background: #d142e5;
}
::-webkit-scrollbar-button:horizontal:increment {
  width: 6px;
  height: 4px;
  background-repeat: no-repeat;
  background-position: 2px 2px;
  background: #d142e5;
}

::-webkit-scrollbar-button:vertical:decrement:hover,
::-webkit-scrollbar-button:vertical:increment:hover,
::-webkit-scrollbar-button:horizontal:decrement:hover,
::-webkit-scrollbar-button:horizontal:increment:hover {
  background-color: #d142e5;
}
::-webkit-scrollbar-button:vertical:decrement:active,
::-webkit-scrollbar-button:vertical:increment:active,
::-webkit-scrollbar-button:horizontal:decrement:active,
::-webkit-scrollbar-button:horizontal:increment:active {
  background-color: #d142e5;
}

/* 滚动条 背景色 后 */
::-webkit-scrollbar-track{
  width: 6px;
  background: #d142e5;/*#E1ebf3;*/
}
::-webkit-scrollbar-corner{
  width: 6px;
  background: #d142e5;/*#E1ebf3;*/
}
/* 滚动条 背景色 前 */
::-webkit-scrollbar-thumb{
  width: 6px;
  border-radius: 4px;
  background: #b42ac7;/*#044068;*/
}
::-webkit-scrollbar-thumb:hover{
  background: #b42ac7;/*#044068;*/
}
::-webkit-scrollbar-thumb:active{
  background: #b42ac7;/*#044068;*/
}

@media screen and (max-height: 624px) {
  .logo-area {
    width: 5rem;
    margin: 0 auto 0.7rem;
    padding-top: 0.25rem;
  }
  .start_btn {
    margin-top: 2.0rem;
  }
}
@media screen and (min-height: 640px) {
  .app.index {
    padding-top: 30px;
  }
}
@media screen and (min-height: 667px) {
  .app.index {
    padding-top: 36px;
  }
}
@media screen and (min-height: 736px) {
  .app.index {
    padding-top: 50px;
  }
}
@media screen and (min-height: 812px) {
  .app.index {
    padding-top: 161px;
  }
}