/* unit: 1rem = 37.5 *@px */
.init * {
  margin: 0;
  padding: 0;
  line-height: 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.init body {
  height: 100%;
  color: #000;
  font-family: sans-serif;
  -webkit-overflow-scrolling: touch;
  background: #f2f3f6;
}
.init li {
  list-style-type: none;
}
.init a {
  color: #000;
  text-decoration: none;
}
.init html,
.init div,
.init p,
.init ul,
.init li,
.init form,
.init span {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  line-height: 1;
}
.init html {
  height: 100%;
  -webkit-tap-highlight-color: transparent;
  font-family: "microsoft yahei", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.init i,
.init em {
  font-style: normal;
}
.init input,
.init textarea {
  border: none;
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.init button {
  outline: none;
  border: none;
}
.init-pc * {
  margin: 0;
  padding: 0;
  line-height: 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  outline: none;
}
.init-pc body {
  height: 100%;
  color: #000;
  font-size: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
  -webkit-overflow-scrolling: touch;
  background: #ffffff;
}
.init-pc li {
  list-style-type: none;
}
.init-pc a {
  color: #000;
  text-decoration: none;
}
.init-pc html,
.init-pc div,
.init-pc p,
.init-pc ul,
.init-pc li,
.init-pc form,
.init-pc span {
  line-height: 1;
}
.init-pc html {
  height: 100%;
  -webkit-tap-highlight-color: transparent;
  font-family: "microsoft yahei", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.init-pc i,
.init-pc em {
  font-style: normal;
}
.init-pc input,
.init-pc textarea {
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.init-no-bg * {
  margin: 0;
  padding: 0;
  line-height: 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
}
.init-no-bg body {
  height: 100%;
  color: #000;
  font-family: sans-serif;
  -webkit-overflow-scrolling: touch;
}
.init-no-bg li {
  list-style-type: none;
}
.init-no-bg a {
  color: #000;
  text-decoration: none;
}
.init-no-bg html,
.init-no-bg div,
.init-no-bg p,
.init-no-bg ul,
.init-no-bg li,
.init-no-bg form,
.init-no-bg span {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  line-height: 1;
}
.init-no-bg html {
  height: 100%;
  -webkit-tap-highlight-color: transparent;
  font-family: "microsoft yahei", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.init-no-bg i,
.init-no-bg em {
  font-style: normal;
}
.init-no-bg input,
.init-no-bg textarea {
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
* {
  margin: 0;
  padding: 0;
  line-height: 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
body {
  height: 100%;
  color: #000;
  font-family: sans-serif;
  -webkit-overflow-scrolling: touch;
  background: #f2f3f6;
}
li {
  list-style-type: none;
}
a {
  color: #000;
  text-decoration: none;
}
html,
div,
p,
ul,
li,
form,
span {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  line-height: 1;
}
html {
  height: 100%;
  -webkit-tap-highlight-color: transparent;
  font-family: "microsoft yahei", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
i,
em {
  font-style: normal;
}
input,
textarea {
  border: none;
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
button {
  outline: none;
  border: none;
}
.card {
  padding: 0 2.26666667rem;
  background: #f3f4f4;
  min-height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.active {
  opacity: 1!important;
  visibility: visible!important;
  display: block!important;
}
.card-top {
  height: 14.13333333rem;
}
.card-top .card-off {
  display: none;
}
.card-top .card-off .card-title {
  color: #000000;
  font-size: 0.8rem;
  padding: 0.93333333rem 0 0.53333333rem;
}
.card-top .card-off .tel-wrap {
  *zoom: 1;
}
.card-top .card-off .tel-wrap:before,
.card-top .card-off .tel-wrap:after {
  display: table;
  content: "";
}
.card-top .card-off .tel-wrap:after {
  clear: both;
}
.card-top .card-off .tel-wrap .tel {
  font-size: 0.69333333rem;
  color: #000;
  float: left;
  background: #ffffff;
  width: 8.21333333rem;
  height: 2.4rem;
  line-height: 1.5;
  padding: 0.53333333rem 1.06666667rem;
  border-radius: 1.22666667rem;
  -webkit-box-shadow: -0.08364041rem 0.16687938rem 0.64rem 0rem rgba(0, 0, 0, 0.06);
          box-shadow: -0.08364041rem 0.16687938rem 0.64rem 0rem rgba(0, 0, 0, 0.06);
}
.card-top .card-off .tel-wrap .tel-btn {
  float: right;
  width: 6.66666667rem;
  height: 2.4rem;
  text-align: center;
  line-height: 2.4rem;
  background: #fe5a59;
  font-size: 0.69333333rem;
  color: #ffffff;
  border-radius: 1.22666667rem;
}
.card-top .card-off .auth-code {
  width: 100%;
  font-size: 0.69333333rem;
  color: #000;
  height: 2.4rem;
  line-height: 1.5;
  padding: 0.53333333rem 1.06666667rem;
  border-radius: 1.22666667rem;
  -webkit-box-shadow: -0.08364041rem 0.16687938rem 0.64rem 0rem rgba(0, 0, 0, 0.06);
          box-shadow: -0.08364041rem 0.16687938rem 0.64rem 0rem rgba(0, 0, 0, 0.06);
}
.card-top .card-off .active-btn {
  width: 100%;
  height: 2.4rem;
  background: #fe5a59 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKgAAAAmBAMAAACi380vAAAAMFBMVEUAAAD///////////////////////////////////////////////////////////87TQQwAAAAD3RSTlMA7kSIzHczqt0Ru5lmIlU+UkOAAAAD50lEQVRIx6WWz29MURTHD62201/6SDdEpizErpqHSETaMMFuamEneUPkJSK04g/osCAi0vEXYCOxmlpalfgDlIjYSCMWYsVUp1RxnO9577z7vPG00m8y70fvvZ977vmed28p1l1mniNTITTVOuKH80Q9QwRd9bxxop2edw9vmx6TU3jWP1Q6UbXXdoHuJdNGNo1v5kgLRJ1NTHeBubE7pIB5RqH8UK59+0pXPRszQJC2MVdXgwrGWmiW2fO87Rj4wAYk0M5SJHlZjJ6O50MXawm0ztBXjeZYFrqBs2rkQ/l2Ap1OQfn6uqCNlwblNLS5VihSAijSUjYo75JXKjJ3tEIbRWnbH14kyodKWxFQ8PRChbJCv/ny916DFuqAFsKKVBDeof+BUo9CVW3Mv6akmZTaJEihuQIUBcN/Qk9RkEC7mZcVeokKs2uGQhloMNNfNGiX+KHQ4UEqjDTve6IiQoGIXpVKR8jUK/bUcqHfa29gVCijJWtjEZQHiU6XOS1N6ncydSOluVC+WXgZuz/PfC+G8tYaZaHKMW3GDPnQRsVaPjHvNSiv1LJQFMcTgz5n/vEPKC9Zy6gMmpafQnkyCyWWlRh0SkylvJIK5GpQ6fgWnWJo1iiqu80KmGoutCcFLWupLhKdUWi2pBDAL4qEj28mhvq+n4FSgOvrMKwYA/X57q/Qu85+mZyHcnNK/UW5DkesEax2mUR7APVFByV03A9jAmd/Fx7zofRioc0fkT6+Pz7PybZ+TqCc0oILzwWdDy1cs51woJ3dAXSuFdqnSbGKauZDQU2guuVVyJSF0rTZj0L4mQ9FwQUGBeYbQe99/0ArdBR3V1HmvqrioDr7RAKtm9dlGNYCnUCzsSbtgeiZ+EHpTVos6phlfhCiqj5Znpl5DNArPmQRdtlCOvHFGlRXu5SG9sLGgPmojJ1D6w/d2NQwMztJf4+lvAssg6ptK2loJzBIqhJwIsUbG89loe47onn0c9ANWIGDYs7lBNqPa43iXlmo8weOfXHQDzjanVE6Z9WglW6r02Gs5y/Qy563I/ZxKYEKEitAp5NF7fkcNo6yCgFGocxiUCsUMh8HYqipik4Ba8+62IiJfZkPM4CmdVbNQh95Tjif5TZja8SwFBSsPmSwbP9LfbXvEdCIoYua4hZNpqArDtoHG9uEdFLmBgU32znYaRWoJ2E56CbY2C5lFQitV2bAcWJ73FqhNz4iimEYJcvagoJcwD72GVDs0GLRmG5sa4beGoryNWVuwu8BtIzJb1FYyxPys6OSnZxRTmoUkDEKQaru4L98OeHGJfBtT+Wl3fMGUY4oLM/J+mdVo3XpN9pTzFIctVluAAAAAElFTkSuQmCC) no-repeat center center;
  background-size: 4.48rem 1.01333333rem;
  border-radius: 1.22666667rem;
}
.card-top .card-off .active-btn.active-btn-on {
  background: #d7d7d7 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKgAAAAmBAMAAACi380vAAAAMFBMVEUAAAD///////////////////////////////////////////////////////////87TQQwAAAAD3RSTlMA7kSIzHczqt0Ru5lmIlU+UkOAAAAD50lEQVRIx6WWz29MURTHD62201/6SDdEpizErpqHSETaMMFuamEneUPkJSK04g/osCAi0vEXYCOxmlpalfgDlIjYSCMWYsVUp1RxnO9577z7vPG00m8y70fvvZ977vmed28p1l1mniNTITTVOuKH80Q9QwRd9bxxop2edw9vmx6TU3jWP1Q6UbXXdoHuJdNGNo1v5kgLRJ1NTHeBubE7pIB5RqH8UK59+0pXPRszQJC2MVdXgwrGWmiW2fO87Rj4wAYk0M5SJHlZjJ6O50MXawm0ztBXjeZYFrqBs2rkQ/l2Ap1OQfn6uqCNlwblNLS5VihSAijSUjYo75JXKjJ3tEIbRWnbH14kyodKWxFQ8PRChbJCv/ny916DFuqAFsKKVBDeof+BUo9CVW3Mv6akmZTaJEihuQIUBcN/Qk9RkEC7mZcVeokKs2uGQhloMNNfNGiX+KHQ4UEqjDTve6IiQoGIXpVKR8jUK/bUcqHfa29gVCijJWtjEZQHiU6XOS1N6ncydSOluVC+WXgZuz/PfC+G8tYaZaHKMW3GDPnQRsVaPjHvNSiv1LJQFMcTgz5n/vEPKC9Zy6gMmpafQnkyCyWWlRh0SkylvJIK5GpQ6fgWnWJo1iiqu80KmGoutCcFLWupLhKdUWi2pBDAL4qEj28mhvq+n4FSgOvrMKwYA/X57q/Qu85+mZyHcnNK/UW5DkesEax2mUR7APVFByV03A9jAmd/Fx7zofRioc0fkT6+Pz7PybZ+TqCc0oILzwWdDy1cs51woJ3dAXSuFdqnSbGKauZDQU2guuVVyJSF0rTZj0L4mQ9FwQUGBeYbQe99/0ArdBR3V1HmvqrioDr7RAKtm9dlGNYCnUCzsSbtgeiZ+EHpTVos6phlfhCiqj5Znpl5DNArPmQRdtlCOvHFGlRXu5SG9sLGgPmojJ1D6w/d2NQwMztJf4+lvAssg6ptK2loJzBIqhJwIsUbG89loe47onn0c9ANWIGDYs7lBNqPa43iXlmo8weOfXHQDzjanVE6Z9WglW6r02Gs5y/Qy563I/ZxKYEKEitAp5NF7fkcNo6yCgFGocxiUCsUMh8HYqipik4Ba8+62IiJfZkPM4CmdVbNQh95Tjif5TZja8SwFBSsPmSwbP9LfbXvEdCIoYua4hZNpqArDtoHG9uEdFLmBgU32znYaRWoJ2E56CbY2C5lFQitV2bAcWJ73FqhNz4iimEYJcvagoJcwD72GVDs0GLRmG5sa4beGoryNWVuwu8BtIzJb1FYyxPys6OSnZxRTmoUkDEKQaru4L98OeHGJfBtT+Wl3fMGUY4oLM/J+mdVo3XpN9pTzFIctVluAAAAAElFTkSuQmCC) no-repeat center center;
  background-size: 4.48rem 1.01333333rem;
}
.card-top .card-off .err {
  opacity: 0;
  height: 1.33333333rem;
  line-height: 1.33333333rem;
  color: #fe5a59;
  padding: 0 1.06666667rem;
  font-size: 0.64rem;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.card-top .card-on {
  display: none;
}
.card-top .card-on .card-on-img {
  width: 100%;
  padding: 2.4rem 0 1.86666667rem;
}
.card-top .card-on p {
  font-size: 0.85333333rem;
  color: #3c3c3c;
  padding-bottom: 0.53333333rem;
}
.card-top .card-on .card-tel {
  color: #cf2121;
  font-weight: bold;
  text-decoration: underline;
}
.card-bottom .card-desc .card-desc-li {
  font-size: 0.64rem;
  line-height: 1.8;
  color: #666666;
}

/*# sourceMappingURL=tencentcard.daec243083324bbceb96.css.map*/