html,
body {
  width: 100%;
  height: 100%;
}
.nav_left {
  width: 0.66666667rem;
  height: 1.29333333rem;
  position: fixed;
  left: 0;
  top: 1.33333333rem;
  z-index: 99999;
}
.nav_left .nav_on {
  width: 0.66666667rem;
  height: 1.29333333rem;
  background: url('../images/appoint/nav_side_on.png') no-repeat;
  background-size: contain;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
}
.nav_left .nav_left_content {
  width: 3.38666667rem;
  height: 6.72rem;
  background: url('../images/appoint/link_bg.png') no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
.nav_left .nav_left_content .nav_login_close {
  width: 0.66666667rem;
  height: 1.28rem;
  position: absolute;
  right: 0.06666667rem;
  top: 0rem;
  cursor: pointer;
}
.nav_left .nav_left_content .nav_login {
  width: 2.66666667rem;
  height: 0.52rem;
  position: absolute;
  top: 0.4rem;
  left: 0px;
}
.nav_left .nav_left_content .nav_login .nav_login_btn {
  width: 2.66666667rem;
  height: 0.52rem;
  background: url('../images/appoint/nav_login_btn1.png') no-repeat 0.53333333rem;
  background-size: contain;
  cursor: pointer;
}
.nav_left .nav_left_content .nav_login .nav_login_name {
  width: 2.66666667rem;
  height: 0.52rem;
  font-size: 0.26666667rem;
  text-align: left;
  color: #fff;
  text-align: center;
  display: none;
}
.nav_left .nav_left_content .nav_linkus {
  width: 2.66666667rem;
  position: absolute;
  top: 1.17333333rem;
  left: 0px;
}
.nav_left .nav_left_content .nav_linkus .nav_linkus_item {
  width: 2.34666667rem;
  margin: 0 auto;
}
.go_off {
  width: 2.62666667rem;
  position: fixed;
  top: 0.66666667rem;
  right: 0;
  z-index: 99999;
}
.cat-container {
  width: 100%;
  height: 17.78666667rem;
}
.swiper-container {
  width: 100%;
  height: 17.78666667rem;
}
.swiper-container .page1 {
  width: 100%;
  height: 100%;
  background: url('../images/cat_kv.png') no-repeat;
  background-size: contain;
}
.swiper-container .page1 .cat_kv {
  width: 100%;
  margin: 0 auto;
  background: url("../images/cat_kv.png") no-repeat;
  background-size: cover;
}
.swiper-container .page1 .cat_kv .gift_btn {
  width: 1.81333333rem;
  height: 2.10666667rem;
  background: url('../images/gift_btn.png') no-repeat;
  background-size: contain;
  position: absolute;
  top: 0.13333333rem;
  left: 0.13333333rem;
  cursor: pointer;
  z-index: 99;
}
.swiper-container .page1 .cat_kv .login_info {
  position: fixed;
  top: 0.66666667rem;
  right: 0;
  z-index: 99999;
}
.swiper-container .page1 .cat_kv .login_info .login_on {
  width: 0.6rem;
  height: 1.2rem;
  background: url('../images/login_nav_on.png') no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 9;
  display: none;
}
.swiper-container .page1 .cat_kv .login_info .login_off {
  width: 2.57333333rem;
  height: 1.86666667rem;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 8;
}
.swiper-container .page1 .cat_kv .login_info .login_off .login_off_bg {
  width: 2.57333333rem;
  height: 1.86666667rem;
  background: url('../images/login_nav_off.png') no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
}
.swiper-container .page1 .cat_kv .login_info .login_off .login_click {
  width: 100%;
  height: 1.2rem;
  position: absolute;
  top: 0;
  left: 0;
}
.swiper-container .page1 .cat_kv .login_info .login_off .user_info {
  width: 1.97333333rem;
  height: 1.86666667rem;
  position: absolute;
  left: 0.66666667rem;
}
.swiper-container .page1 .cat_kv .login_info .login_off .user_icon {
  color: #fff;
  font-size: 0.66666667rem;
  line-height: 1.33333333rem;
  text-align: center;
  font-weight: 400;
}
.swiper-container .page1 .cat_kv .login_info .login_off .user_name {
  padding: 0 0.13333333rem;
  box-sizing: border-box;
  text-align: center;
  color: #fff;
  font-size: 0.2rem;
}
.swiper-container .page1 .cat_kv .cat_logo {
  width: 1.57333333rem;
  padding-top: 1.14666667rem;
  margin: 0 auto;
}
.swiper-container .page1 .cat_kv .appoint_content {
  width: 9.18666667rem;
  position: absolute;
  top: 9.33333333rem;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.swiper-container .page1 .cat_kv .appoint_content .sloagan {
  width: 7.54666667rem;
  height: 2.50666667rem;
  margin: 0 auto;
  background: url('../images/slogan_new.png') no-repeat;
  background-size: contain;
}
.swiper-container .page1 .cat_kv .appoint_content .video_btn {
  width: 1.24rem;
  height: 1.21333333rem;
  background: url('../images/video_btn_new.png') no-repeat;
  background-size: contain;
  position: absolute;
  top: 1.33333333rem;
  left: 2.13333333rem;
  cursor: pointer;
}
.swiper-container .page1 .cat_kv .appoint_content .video_btn:hover {
  background: url('../images/video_btn_hover.png') no-repeat;
  background-size: contain;
}
.swiper-container .page1 .cat_kv .appoint_content .appoint_btn_list {
  width: 4.66666667rem;
  margin: 0 auto;
}
.swiper-container .page1 .cat_kv .appoint_content .appoint_btn_list .appoint_btn {
  position: relative;
}
.swiper-container .page1 .cat_kv .appoint_content .appoint_btn_list .appoint_btn .btn_item1 {
  width: 3.85333333rem;
  height: 1.2rem;
  background: url('../images/button_new_off.png') no-repeat;
  background-size: contain;
  cursor: pointer;
  margin: auto;
  margin-top: 0.73333333rem;
}
.swiper-container .page1 .cat_kv .appoint_content .appoint_btn_list .appoint_btn .btn_item2 {
  width: 3.39093333rem;
  height: 1.056rem;
  margin: 0 auto;
  cursor: pointer;
  margin: auto;
  margin-top: 0.13333333rem;
}
.swiper-container .page1 .cat_kv .appoint_content .appoint_btn_list .appoint_btn .appoint_num {
  width: 4.93333333rem;
  position: absolute;
  top: 2.4rem;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  font-size: 0.24rem;
  text-align: center;
}
.swiper-container .page1 .cat_kv .appoint_content .appoint_btn_list .appoint_btn .appoint_num .yuyue_icon {
  width: 4.17333333rem;
  height: 0.44rem;
  margin-top: 0.13333333rem;
  background: url('../images/appoint/appoint_renshu_bg.png') no-repeat;
  background-size: contain;
  display: inline-block;
}
.swiper-container .page1 .cat_kv .appoint_content .appoint_btn_list .appoint_btn .appoint_num .renshu {
  width: 1.86666667rem;
  display: inline-block;
  font-size: 0.30666667rem;
  font-weight: 700;
  color: #ffd500;
  position: absolute;
  left: 2rem;
}
.swiper-container .page1 .cat_kv .appoint_content .appoint_btn_list .appoint_test {
  width: 2.16rem;
  height: 2.13333333rem;
  background: url('../images/button_text_off.png') no-repeat;
  background-size: contain;
  margin: 0 auto;
  cursor: pointer;
  margin-right: 0.66666667rem;
  position: absolute;
  right: -0.86666667rem;
  top: -0.53333333rem;
}
.swiper-container .page1 .cat_kv .appoint_content .appoint_btn_list .appoint_test:hover {
  background: url('../images/button_text_on.png') no-repeat;
  background-size: contain;
}
.swiper-container .page2 {
  width: 100%;
  height: 100%;
  background: url('../images/appoint/bg3.jpeg') no-repeat;
  background-size: cover;
}
.swiper-container .page2 .gift_title {
  width: 4.25333333rem;
  position: absolute;
  top: 2.4rem;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.swiper-container .page2 .gift_content {
  width: 10rem;
  position: absolute;
  top: 4.66666667rem;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.swiper-container .page2 .gift_content .gift_content_top {
  width: 100%;
}
.swiper-container .page2 .gift_content .gift_content_top .gift_top_item {
  float: left;
  width: 2.62666667rem;
  margin: 0 0.33333333rem;
  position: relative;
}
.swiper-container .page2 .gift_content .gift_content_top .gift_top_item .scuess {
  width: 2.62666667rem;
  height: 3.97333333rem;
  background: url('../images/appoint/gift_bg.png') no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
}
.swiper-container .page2 .gift_content .gift_content_bottom {
  width: 9.28rem;
  position: absolute;
  top: 4rem;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.swiper-container .page2 .gift_content .gift_content_bottom .gift_bottom_item {
  float: left;
  width: 2.04rem;
  margin: 0 0.13333333rem;
  position: relative;
}
.swiper-container .page2 .gift_content .gift_content_bottom .gift_bottom_item .scuess {
  width: 2.04rem;
  height: 3.26666667rem;
  background: url('../images/appoint/gift_bg1.png') no-repeat;
  background-size: contain;
  position: absolute;
  top: 0.01333333rem;
  left: 0;
}
.swiper-container .page2 .gift_content .appoint_num {
  width: 4.93333333rem;
  position: absolute;
  top: 8rem;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  font-size: 0.24rem;
  text-align: center;
}
.swiper-container .page2 .gift_content .appoint_num .yuyue_icon {
  width: 4.17333333rem;
  height: 0.44rem;
  margin-top: 0.13333333rem;
  background: url('../images/appoint/appoint_renshu_bg.png') no-repeat;
  background-size: contain;
  display: inline-block;
}
.swiper-container .page2 .gift_content .appoint_num .renshu {
  width: 1.86666667rem;
  display: inline-block;
  font-size: 0.30666667rem;
  font-weight: 700;
  color: #ffd500;
  position: absolute;
  left: 2rem;
}
.swiper-container .page3 {
  width: 100%;
  height: 100%;
  background: url('../images/appoint/bg3.jpeg') no-repeat;
  background-size: cover;
}
.swiper-container .page3 .invit_title {
  width: 4.25333333rem;
  position: absolute;
  top: 2rem;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.swiper-container .page3 .invit_content {
  width: 100%;
  position: absolute;
  top: 3.2rem;
}
.swiper-container .page3 .invit_content .invit_top {
  width: 6.62666667rem;
  height: 4.04rem;
  background: url('../images/appoint/invit_lihui.png') no-repeat;
  background-size: contain;
  margin: 0 auto;
  margin-bottom: 0.33333333rem;
  position: relative;
}
.swiper-container .page3 .invit_content .invit_top .invit_btn {
  width: 2.53333333rem;
  height: 0.65333333rem;
  background: url('../images/appoint/invit_btn_off.png') no-repeat;
  background-size: contain;
  position: absolute;
  left: 0.17333333rem;
  top: 1.06666667rem;
}
.swiper-container .page3 .invit_content .invit_top .invit_renshu {
  width: 2.53333333rem;
  height: 0.65333333rem;
  position: absolute;
  left: 0.2rem;
  top: 1.73333333rem;
  color: #333333;
  font-size: 0.33333333rem;
  text-align: center;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
}
.swiper-container .page3 .invit_content .invit_top .invit_renshu .invit_num {
  color: #2836f1;
}
.swiper-container .page3 .invit_content .invit_gift_left {
  width: 6.62666667rem;
  margin: 0 auto;
}
.swiper-container .page3 .invit_content .invit_gift_left .invit_gift_item {
  float: left;
  width: 2.18666667rem;
}
.swiper-container .page4 {
  width: 100%;
  height: 17.78666667rem;
  background: url('../images/footbg.png') no-repeat;
  background-size: contain;
  padding-top: 0.66666667rem;
  box-sizing: border-box;
}
.swiper-container .page4 .link_us_title {
  width: 2.08rem;
  margin: 0 auto;
  margin-bottom: 0.4rem;
}
.swiper-container .page4 .link_us {
  width: 6rem;
  margin: 0 auto;
}
.swiper-container .page4 .link_us .link_us_item {
  width: 2.33333333rem;
  margin: 0.26666667rem;
}
.swiper-container .page4 .footer_line {
  width: 9.36rem;
  margin: 0 auto;
  margin-top: 0.53333333rem;
}
.swiper-container .page4 .ft_logo {
  width: 4.10666667rem;
  margin: 0 auto;
  margin-top: 0.4rem;
}
.swiper-container .page4 .ft_address_item,
.swiper-container .page4 .company_address {
  width: 100%;
  font-size: 0.30666667rem;
  text-align: center;
  color: #fff;
  margin-top: 0.13333333rem;
}
.swiper-container .page4 .ft_address_item1 {
  width: 100%;
  font-size: 0.30666667rem;
  text-align: center;
  color: #fff;
  margin-top: 0.13333333rem;
}
.swiper-container .page4 .ft_address_item1 a {
  color: #ffff;
}
.swiper-container .page4 .link_list {
  margin-top: 0.46666667rem;
}
.swiper-container .page4 .rules,
.swiper-container .page4 .ft_address_item2 {
  margin-top: 0.4rem;
}
.swiper-container .page4 .rules_item {
  opacity: 0.6;
}
.swiper-container .page4 .company_ruls_item {
  margin-top: 0.4rem;
  color: #fff;
}
.swiper-container .page4 .company_ruls_item a {
  columns: #fff;
}
.swiper-container .page4 .company_ruls_item1 {
  font-size: 0.30666667rem;
  text-align: center;
}
.swiper-container .page4 .company_ruls_item1 a {
  color: #fff;
}
.swiper-container .page4 .company_ruls_item1 span {
  display: inline-block;
}
.swiper-container .page4 .company_ruls_item1 .wh_list {
  width: 2.66666667rem;
  margin-left: 0.26666667rem;
}
.swiper-container .page4 .company_ruls_item1 .wh_item {
  display: inline-block;
  width: 0.53333333rem;
}
.swiper-container .page4 .company_ruls_item1 .wh1 {
  width: 0.66666667rem;
  margin-left: 0.13333333rem;
}
.swiper-container .page4 .company_ruls_item1 .jiaz {
  color: #7d2e1b;
}
.kv_video_mosk {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9999;
  display: none;
}
.kv_video_mosk .kv_player {
  width: 99%;
  height: 6rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.kv_video_mosk .kv_player .kv_video {
  width: 100%;
  height: 100%;
}
.kv_video_mosk .kv_player .pv_close {
  position: absolute;
  right: 0rem;
  top: -0.53333333rem;
  width: 0.53333333rem;
  height: 0.53333333rem;
}
.kv_video_mosk .kv_player .pv_close .close {
  position: absolute;
  right: 0.25333333rem;
  width: 0.3em;
  height: 0.53333333rem;
  background: #fff;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  display: inline-block;
}
.kv_video_mosk .kv_player .pv_close .close:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0.3em;
  height: 0.53333333rem;
  background: #fff;
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.appoint_mosk {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 999999;
  display: none;
}
.appoint_mosk .appoint_login {
  width: 8.89333333rem;
  height: 7.76rem;
  background: url('../images/appoint/appoint_bg.png') no-repeat;
  background-size: contain;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.appoint_mosk .appoint_login .appoint_close {
  width: 0.70666667rem;
  height: 0.68rem;
  background: url('../images/appoint/close.png') no-repeat;
  background-size: contain;
  position: absolute;
  right: 0rem;
  top: -0.8rem;
}
.appoint_mosk .appoint_login .gologin {
  text-align: center;
}
.appoint_mosk .appoint_login .appoint_nav {
  width: 5.33333333rem;
  margin: 0 auto;
  padding-top: 0.93333333rem;
  box-sizing: border-box;
  cursor: pointer;
}
.appoint_mosk .appoint_login .appoint_nav .appoint_nav_item {
  width: 100%;
  text-align: center;
  font-size: 0.4rem;
  height: 0.86666667rem;
  padding-bottom: 0.13333333rem;
  box-sizing: border-box;
  font-family: 'AdobeHeitiStd-Regular';
}
.appoint_mosk .appoint_login .appoint_nav .appoint_nav_item a {
  display: block;
  width: 2rem;
  height: 0.66666667rem;
  margin: 0 auto;
}
.appoint_mosk .appoint_login .appoint_nav .appoint_nav_item_active a {
  color: #343434;
  border-bottom: 0.02666667rem solid #ffd400;
}
.appoint_mosk .appoint_login .login_list {
  width: 6.66666667rem;
  margin: 0 auto;
}
.appoint_mosk .appoint_login .login_list .login_item {
  width: 100%;
  display: none;
}
.appoint_mosk .appoint_login .login_list .login_item .input_item {
  width: 100%;
  height: 0.93333333rem;
  margin-top: 0.33333333rem;
  font-size: 0.26666667rem;
}
.appoint_mosk .appoint_login .login_list .login_item .input_item .input_content {
  width: 4rem;
  padding-bottom: 0.10666667rem;
  border-bottom: 0.01333333rem solid #ccc;
}
.appoint_mosk .appoint_login .login_list .login_item .input_title {
  width: 1.6rem;
  display: inline-block;
  text-align: right;
  font-size: 0.34666667rem;
  margin-right: 0.26666667rem;
}
.appoint_mosk .appoint_login .login_list .login_item .phone {
  width: 4rem;
  font-size: 0.34666667rem;
}
.appoint_mosk .appoint_login .login_list .login_item .veritify_btn {
  width: 2.4rem;
}
.appoint_mosk .appoint_login .login_list .login_item .veritify_code {
  width: 2.4rem;
  font-size: 0.34666667rem;
}
.appoint_mosk .appoint_login .login_list .login_item .usercode {
  font-size: 0.34666667rem;
}
.appoint_mosk .appoint_login .login_list .login_item .psw {
  font-size: 0.34666667rem;
}
.appoint_mosk .appoint_login .login_list .login_item input,
.appoint_mosk .appoint_login .login_list .login_item button {
  outline: none;
  border: none;
  background: none;
}
.appoint_mosk .appoint_login .login_list .login_item .veritify_btn {
  width: 1.6rem;
  font-size: 0.26666667rem;
  border-left: 0.02666667rem solid #ccc;
  cursor: pointer;
}
.appoint_mosk .appoint_login .login_list .login_item .submit {
  width: 1.85333333rem;
  height: 0.68rem;
  font-size: 0.34666667rem;
  line-height: 0.66666667rem;
  padding-bottom: 0.06666667rem;
  box-sizing: border-box;
  display: block;
  background: url('../images/appoint/submit_a.png') no-repeat;
  background-size: contain;
  margin: 0 auto;
  margin-top: -0.13333333rem;
  cursor: pointer;
  color: #702632;
}
.appoint_mosk .appoint_login .login_list .login_item .submit:hover {
  background: url('../images/appoint/submit_b.png') no-repeat;
  background-size: contain;
}
.appoint_mosk .appoint_login .login_list .login_title {
  text-align: center;
  font-family: 'MicrosoftYaHei';
  font-size: 0.29333333rem;
}
.appoint_mosk .appoint_login .login_list .login_link {
  width: 2.4rem;
  margin: 0 auto;
}
.appoint_mosk .appoint_login .login_list .login_link .login_link_item {
  width: 0.944rem;
  margin-left: 0.13333333rem;
  margin-top: 0.13333333rem;
}
.appoint_mosk .appoint_login .login_list .login_link .fantang_link {
  width: 0.976rem;
}
.appoint_mosk .appoint_login .login_list .login_item_show {
  display: block;
}
.box_title {
  font-size: 0.33333333rem;
  color: #ffd500;
  width: 2rem;
  height: 0.8rem;
  position: absolute;
  text-align: center;
  line-height: 0.8rem;
  top: 0/100rem;
  left: 0.53333333rem;
}
.scuess_mosk {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 99999;
  display: none;
}
.scuess_mosk .scuess_box {
  width: 8.56rem;
  height: 9.68rem;
  background: url('../images/appoint/share_bg.png') no-repeat;
  background-size: contain;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.scuess_mosk .scuess_box .scuess_close {
  width: 0.70666667rem;
  height: 0.68rem;
  background: url('../images/appoint/close.png') no-repeat;
  background-size: contain;
  position: absolute;
  right: 0rem;
  top: -0.8rem;
}
.scuess_mosk .scuess_box .scuess_content {
  padding: 0.66666667rem 0.13333333rem 0;
  padding-top: 0.93333333rem;
}
.scuess_mosk .scuess_box .scuess_content .scuess_icon {
  width: 3.06666667rem;
  margin: 0 auto;
}
.scuess_mosk .scuess_box .scuess_content .scuess_logo {
  width: 3.46666667rem;
  margin-left: 0.26666667rem;
}
.scuess_mosk .scuess_box .scuess_content .scuess_text {
  width: 100%;
  box-sizing: border-box;
}
.scuess_mosk .scuess_box .scuess_content .scuess_text .text1 {
  font-size: 0.32rem;
  font-weight: 700;
  color: #3a558c;
  text-align: center;
  margin-bottom: 0.06666667rem;
}
.scuess_mosk .scuess_box .scuess_content .scuess_text .text2 {
  font-size: 0.24rem;
  line-height: 0.53333333rem;
  text-align: center;
}
.scuess_mosk .scuess_box .scuess_content .scuess_text .text2 a {
  color: #555;
}
.scuess_mosk .scuess_box .scuess_content .secode_list {
  width: 5.6rem;
  height: 3.46666667rem;
  margin: 0 auto;
  margin-top: 0.13333333rem;
}
.scuess_mosk .scuess_box .scuess_content .secode_list .secode_item {
  width: 2rem;
  position: relative;
  margin: 0 0.13333333rem;
  z-index: 9;
}
.scuess_mosk .scuess_box .scuess_content .secode_list .secode_item .sec_content {
  width: 2.8rem;
  height: 1.96rem;
  position: relative;
  z-index: 9;
}
.scuess_mosk .scuess_box .scuess_content .secode_list .secode_item .sec_content img {
  width: 1.96rem;
  height: 1.96rem;
  margin: 0 auto;
}
.scuess_mosk .scuess_box .scuess_content .secode_list .secode_item p {
  text-align: center;
  color: #909baa;
  font-size: 0.26666667rem;
  margin-bottom: 0.06666667rem;
}
.scuess_mosk .scuess_box .scuess_content .secode_list .secode_item .mark {
  color: #000;
  font-weight: 700;
}
.scuess_mosk .scuess_box .scuess_content .secode_list .weibo {
  margin-left: 0.66666667rem;
}
.scuess_mosk .scuess_box .scuess_content .cat_question {
  width: 5.6rem;
  text-indent: 0.26666667rem;
  margin: 0 auto;
  font-size: 0.24rem;
  height: 0.6rem;
  border: 1px solid #000;
  line-height: 0.6rem;
  box-sizing: border-box;
  position: relative;
  border-radius: 0.6rem;
  position: absolute;
  top: 8.7rem;
  left: 50%;
  transform: translateX(-50%);
  color: #000;
}
.scuess_mosk .scuess_box .scuess_content .cat_question .question_icon {
  width: 1.73333333rem;
  height: 0.58666667rem;
  border-radius: 0.6rem;
  border: 1px solid #000;
  background: #ffd500;
  text-indent: 0.4rem;
  background-size: contain;
  position: absolute;
  right: -1px;
  top: -1px;
  cursor: pointer;
}
.device_mosk {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 99999;
  display: none;
}
.device_mosk .device_box {
  width: 8.89333333rem;
  height: 7.76rem;
  background: url('../images/appoint/appoint_bg.png') no-repeat;
  background-size: contain;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding-top: 1.33333333rem;
}
.device_mosk .device_box .device_close {
  width: 0.70666667rem;
  height: 0.68rem;
  background: url('../images/appoint/close.png') no-repeat;
  background-size: contain;
  position: absolute;
  right: 0rem;
  top: -0.8rem;
}
.device_mosk .device_box .device_title {
  width: 2.13333333rem;
  text-align: center;
  font-size: 0.37333333rem;
  margin: 0 auto;
  border-bottom: 0.06666667rem solid #ffd500;
  padding-bottom: 0.13333333rem;
}
.device_mosk .device_box .device_list {
  width: 2.66666667rem;
  margin: 0 auto;
  margin-top: 0.53333333rem;
}
.device_mosk .device_box .device_list .device_item {
  height: 0.8rem;
  margin-bottom: 0.13333333rem;
}
.device_mosk .device_box .device_list .device_item .device_name {
  display: inline-block;
  width: 0.93333333rem;
  height: 0.8rem;
  text-align: center;
  line-height: 0.8rem;
  position: relative;
  font-size: 0.28rem;
  margin-left: 0.53333333rem;
  margin-right: 0rem;
  color: #9f9f9f;
}
.device_mosk .device_box .device_list .device_item .device_name .device_dec {
  width: 0.32rem;
  height: 0.34666667rem;
  background: url('../images/block_01.png') no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
}
.device_mosk .device_box .device_list .device_item .select_btn {
  width: 0.8rem;
  height: 0.8rem;
  position: relative;
}
.device_mosk .device_box .device_list .device_item .select_btn .input_radio {
  width: 0.8rem;
  height: 0.8rem;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.device_mosk .device_box .device_list .device_item .select_btn .select_box {
  position: absolute;
  width: 0.26666667rem;
  height: 0.26666667rem;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border: 1px solid #000;
  z-index: 1;
}
.device_mosk .device_box .device_list .device_item .select_btn .select_box_active {
  background: url('../images/select.png') no-repeat;
  background-size: contain;
}
.device_mosk .device_box .device_btn_submit {
  width: 1.98666667rem;
  height: 0.61333333rem;
  font-size: 0.34666667rem;
  line-height: 0.66666667rem;
  padding-bottom: 0.06666667rem;
  box-sizing: border-box;
  text-align: center;
  color: #702632;
  display: block;
  background: url('../images/device_btn_a.png') no-repeat;
  background-size: contain;
  margin: 0 auto;
  cursor: pointer;
}
.device_mosk .device_box .device_btn_submit:hover {
  background: url('../images/device_btn_b.png') no-repeat;
  background-size: contain;
}
.gift_mosk {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 99999;
  display: none;
}
.gift_mosk .gift_box {
  width: 10rem;
  height: 12.24rem;
  background: url('../images/gift_bg.png') no-repeat;
  background-size: contain;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.gift_mosk .gift_box .achieve_title {
  width: 4.86666667rem;
  height: 1.01333333rem;
  background: url('../images/gift_title.png') no-repeat;
  background-size: contain;
  position: absolute;
  top: 0.4rem;
  right: 1.33333333rem;
}
.gift_mosk .gift_box .achieve_close {
  width: 0.70666667rem;
  height: 0.68rem;
  background: url('../images/appoint_close.png') no-repeat;
  background-size: contain;
  position: absolute;
  right: 0.53333333rem;
  top: 0.53333333rem;
}
.gift_mosk .gift_box .gift_list .gift_item {
  position: absolute;
  width: 2.28rem;
  height: 2.28rem;
}
.gift_mosk .gift_box .gift_list .gift_item1 {
  background: url('../images/gift1.png') no-repeat;
  background-size: contain;
  top: 2.30666667rem;
  left: 4.26666667rem;
}
.gift_mosk .gift_box .gift_list .gift_item2 {
  background: url('../images/gift2.png') no-repeat;
  background-size: contain;
  top: 2.30666667rem;
  left: 6.92rem;
}
.gift_mosk .gift_box .gift_list .gift_item3 {
  background: url('../images/gift3.jpg') no-repeat;
  background-size: contain;
  top: 4.92rem;
  left: 4.26666667rem;
}
.gift_mosk .gift_box .gift_list .gift_item4 {
  background: url('../images/gift4.jpg') no-repeat;
  background-size: contain;
  top: 4.92rem;
  left: 6.92rem;
}
.gift_mosk .gift_box .gift_list .gift_item5 {
  width: 4.92rem;
  height: 2.42666667rem;
  background: url('../images/gift5.png') no-repeat;
  background-size: contain;
  top: 7.54666667rem;
  left: 4.26666667rem;
}
.gift_mosk .gift_box .gift_list .achieve .achieved {
  width: 2.22666667rem;
  height: 2.22666667rem;
  background: url('../images/achieved.png') no-repeat;
  background-size: contain;
  position: absolute;
  top: 0.01333333rem;
  left: 0.01333333rem;
}
.gift_mosk .gift_box .gift_list .achieve .achieved1 {
  width: 4.86666667rem;
  height: 2.37333333rem;
  background: url('../images/achieved1.png') no-repeat;
  background-size: contain;
  position: absolute;
  top: 0.01333333rem;
  left: 0.01333333rem;
}
.invit_mosk {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 99999;
  display: none;
}
.invit_mosk .invit_box {
  width: 8.56rem;
  height: 9.68rem;
  background: url('../images/appoint/share_bg.png') no-repeat;
  background-size: contain;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.invit_mosk .invit_box .invit_close {
  width: 0.70666667rem;
  height: 0.68rem;
  background: url('../images/appoint/close.png') no-repeat;
  background-size: contain;
  position: absolute;
  right: 0rem;
  top: -0.8rem;
}
.invit_mosk .invit_box .invit_content {
  padding-top: 1.06666667rem;
}
.invit_mosk .invit_box .invit_content .gift_title {
  width: 100%;
  font-size: 0.32rem;
  color: #3a558c;
  text-align: center;
  font-weight: 700;
  margin-bottom: 0.26666667rem;
}
.invit_mosk .invit_box .invit_content .invit_gift {
  width: 8rem;
  margin: 0 auto;
  padding-bottom: 0.26666667rem;
  border-bottom: 1px dashed #000;
}
.invit_mosk .invit_box .invit_content .invit_gift .invit_gift_item {
  width: 2.66666667rem;
  margin: 0 0rem;
}
.invit_mosk .invit_box .invit_content .invit_gift .invit_gift_item img {
  width: 1.76rem;
  margin: 0 auto;
}
.invit_mosk .invit_box .invit_content .invit_gift .invit_gift_item .img2 {
  width: 1.82666667rem;
}
.invit_mosk .invit_box .invit_content .invit_gift .invit_gift_item p {
  text-align: center;
  font-size: 0.16rem;
  color: #000;
}
.invit_mosk .invit_box .invit_content .scuess_logo {
  width: 260px;
  margin-left: 60px;
}
.invit_mosk .invit_box .invit_content .invit_right {
  width: 8.53333333rem;
  padding-top: 0.26666667rem;
}
.invit_mosk .invit_box .invit_content .invit_right p {
  font-size: 0.26666667rem;
  color: #000;
}
.invit_mosk .invit_box .invit_content .invit_right .code_title {
  width: 6.13333333rem;
  margin: 0 auto;
  margin-bottom: 0.13333333rem;
}
.invit_mosk .invit_box .invit_content .invit_right .invit_right_title {
  width: 100%;
  font-size: 0.26666667rem;
  font-weight: 500;
  color: #38548c;
  margin-bottom: 0.13333333rem;
  text-align: center;
}
.invit_mosk .invit_box .invit_content .invit_right .share_code {
  width: 6.13333333rem;
  height: 0.64rem;
  border: 1px solid #000;
  border-radius: 22px;
  position: relative;
  font-size: 0.26666667rem;
  line-height: 0.64rem;
  text-indent: 0.26666667rem;
  box-sizing: border-box;
  margin-left: 1.33333333rem;
}
.invit_mosk .invit_box .invit_content .invit_right .share_code .code_text {
  width: 8rem;
  height: 44px;
  border: 1px solid #000;
  border-radius: 22px;
  position: relative;
  font-size: 20px;
  line-height: 44px;
}
.invit_mosk .invit_box .invit_content .invit_right .share_code .copy_btn {
  width: 1.06666667rem;
  height: 0.54666667rem;
  border: 0.02666667rem solid #000;
  border-radius: 0.29333333rem;
  position: absolute;
  top: 0rem;
  right: -0.01333333rem;
  text-align: center;
  line-height: 0.58666667rem;
  font-size: 0.29333333rem;
  background: #ffd500;
  text-indent: 0px;
  cursor: pointer;
}
.invit_mosk .invit_box .invit_content .invit_right .code_box {
  width: 100%;
}
.invit_mosk .invit_box .invit_content .invit_right .code_box p {
  text-align: center;
  font-size: 0.21333333rem;
  color: #5c6d8a;
  margin-top: 10px;
}
.invit_mosk .invit_box .invit_content .invit_right .code_box #invit_code {
  width: 2rem;
  height: 2rem;
  margin: 0 auto;
  margin-top: 0.26666667rem;
}
.wx_invit_mosk {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 99999;
  display: none;
}
.wx_invit_mosk .invit_box {
  width: 8.56rem;
  height: 9.68rem;
  background: url('../images/appoint/share_bg.png') no-repeat;
  background-size: contain;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding-top: 1rem;
  box-sizing: border-box;
}
.wx_invit_mosk .invit_box .wx_invit_close {
  width: 0.70666667rem;
  height: 0.68rem;
  background: url('../images/appoint/close.png') no-repeat;
  background-size: contain;
  position: absolute;
  right: 0rem;
  top: -0.8rem;
}
.wx_invit_mosk .invit_box .scuess_icon {
  width: 3.06666667rem;
  margin: 0 auto;
}
.wx_invit_mosk .invit_box .scuess_text {
  width: 100%;
  color: #38568d;
  font-size: 0.37333333rem;
  text-align: center;
  margin-top: 0.53333333rem;
}
.wx_invit_mosk .invit_box .invit_tips {
  width: 100%;
  color: #000;
  font-size: 0.26666667rem;
  text-align: center;
  margin-top: 0.33333333rem;
}
.wx_invit_mosk .invit_box .wx_invit_btn {
  width: 1.77333333rem;
  height: 0.61333333rem;
  background: url('../images/appoint/invit_off.png') no-repeat;
  background-size: contain;
  margin: 0 auto;
  margin-top: 0.53333333rem;
}
.wx_invit_mosk .invit_box .code_title {
  width: 6.13333333rem;
  margin: 0 auto;
  margin-bottom: 0.13333333rem;
}
.wx_invit_mosk .invit_box .invit_right_title {
  width: 100%;
  font-size: 0.26666667rem;
  font-weight: 500;
  color: #38548c;
  margin-bottom: 0.13333333rem;
  text-align: center;
}
.wx_invit_mosk .invit_box .share_code {
  width: 6.13333333rem;
  height: 0.64rem;
  border: 1px solid #000;
  border-radius: 22px;
  position: relative;
  font-size: 0.26666667rem;
  line-height: 0.64rem;
  text-indent: 0.26666667rem;
  box-sizing: border-box;
  margin-left: 1.33333333rem;
}
.wx_invit_mosk .invit_box .share_code .copy_btn {
  width: 1.06666667rem;
  height: 0.54666667rem;
  border: 0.02666667rem solid #000;
  border-radius: 0.29333333rem;
  position: absolute;
  top: 0rem;
  right: -0.01333333rem;
  text-align: center;
  line-height: 0.58666667rem;
  font-size: 0.29333333rem;
  background: #ffd500;
  text-indent: 0px;
  cursor: pointer;
}
.share_mosk {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 999999;
  display: none;
}
.share_mosk .share_tips {
  width: 3.2rem;
  position: absolute;
  right: 0.66666667rem;
  top: 0.26666667rem;
}
.share_mosk .share_close {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.questionnaire_mosk {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 999;
}
.questionnaire_mosk .questionnaire_box {
  width: 9.13333333rem;
  height: 6.66666667rem;
  background: url('../images/appoint/appoint_bg.png') no-repeat;
  background-size: contain;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.questionnaire_mosk .questionnaire_box .questionnaire_title {
  width: 6.70666667rem;
  text-align: center;
  color: #ffd500;
  font-size: 0.37333333rem;
  margin: 0 auto;
  margin-top: 1.33333333rem;
}
.questionnaire_mosk .questionnaire_box .questionnaire_close {
  width: 0.70666667rem;
  height: 0.68rem;
  background: url('../images/appoint/close.png') no-repeat;
  background-size: contain;
  position: absolute;
  right: -0.8rem;
  top: -0.33333333rem;
  cursor: pointer;
}
.questionnaire_mosk .questionnaire_box .questionnaire_content {
  margin-top: 0.53333333rem;
}
.questionnaire_mosk .questionnaire_box .questionnaire_content .questionnaire_text {
  color: #28148c;
  font-size: 0.29333333rem;
  text-align: center;
  margin-bottom: 0.26666667rem;
}
.questionnaire_mosk .questionnaire_box .questionnaire_content .questionnaire_link {
  width: 2.90666667rem;
  height: 0.4rem;
  background: url('../images/appoint/Base_button_text.png') no-repeat;
  margin: 0 auto;
  font-size: 0.37333333rem;
  text-align: center;
  line-height: 0.4rem;
  margin-top: 0.8rem;
}
.questionnaire_mosk .questionnaire_box .questionnaire_content .questionnaire_link a {
  color: #28148c;
}
/*# sourceMappingURL=appoint.css.map */