<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.box {
  position: relative;
  overflow: hidden;
}

.banner {
  position: relative;
  width: 100%;
  height: 1005px;
  background-image: url(../images/banner.png);
  background-repeat: no-repeat;
  background-position: center;
  text-align: center;
}

.txt01 {
  padding-top: 80px;
  padding-bottom: 40px;
  font-size: 28px;
  color: #fff;
}

.txt02 {
  margin: 0 auto 30px auto;
}

.txt03 {
  font-size: 38px;
  color: #fff;
  letter-spacing: 36px;
}

.txt_wrap {
  margin-top: 70px;
}

.txt_btn {
  width: 320px;
  height: 62px;
  background: #180d95;
  box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.2);
  border-radius: 32px;
  color: #fff;
  line-height: 62px;
  font-size: 26px;
}

.txt_btn01 {
  margin-top: 60px;
  margin-left: 80px;
}

.txt_btn02 {
  margin-right: 40px;
}

.title {
  margin-bottom: 50px;
  font-size: 50px;
  text-align: center;
  color: #232591;
}

.title span {
  color: #e56037;
}

.tips {
  position: relative;
  font-size: 30px;
  color: #232591;
  text-align: center;
}

.tips::after {
  content: '';
  position: absolute;
  bottom: -6px;
  left: 50%;
  width: 392px;
  height: 20px;
  transform: translateX(-50%);
  background: rgba(92, 100, 232, 1);
  opacity: 0.15;
  border-radius: 10px;
}

.tab {
  position: relative;
  height: 330px;
  padding: 30px 70px 0 70px;
  margin-top: 70px;
  margin-bottom: 70px;
  background-image: url(../images/tab.png);
  background-repeat: no-repeat;
}

.user_privacyBox {
	width: 100% !important;
    display: flex;
    align-items: center;
    margin-bottom: 4%;
}

