@media only screen and (min-width: 320px) {
  html {
    font-size: 42.66667px; } }
@media only screen and (min-width: 360px) {
  html {
    font-size: 48px; } }
@media only screen and (min-width: 375px) {
  html {
    font-size: 50px; } }
@media only screen and (min-width: 393px) {
  html {
    font-size: 52.4px; } }
@media only screen and (min-width: 400px) {
  html {
    font-size: 53.33333px; } }
@media only screen and (min-width: 412px) {
  html {
    font-size: 54.93333px; } }
@media only screen and (min-width: 414px) {
  html {
    font-size: 55.2px; } }
header img {
  width: 7.5rem;
  height: 3rem;
  margin: 0 auto; }

em {
  font-style: normal; }

main {
  width: 7.5rem;
  margin: 0 auto; }

.mian_title {
  width: 100%;
  height: .78rem;
  background: #fdf0d2;
  text-align: center;
  font-size: .26rem;
  line-height: .78rem; }

.main_section {
  overflow: hidden;
  width: 5.94rem;
  padding: 0 .78rem;
  background: #ffdd68; }

.main_section dl {
  margin-top: .24rem; }

.main_section dt {
  font-size: .3rem;
  line-height: .45rem;
  margin-bottom: .24rem; }

.single em {
  font-style: normal;
  margin-right: .3rem; }

.single a {
  position: relative;
  display: block;
  width: 5.14rem;
  margin: .2rem auto 0 auto;
  padding-left: .36rem;
  background: url(../images/section_bg.png) left top no-repeat;
  background-size: 5.5rem .64rem;
  font-size: .26rem;
  line-height: .64rem;
  color: #333; }

.double a {
  float: left;
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  margin: .16rem .53rem 0 .16rem; }

.double a:nth-child(2n+0) {
  margin-right: 0rem; }

.double a div {
  overflow: hidden;
  width: 2.4rem;
  height: 1.6rem;
  background: #ffe797;
  border-radius: .12rem; }

.double a div img {
  width: 2.4rem;
  height: 1.6rem; }

.double a span {
  position: relative;
  overflow: hidden;
  display: block;
  width: 2.04rem;
  margin: .16rem auto 0 auto;
  padding-left: .36rem;
  background: url(../images/section_bg02.png) left top no-repeat;
  background-size: 2.4rem .64rem;
  font-size: .26rem;
  line-height: .64rem;
  color: #333; }

.double em {
  font-style: normal;
  margin-right: .3rem; }

.sub {
  display: block;
  width: 6.02rem;
  height: .95rem;
  margin: .5rem auto;
  background: url(../images/sub.png) left top no-repeat;
  background-size: 6.02rem .95rem; }

.right {
  position: absolute;
  left: .16rem;
  top: -.03rem;
  display: block;
  width: .58rem;
  height: .58rem;
  background: url(../images/ok.png) left top no-repeat;
  background-size: .58rem .58rem;
  opacity: 0; }

.wrong {
  position: absolute;
  left: .28rem;
  top: .16rem;
  display: block;
  width: .3rem;
  height: .3rem;
  background: url(../images/wrong.png) left top no-repeat;
  background-size: .3rem .3rem;
  opacity: 0; }

.final {
  background: #f7f0e8; }

.final_head {
  overflow: hidden;
  width: 7.5rem;
  height: 3.11rem;
  margin: 0 auto;
  background: url(../images/sub_bg.png) left top no-repeat;
  background-size: 7.5rem 3.11rem; }

.num {
  overflow: hidden;
  width: 2.54rem;
  height: .7rem;
  padding: 0 .3rem;
  margin: .16rem auto 0 auto;
  background: url(../images/num.png) left top no-repeat;
  background-size: 3.14rem .7rem;
  color: #fff;
  font-size: .3rem;
  line-height: .6rem;
  text-align: center; }

.persent {
  font-size: .72rem;
  line-height: 1.4rem;
  color: #fff;
  text-align: center; }

.persent em {
  font-style: normal; }

.person {
  width: 2.38rem;
  height: 2.38rem;
  margin: -.74rem auto 0 auto; }

.fail {
  font-size: .42rem;
  line-height: 1.86rem;
  color: #dd4b4b;
  text-align: center; }

.chao {
  width: 5.88rem;
  margin: .1rem auto 0 auto;
  font-size: .3rem;
  line-height: .45rem;
  text-align: center; }

.more {
  display: block;
  width: 4.8rem;
  height: .84rem;
  margin: .6rem auto .3rem auto;
  background: url(../images/more.png) left top no-repeat;
  background-size: 4.8rem .84rem; }

.share {
  display: block;
  width: 4.8rem;
  height: .84rem;
  margin: .6rem auto .3rem auto;
  background: url(../images/share.png) left top no-repeat;
  background-size: 4.8rem .84rem; }

.down {
  display: block;
  width: 4.8rem;
  height: .84rem;
  margin: 0 auto;
  background: url(../images/down.png) left top no-repeat;
  background-size: 4.8rem .84rem; }

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