input[type="radio"] {
  width: 0.4rem;
  height: 0.4rem;
  background-image: url(https://www.huatu.com/z/order/yuyue/images/choose.png);
  background-repeat: no-no-repeat;
  background-size: 100%;
  vertical-align: middle;
  margin-right: 0.2rem;
}

input[type="radio"]:checked {
  background-image: url(https://www.huatu.com/z/order/yuyue/images/choose_a.png);
}

input[type="checkbox"] {
  width: 0.4rem;
  height: 0.4rem;
  background-image: url(https://www.huatu.com/z/order/yuyue/images/border.png);
  background-repeat: no-no-repeat;
  background-size: 100%;
  vertical-align: middle;
  margin-right: 0.2rem;
}

input[type="checkbox"]:checked {
  background-image: url(https://www.huatu.com/z/order/yuyue/images/check.png);
}
.xcx_xy{
    border-radius: 40px !important;
    width: 100% !important; 
    font-size: 14px !important;
}

.swiper-slide {
  position: relative;
  height: 308px;
  background-image: url(../images/slide.png);
  background-repeat: no-repeat;
  text-align: center;
}

.border {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 90px;
  height: 40px;
  border-radius: 0 0 40px 0;
  font-size: 20px;
  color: #fff;
  text-align: center;
  line-height: 40px;
}

.swiper-slide01 .border {
  background-color: #5c64e8;
}

.swiper-slide02 .border {
  background-color: #592995;
}

.swiper-slide03 .border {
  background-color: #9f1992;
}

.slide_title {
  padding-top: 76px;
  padding-bottom: 16px;
  font-size: 30px;
  color: #5c64e8;
}

.slide_title02 {
  width: 86px;
  height: 34px;
  border: 1px solid #5c64e8;
  margin: 0 auto;
  border-radius: 40px;
  line-height: 34px;
  text-align: center;
  color: #5c64e8;
}

.swiper-slide02 .slide_title {
  color: #592995;
}

.swiper-slide03 .slide_title {
  color: #9f1992;
}

.swiper-slide02 .slide_title02 {
  border-color: #592995;
  color: #592995;
}

.swiper-slide03 .slide_title02 {
  border-color: #9f1992;
  color: #9f1992;
}

.swiper-slide a {
  display: block;
  height: 100%;
}

.prev, .next {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  cursor: pointer;
}

.next {
  left: auto;
  right: 0;
}

.web {
  margin-top: 70px;
}

.web li {
  float: left;
  margin-right: 40px;
}

.web li:last-child {
  margin-right: 0;
}

.web li a {
  display: block;
  width: 270px;
  height: 190px;
  background-image: url(../images/bg01.png);
  background-repeat: no-repeat;
  text-align: center;
}

.web li a.active {
  background-image: url(../images/bg02.png);
}

.web li p {
  padding-top: 44px;
  padding-bottom: 20px;
  font-size: 44px;
  font-weight: bold;
  color: #fff;
}

.web li.active p {
  padding-top: 20px;
  padding-bottom: 12px;
  font-size: 36px;
}

.web_btn {
  width: 164px;
  height: 40px;
  margin: 0 auto;
  background-image: url(../images/btn.png);
  background-repeat: no-repeat;
  line-height: 40px;
  color: #fff;
  font-size: 18px;
}

.box02 {
  width: 100%;
  height: auto;
  padding-top: 84px;
  padding-bottom: 84px;
  margin-top: 80px;
  background-image: url(../images/bg.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.box02 .tips {
  color: #fff;
}

.box02 .tips::after {
  width: 240px;
}

.online {
  width: 1040px;
  margin: 56px auto 0 auto;
}
.online_pic{
  margin:30px auto;
}
.online_txt{
  text-align: center;
  font-size: 20px;
  color: #fff;
}
.online li {
  float: left;
  width: 280px;
  height: 300px;
  margin-right: 98px;
  background-image: url(../images/ling.png);
  background-repeat: no-repeat;
  text-align: center;
}

.online li:last-child {
  margin-right: 0;
}

.online li img {
  padding-top: 88px;
  margin: 0 auto 30px auto;
}

.rec {
  display: block;
  margin: 0 auto;
}

.rec img {
  margin: 0 auto;
}

.box02 .tips02 {
  padding-top: 80px;
  margin-bottom: 60px;
}

.box02 .tips02::after {
  width: 346px;
}

.flex {
  display: flex;
  justify-content: center;
  align-items: center;
}

.code_msg {
  width: 370px;
  height: 340px;
  padding-top: 28px;
  background: linear-gradient(135deg, rgba(81, 0, 157, 1), rgba(107, 0, 252, 1));
  border-radius: 10px;
  text-align: center;
  color: #fff;
  font-size: 18px;
}

.img_wrap {
  width: 246px;
  height: 238px;
  border: 2px solid #c600ff;
  padding-top: 8px;
  margin: 0 auto;
  background-color: #7300e7;
  border-radius: 10px;
}

.code_msg p {
  padding-bottom: 30px;
}

.code_msg img {
  margin: 0 auto;
}

.code_msg02 {
  margin-left: 116px;
  background: linear-gradient(135deg, rgba(86, 61, 237, 1), rgba(42, 29, 166, 1));
}

.code_msg02 .img_wrap {
  border-color: #986cff;
  background-color: #553de0;
}

.tips03 {
  padding-top: 100px;
}

.about a {
  float: left;
  width: 364px;
  height: 250px;
  border: 8px solid rgba(65, 54, 214, 1);
  margin-right: 30px;
  margin-top: 70px;
  border-radius: 20px;
  overflow: hidden;
}

.about a:last-child {
  margin-right: 0;
}

.about a:hover img {
  transform: scale(1.1);
}

.about img {
  width: 100%;
  height: 100%;
  transition: transform .5s ease;
}

.box03 {
  padding-top: 100px;
}

.region a, .region_buy a {
  float: left;
  width: 130px;
  height: 60px;
  background: rgba(255, 255, 255, 0);
  border: 1px solid rgba(83, 122, 232, 1);
  margin-right: 20px;
  margin-bottom: 24px;
  border-radius: 10px;
  text-align: center;
  line-height: 60px;
  font-size: 18px;
  color: rgba(83, 122, 232, 1);
}

.region a:hover, .region a.active {
  background: linear-gradient(135deg, rgba(81, 133, 236, 1), rgba(86, 102, 225, 1));
  color: #fff;
}

.region a:nth-child(8n) {
  margin-right: 0;
}

.region_tab {
  display: none;
  color: #fff;
  line-height: 48px;
}

.region_tab.active {
  display: block;
}

.code_wrap {
  width: 206px;
  height: 196px;
  padding-top: 10px;
  background: rgba(255, 255, 255, 0.15);
  border: 1px solid rgba(255, 255, 255, 1);
  border-radius: 10px;
}

.code_wrap img {
  width: 184px;
  height: 184px;
  margin: 0 auto;
  border-radius: 10px;
}

.region_tab {
  width: 859px;
  height: 286px;
  padding-top: 63px;
  margin: 0 auto;
  background-image: url(../images/region.png);
  background-repeat: no-repeat;
}

.region_code {
  float: left;
  margin-left: 70px;
  margin-right: 30px;
}

.address {
  float: left;
  margin-top: 30px;
}

.region_buy {
  display: none;
  margin-top: 40px;
}

.region_buy a {
  float: left;
  width: 130px;
  height: 60px;
  border:none;
  background: #ff7a18;
  margin-right: 20px;
  margin-bottom: 24px;
  border-radius: 10px;
  text-align: center;
  line-height: 60px;
  font-size: 18px;
  color: #fff;
  transition:background-color .5s ease;
}
.region_buy a:hover{
  background-color: #ff8605;
}
@media only all and (max-width:1080px) {
  .banner {
    width: 100%;
    height: 15rem;
    background-image: url(../images/banner.png);
    background-size: auto 100%
  }

  .txt01 {
    padding-top: 1rem;
    padding-bottom: .5rem;
    font-size: .8rem;
  }

  .txt02 {
    width: 12rem;
    margin: 0 auto .5rem auto;
  }

  .txt03 {
    font-size: 1rem;
    letter-spacing: .2rem;
  }

  .txt_wrap {
    margin-top: .5rem;
  }

  .txt_btn01 {
    margin-top: .8rem;
    margin-left: 0;
  }

  .txt_btn {
    width: 8rem;
    height: 1.6rem;
    border-radius: 1rem;
    line-height: 1.6rem;
    font-size: .75rem;
  }

  .txt_btn02 {
    margin-right: 0;
  }

  .title {
    margin-bottom: 1rem;
    font-size: 1rem;
  }

  .tips {
    font-size: .8rem;
  }

  .tips::after {
    display: none;
  }

  .tab {
    height: 8.25rem;
    padding: .75rem 1.75rem 0 1.75rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
    background-size: 100% 100%;
  }

  .swiper-slide {
    height: 8.25rem;
    background-size: 100% 100%;
  }

  .border {
    top: .3rem;
    left: .4rem;
    width: 2.4rem;
    height: 1.2rem;
    border-radius: 0 0 1rem 0;
    font-size: .6rem;
    line-height: 1rem;
  }

  .slide_title {
    padding-top: 2rem;
    padding-bottom: .4rem;
    font-size: 1rem;
  }

  .slide_title02 {
    width: 4rem;
    height: 1.2rem;
    border: 1px solid #5c64e8;
    margin: 0 auto;
    border-radius: 1rem;
    line-height: 1.2rem;
  }

  .prev img, .next img {
    width: 2rem;
  }

  .web {
    margin-top: 1rem;
  }

  .web li {
    width: 49%;
    margin-bottom: .5rem;
    margin-right: 2%;
  }

  .web li:nth-child(even) {
    margin-right: 0;
  }

  .web li a {
    width: 100%;
    height: 4.75rem;
    background-size: 100% 100%;
  }

  .web li p {
    padding-top: 1rem;
    padding-bottom: .5rem;
    font-size: 1rem;
  }

  .web_btn {
    width: 5rem;
    height: 1.5rem;
    background-size: 100%;
    line-height: 1.2rem;
    font-size: .65rem;
  }

  .web li.active p {
    padding-top: .5rem;
    padding-bottom: .25rem;
    font-size: .8rem;
  }

  .online {
    width: 100%;
    margin: 1rem auto 0 auto;
  }

  .online li {
    width: 48%;
    height: 9rem;
    margin-bottom: 0;
    margin-right: 2%;
    background-size: 100% 100%;
  }

  .online li:nth-child(even) {
    margin-right: 0;
  }

  .online li:nth-child(3) {
    margin-left: 4.5rem;
  }

  .online li img {
    width: 3rem;
    padding-top: 2rem;
    margin: 0 auto .75rem auto;
  }

  .rec img {
    width: 100%;
  }

  .box02 .tips02 {
    padding-top: 1rem;
    margin-bottom: 1rem;
  }

  .code_msg {
    width: 49%;
    height: auto;
    padding-top: .7rem;
    padding-bottom: .7rem;
    margin-right: 2%;
    border-radius: .25rem;
    font-size: .7rem;
  }

  .code_msg:last-child {
    margin-right: 0;
  }

  .code_msg02 {
    margin-left: 0;
  }

  .code_msg p {
    padding-bottom: .5rem;
  }

  .img_wrap {
    width: 94%;
    height: 8rem;
    padding-top: .2rem;
    border-radius: .25rem;
  }

  .code_msg img {
    width: 96%;
  }

  .tips03 {
    padding-top: 1.5rem;
    padding-bottom: 1rem;
  }

  .about a {
    width: calc(49% - .4rem);
    height: 6rem;
    border: .2rem solid rgba(65, 54, 214, 1);
    margin-right: 2%;
    margin-top: .5rem;
    border-radius: .5rem;
  }

  .about a:nth-child(even) {
    margin-right: 0;
  }

  .about a:nth-child(3) {
    margin-left: 4.4rem;
  }

  .box02 {
    height: auto;
    padding-bottom: 2rem;
  }

  .box03 {
    padding-top: 1.2rem;
  }

  .region a, .region_buy a {
    width: calc(19.2% - 2px);
    height: 1.5rem;
    margin-right: 1%;
    margin-bottom: .5rem;
    border-radius: .25rem;
    line-height: 1.5rem;
    font-size: .75rem;
  }

  .region a:nth-child(8n) {
    margin-right: 1%;
  }

  .region a:nth-child(5n) {
    margin-right: 0;
  }

  .region_tab {
    width: 100%;
    height: 8rem;
    padding-top: 1.5rem;
    background-size: 100% 100%;
  }

  .region_code {
    margin-left: 1rem;
    margin-right: .5rem;
  }

  .code_wrap {
    width: 6rem;
    height: 5.88rem;
    padding-top: .12rem;
    border-radius: .25rem;
  }

  .code_wrap img {
    width: 96%;
    height: auto;
  }

  .address {
    width: calc(100% - 8.5rem);
    margin-top: .5rem;
  }

  .region_tab {
    line-height: 1.1rem;
  }
  .region_buy{
    margin-top: 1rem;
  }
  .online_pic{
    width: 8rem;
    margin:.5rem auto;
  }
  .online_txt{
    font-size: .75rem;
  }
  
  .xcx_hide{
	height:45px !important;
	border-radius:40px !important;
	width:100% !important;
	font-size: 21px! important;
	margin-bottom: 4rem !important;
	box-shadow: rgba(27,162,245,0.3) 2px -4px 15px inset !important;
	}
	.xcx_xy{
		height: 1rem !important;
		border-radius: 40px !important;
		width: 100% !important; 
		font-size: .5rem !important;
		margin-bottom: .4rem !important;
	}
}
</pre></body></html>