@charset "UTF-8";
/* @font-face {
	font-family: HYQiHei;
	src: url("../font/HYQiHei.otf");
} */

* { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
html, body {width: 100%;height: 100%;max-width: 750px;-webkit-user-select: none;user-select: none;scroll-behavior: smooth;-webkit-box-sizing: border-box;box-sizing: border-box;}
body {-webkit-overflow-scrolling: touch;overflow-x: hidden;overflow-y: auto; font-family: PingFang SC,Microsoft Yahei,Arial,sans-serif; -webkit-text-size-adjust: 100% !important; background-color: #fff;}
html,body,div,p,ul,ol,li,em,i,span,a,img,input,h1,h2,h3,h4,h5,p, form, dl, dd, dt, table { margin: 0; padding:0;}
ul,li { list-style: none; }
/* a, img { -webkit-touch-callout: none; } */
img { border: none; vertical-align: middle; pointer-events: none; -webkit-user-select: none;user-select: none;-ms-user-select: none;}
a { text-decoration: none; border: none; }
input, textarea , select{ font-family: PingFang SC,Microsoft Yahei,Arial,sans-serif; font-size: 0.18rem; -webkit-appearance: none; appearance: none; }
::-webkit-input-placeholder { /* WebKit browsers */
color:  #ccc; }
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color:  #ccc;}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color:  #ccc; }
:-ms-input-placeholder { /* Internet Explorer 10+ */
color:  #ccc; }
input[type="search"]::-webkit-search-cancel-button{
    display: none;
}
/* canvas { pointer-events: none;} */

.none{display: none}
.pointAuto{pointer-events: auto;}
.pointNone{pointer-events: none;}
.opacity0{opacity:0;}
.opacity05{opacity:0.5;}

.fl { float: left; }
.fr { float: right; }
.clearfix:after { display: block; height: 1%; line-height: 0; font-size: 0; visibility: hidden; clear: both; content: ''; }
.clearfix { zoom: 1; }
.tc { text-align: center; }
.tr { text-align: right; }
.pr { position: relative; }
.pa { position: absolute; }
.pf { position: fixed; }
.clear {clear: both;}
.zIndex1 { z-index: 1;}
.zIndex2 { z-index: 2;}
.zIndex12 { z-index: 12;}
.zIndex13 { z-index: 13;}
.zIndex20 { z-index: 20;}
.zIndex21 { z-index: 21;}
.zIndex90 { z-index: 90;}
.zIndex91 { z-index: 91;}
.zIndex10000 { z-index: 10000;}

/* 适配安全区域 */
.pdb_20{
	/* padding-bottom: 20px; */
	padding-bottom: constant(safe-area-inset-bottom);
	padding-bottom: env(safe-area-inset-bottom);
}

#shuociM{
	position: fixed;left: 0;right: 0;margin: 0 auto;top: 2%;
	display: none;
	z-index: 111;
}

/* 省略显示 */
.ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.sl {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.sl3 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
.sl4 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

/* 居中布局 */
.auto_center{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.h_center{
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.w_center{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}

/* flex布局 */
.flex-row {
	display: flex;
	flex-direction: row;
}

.flex-col {
	display: flex;
	flex-direction: column;
}

.justify-start {
	justify-content: flex-start;
}

.justify-end {
	justify-content: flex-end;
}

.justify-center {
	justify-content: center;
}

.justify-between {
	justify-content: space-between;
}

.justify-around {
	justify-content: space-around;
}

.justify-evenly {
	justify-content: space-evenly;
}

.items-start {
	align-items: flex-start;
}

.items-end {
	align-items: flex-end;
}

.items-center {
	align-items: center;
}

.items-baseline {
	align-items: baseline;
}

.items-stretch {
	align-items: stretch;
}

.self-start {
	align-self: flex-start;
}

.self-end {
	align-self: flex-end;
}

.self-center {
	align-self: center;
}

.self-baseline {
	align-self: baseline;
}

.self-stretch {
	align-self: stretch;
}

.flex-1 {
	flex: 1 1 0%;
}

.flex-auto {
	flex: 1 1 auto;
}

.grow {
	flex-grow: 1;
}

.grow-0 {
	flex-grow: 0;
}

.shrink {
	flex-shrink: 1;
}

.shrink-0 {
	flex-shrink: 0;
}

.shrink-1 {
	flex-shrink: 1;
}

.relative {
	position: relative;
}

/*元素变灰*/
.gray { 
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
}

/*音乐图标*/
#musicPic {
	pointer-events: auto;
	position: fixed;bottom: 2%;right: 3%;width: 0.6rem;
	z-index: 9999;
}
/* 箭头start */
.next {
	position: absolute;bottom: 2%;left: 0;right: 0;margin: 0 auto;
	z-index: 12;
	width: 0.4rem;
	-webkit-animation: pound 2s infinite;
}
@-webkit-keyframes pound {
	from {
		bottom: 1%;
		opacity: 0;
	}
	50% {
		bottom: 2%;
		opacity: 1;
	}
	to {
		bottom: 1%;
		opacity: 0;
	}
}
/* 箭头end */

/*加载*/
#loader-wrapper {
    position: fixed; top: 0;left: 0;width: 100%;height: 100%;
    z-index: 1000;
}
.jdtBox{
	position:absolute;left: 1.37rem;top: 8.09rem;width: 4.77rem;height: 0.06rem;
	background: #bbbbbb;
	border-radius: 0.1rem;
	overflow: hidden;
}
.jdt{
	position:absolute;left:-4.77rem;top:0;width:4.77rem;height: 0.06rem;
	background: #eb6100;
	border-radius: 0.1rem;
}
.ploadt{
	position:absolute;top:7.95rem;width:0.34rem;left:1.09rem;/* left:5.49rem; */
	-webkit-animation: clockwise 3s linear 0s infinite both;
}

.pace-progress {
	content: attr(data-progress-text);
	position: absolute;top: 55%;width: 100%;
	text-align: center;
	color: #fee000;
	font-size: 0.2rem;
	font-weight: bold;
	z-index: 1002;
}
/*输入框*/
.formPanel{
	position: absolute;left: 0;right: 0;top: 7.72rem; width: 6.54rem;height:4.53rem;margin: 0 auto;
	/* background-color: #000000; */
}
.b-btn{
	pointer-events: auto;
	position: absolute;left: 0;right: 0;bottom: 0;margin: 0 auto;
}
.inputK{
	position:absolute;width:100%;height:0.54rem;
	margin:0 auto;left:0;right:0;
}
.kname{
	top:0;
	-webkit-animation: zoomIn 1s ease 1s 1 both;
}
.ktel{
	top: 1rem;
	-webkit-animation: zoomIn 1s ease 1.3s 1 both;
}

.kuang{
	position: absolute;width: 100%;height: 100%;
}
input {
	position: absolute;left: 31%; width: 69%;height: 100%;
	outline: none;border: none;background: none;
	text-align: center;
	font-size: 0.24rem;
	color: #333;
	caret-color: #333;
	border-radius: 0;
	/* font-weight: bold; */
	/*-webkit-animation: fadeIn 1s ease 2.5s 1 both;*/
	z-index: 5;
}
.swal2-popup {
    width: 80%;
    padding: 0.1rem;
    border-radius: 0.1rem;
    font-size: 0.24rem;
}
/* 下拉选择框 */
.mobileSelect .content .btnBar {
    border-bottom: 0.01rem solid #DCDCDC;
    font-size: 0.24rem;
    height: 0.9rem;
    position: relative;
    text-align: center;
    line-height: 0.9rem;
}
.mobileSelect .content .btnBar .title {
    font-size: 0.24rem;
    padding: 0 15%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.mobileSelect .content .panel .wheels {
    width: 100%;
    height: 4rem;
    overflow: hidden;
}
.mobileSelect .content .panel .shadowMask {
    position: absolute;
    top: 0;
    width: 100%;
    height: 4rem;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(rgba(255, 255, 255, 0)), to(#ffffff));
    background: -webkit-linear-gradient(top, #ffffff, rgba(255, 255, 255, 0), #ffffff);
    background: linear-gradient(to bottom, #ffffff, rgba(255, 255, 255, 0), #ffffff);
    opacity: 0.9;
    pointer-events: none;
}
.mobileSelect .content .panel .wheel {
    position: relative;
    z-index: 0;
    float: left;
    width: 50%;
    height: 4rem;
    overflow: hidden;
    -webkit-transition: width 0.3s ease;
    transition: width 0.3s ease;
}
.mobileSelect .content .panel .wheel .selectContainer li {
    font-size: 0.24rem;
    display: block;
    height: 0.8rem;
    line-height: 0.8rem;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.mobileSelect .content .panel .selectLine {
    height: 0.8rem;
    width: 100%;
    position: absolute;
    top: 1.6rem;
    pointer-events: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-top: 0.01rem solid #DCDCDC;
    border-bottom: 0.01rem solid #DCDCDC;
}
/* 下拉选择框end */
.hei {
	position: absolute;width: 100%;height: 100%;top: 0;left: 0;
	background: rgba(0, 0, 0, 0.8);
	/* opacity: 0.8; */
	/*display: none;*/
	-webkit-animation: fadeIn1 .5s ease 0s 1 both;
}
.bai {
	position: absolute;width: 100%;height: 100%;top: 0;left: 0;
	background: rgba(255, 255, 255, 1);
}
.guang {
	position: absolute;
	/* background-blend-mode: color-dodge;
	mix-blend-mode: color-dodge; */
	width: 100%;
	/* height: 100%; */
	top: 0;
	left: 0;
	/* z-index: 11; */
	-webkit-animation: fadeIn 1s ease 0.4s 1 both,flash1 1s ease 1.4s infinite normal;
}
.page,.page1 {
	position: absolute;width: 100%;height: 100%;left: 0; right: 0; top: 0; margin: 0 auto;
    max-width: 7.5rem;
	overflow: hidden;
	/* background-color: #f0d5b2; */
	display: none;
}
.h1500 {
	position: absolute;width: 100%;height: 16.24rem;top: 0;bottom: 0;left: 0;right: 0;margin:auto;
}
.h1500-top {
	position: absolute;width: 100%;height: 16.24rem;top: 0;left: 0;right: 0;margin:0 auto;
}
.h1500-bottom {
	position: absolute;width: 100%;height: 16.24rem;bottom: 0;left: 0;right: 0;margin:0 auto;
}
.bg {
	position: absolute;width: 100%;height:100%;top: 0;left: 0;
	overflow: hidden;
}
.bg0 {
	position: absolute;width: 100%;height: 16.24rem;top: 0;left: 0;bottom: 0;right: 0;margin: auto;
}
.bg1 {
	position: absolute;width: 100%;height: 16.24rem;top: 0;left: 0;
	-webkit-animation: suoxiao 2s ease 0s 1 both,pulse 10s ease 2s infinite normal;
}
.bg2 {
	position: absolute;width: 100%;height: 16.24rem;top: 0;left: 0;bottom: 0;right: 0;margin: auto;
	-webkit-animation: suoxiao 2s ease 0s 1 both,pulse 10s ease 2s infinite normal,shan1 1s ease 0s infinite normal;
}
.bg3 {
	position: absolute;width: 100%;height: 16.24rem;top: 0;left: 0;bottom: 0;right: 0;margin: auto;
	-webkit-animation: suoxiao 2s ease 0s 1 both;
}

/*首页*/
.logoM{
	position:absolute;left:25.6%;top:23.2%;width:3.73rem;height:1.84rem;
	-webkit-animation: zoomIn 1s ease 1s 1 both,shan 1s ease 2s infinite normal;
	z-index: 20;
}
.logoM1{
	position:absolute;left:8.67%;top:3.93%;width:2.45rem;height:1.21rem;
	-webkit-animation: fadeInLeft 1s ease .4s 1 both,shan 1s ease 1.4s infinite normal;
	z-index: 20;
}
.logo{
	position:absolute; left: 5.42rem; top: 1.78rem; width: 1.69rem;
	-webkit-animation: fadeInRight 1s ease .4s 1 both;
}
.logo1{
	position:fixed;left:3%;top:2%;width:2.06rem;
	-webkit-animation: fadeInLeft 1s ease .4s 1 both;
	z-index: 12;
}
.logo2{
	position:fixed;right: 3%; top: 1.5%; width: 1.89rem;
	-webkit-animation: fadeInRight 1s ease .4s 1 both;
	z-index: 12;
}
.logo1-1{
	position:absolute;left: 3%; top: 2%; width: 1.13rem;
}
.logo2-1{
	position:absolute;right: 3%; top: 1.5%; width: 1.03rem;
}
/*logo扫光效果*/
.logoMask {
	position:absolute;left:0;top:0;width:100%;
	-webkit-mask: url(../images/mask.png);
	-webkit-mask-size: 4.18rem 2.8rem;
	-webkit-mask-position: -4.18rem 0rem;
	-webkit-mask-repeat: no-repeat;
	
	-webkit-animation: maskShine 2s ease-out 2s infinite both;
}

@-webkit-keyframes maskShine {
	0% {
		-webkit-mask-position: -4.18rem 0rem;
		mask-position: -4.18rem 0rem
	}
	75% {
		-webkit-mask-position: 4.18rem 0rem;
		mask-position: 4.18rem 0rem
	}
	100% {
		-webkit-mask-position: 4.18rem 0rem;
		mask-position: 4.18rem 0rem
	}
}

@keyframes maskShine {
	0% {
		-webkit-mask-position: -4.18rem 0rem;
		mask-position: -4.18rem 0rem
	}
	75% {
		-webkit-mask-position: 4.18rem 0rem;
		mask-position: 4.18rem 0rem
	}
	100% {
		-webkit-mask-position: 4.18rem 0rem;
		mask-position: 4.18rem 0rem
	}
}
.shanguang{
	position: absolute;width: 100%;height: 100%;top: 0;left: 0;
	background: #fff;
	-webkit-animation: shanguangdeng .6s ease 1.3s 1 both;
}

/* .xian {
	position: absolute;left: 0rem;right:0;top: 0; bottom: 0;margin:auto;width: 0.02rem;
	-webkit-mask: -webkit-gradient(linear, 50% 90%, 50% 100%, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
	-webkit-mask-size: 7.5rem 14.5rem;
	-webkit-animation: mask_down 2s linear 1s 1 both;
	-webkit-mask-repeat: no-repeat no-repeat;
	-webkit-mask-position-y: -14.5rem;
	-webkit-mask-clip:border ;
} */
/* 首页 */
#myVideo{
	position: fixed;width: 100%;height: auto;top: 0;left: 0;bottom: 5%;right: 0;margin: auto;
	object-fit: fill;
}
.main-sp{
	position: absolute;width: 100%;height: 100%;top: 0;left: 0;
	object-fit: fill;
}


.b-gb{
	pointer-events: all;
	position:fixed;left:0;right:0;margin:0 auto;bottom:4.5rem;width:0.57rem;
	z-index:1;
}
.b-close{
	pointer-events: all;
	position:absolute;right:0.57rem;top:0.57rem;width:0.41rem;height: 0.41rem;
	z-index:1;
}
.close-jianjie{
	pointer-events: all;
	position:absolute;right: 0.87rem;top: 0.55rem;width: 0.41rem;height: 0.48rem;
	z-index:1;
}
.close-map{
	pointer-events: all;
	position:absolute;right: 0.45rem;top: 0.42rem;width:0.41rem;height: 0.41rem;
	z-index:1;
}
.daohang{
	position:absolute;left: 1.3rem;top: 5.8rem;width: 4.9rem;height: 3.4rem;
    z-index: 1;
}
.z-tip{
	position:absolute;left:0;right:0;bottom:-0.5rem;margin:0 auto;width:2.2rem;
}
.banBox{
	position:absolute;left:0;top:0;right:0;bottom:5%;margin:auto;width:6.84rem;height: 11.01rem;
	-webkit-animation: bounceInDown 1s ease 0s 1 both;
}
.banBox-map{
	position:absolute;left:0;top:0;right:0;bottom:5%;margin:auto;width:6.64rem;height: 11.01rem;
	-webkit-animation: bounceInDown 1s ease 0s 1 both;
}
.zi {
	position: absolute; left: 1.01rem;top: 0.61rem;width: 4.55rem;
}

.mu{
	position: absolute;left: 0.86rem;top: 0.82rem;width: 0.45rem;
}
.pb-sht{
	position:absolute;left:2.13rem;top:1.86rem;width:1.3rem;height: 1.65rem;
}
.pb-qyt{
	position:absolute;left:0.84rem;top:3.24rem;width:1.3rem;height: 1.65rem;
}
.pb-lst{
	position:absolute;left:0.55rem;top:5.25rem;width:1.3rem;height: 1.65rem;
}
.pb-sjt{
	position:absolute;left:2.81rem;top:4.86rem;width:1.3rem;height: 1.65rem;
}
.pb-zht{
	position:absolute;left:1.15rem;top:7.65rem;width:1.3rem;height: 1.65rem;
}
.pb-lnt{
	position:absolute;left:3.59rem;top:8.75rem;width:1.3rem;height: 1.65rem;
}
.pb-sct{
	position:absolute;left:5.1rem;top:7.22rem;width:1.3rem;height: 1.65rem;
}
.pb-zwt{
	position:absolute;left:4.52rem;top:5.27rem;width:1.3rem;height: 1.65rem;
}
.pb-yst{
	position:absolute;left:4.29rem;top:3.31rem;width:1.3rem;height: 1.65rem;
}
.jianjieBox{
	position:absolute;left:0;top:0;right:0;bottom:5%;margin:auto;width:7.5rem;height: 11.01rem;
	-webkit-animation: bounceInDown 1s ease 0s 1 both;
}
/* 广式厅 */
.b-right{
	pointer-events: all;
	position:absolute;left:5.88rem;top:6.55rem;width:0.37rem;
	-webkit-animation: shakeRightLeft 1s ease 0s infinite both;
	z-index: 1;
}
.b-left{
	pointer-events: all;
	position:absolute;left: 0.6rem;top: 6.55rem;width:0.37rem;
	-webkit-animation: shakeLeftRight 1s ease 0s infinite both;
	z-index: 1;
}
.b-audio-gst{
	pointer-events: all;
	position:absolute;left: 2.86rem;top: 3.91rem;width:1.82rem;
}
.gstBox .swiper-slide .main-img {
	width: 100%;
	margin: 0 auto;
	display: block;
}
.contentBox{
	position:absolute;left: 0.98rem;top: 2.8rem;width: 5.2rem;height: 0.93rem;
	background: #643a15;
}
.content-gst{
	position:absolute;left: 0;top: 0;width: 4.86rem !important;
	overflow: hidden;
}
.content-gst .swiper-wrapper,.content-zht .swiper-wrapper,.content-hmybt .swiper-wrapper,.ystBox .swiper-wrapper,.qytBox .swiper-wrapper {
	height: auto;
}
.content-gst .swiper-slide,.content-zht .swiper-slide,.content-hmybt .swiper-slide,.ystBox .swiper-slide,.qytBox .swiper-slide {
	height: auto;
}

/* 中华厅 */
.b-right-zht{
	pointer-events: all;
	position:absolute; left: 5.98rem;top: 3.61rem;width:0.37rem;
	-webkit-animation: shakeRightLeft 1s ease 0s infinite both;
	z-index: 1;
}
.b-left-zht{
	pointer-events: all;
	position:absolute;left: 0.5rem;top: 3.61rem;width:0.37rem;
	-webkit-animation: shakeLeftRight 1s ease 0s infinite both;
	z-index: 1;
}
.b-audio-zht{
	pointer-events: all;
	position:absolute; left: 2.86rem;top: 9.08rem;width:1.82rem;
}
.contentBox-zht{position:absolute;left: 0.93rem;top: 5.83rem;width:5.2rem;height: 3.13rem;}

.content-zht{
	position:absolute;left:0;top:0;width:4.89rem !important;
}
#zht-sp{
	position: absolute;left: 1.02rem;top: 2.79rem;width: 4.8rem;height: 2.7rem;
	object-fit: fill;
}

/* 华美月饼厅 */
.b-right-hmybt{
	pointer-events: all;
	position:absolute; left: 5.98rem;top: 4.28rem;width:0.37rem;
	-webkit-animation: shakeRightLeft 1s ease 0s infinite both;
	z-index: 1;
}
.b-left-hmybt{
	pointer-events: all;
	position:absolute;left: 0.5rem;top: 4.28rem;width:0.37rem;
	-webkit-animation: shakeLeftRight 1s ease 0s infinite both;
	z-index: 1;
}
.b-audio-hmybt{
	pointer-events: all;
	position:absolute; left: 2.86rem;top: 9.37rem;width:1.82rem;
}
.contentBox-hmybt{
	position:absolute; left: 1.02rem;top: 7.3rem;width: 5.2rem;height: 1.6rem;
}
.content-hmybt{
	position:absolute;left:0;top:0;width:4.8rem !important;
}

/* 影视厅 */
.contentBox-yst{
	position: absolute;left: 1.02rem;top: 2.8rem;width: 5.2rem;height: 6.95rem;
}
.ystBox{
	position: absolute;left: 0;top: 0;width: 4.8rem !important;
}

/* 起源厅 */
.banBox-qyt{
	position:absolute;left:0;top:0;right:0;bottom:5%;margin:auto;width:6.84rem;height: 11.18rem;
	-webkit-animation: bounceInDown 1s ease 0s 1 both;
}
.title-qyt{
	position:absolute;left:0;right:0;margin:0 auto;top:0;width:4.51rem;
}
.qytBox{
	position:absolute !important;left:0;right:0;margin:0 auto;bottom:0;width:100%;height: auto !important;
}
.b-right-qyt{
	pointer-events: all;
	position:absolute; left: 5.98rem;top: 4.28rem;width:0.37rem;
	-webkit-animation: shakeRightLeft 1s ease 0s infinite both;
	z-index: 1;
}
.b-left-qyt{
	pointer-events: all;
	position:absolute;left: 0.5rem;top: 4.28rem;width:0.37rem;
	-webkit-animation: shakeLeftRight 1s ease 0s infinite both;
	z-index: 1;
}
.kuangBox{
	width:6.84rem;height: 10.04rem;
}
.kuangBox .main-sp{
	position: absolute;left: 0.1rem;top: 0.1rem;width: 6.64rem;height: 9.84rem;
}
.close-qyt{
	pointer-events: all;
	position:fixed;left:0;right:0;margin:0 auto;bottom:-1rem;width:0.57rem;
}

/* 结束 */
.pz-over{
	position:absolute;left:1.61rem;top:4.9rem;width:4.27rem;
	-webkit-animation: zoomIn 1s ease 0.3s 1 both; 
}
.pb-go,#launch-btn{
	position:absolute;left:1.46rem;top:7.99rem;width:4.57rem;height: 1.04rem;
	-webkit-animation: zoomIn 1s ease 0.5s 1 both; 
}
.pb-home{
	pointer-events: all;
	position:absolute;left:1.96rem;top:9.45rem;width:3.57rem;
	-webkit-animation: zoomIn 1s ease 0.7s 1 both; 
}


.two_column {
    display: flex;
    flex-wrap: wrap;
    border-radius: 0 !important;
}
.two_column .ui-li-static {
    width: 50%;
    border-radius: 0 !important;
	font-size: .28rem;
	text-align: center;
	height: 0.65rem;
	line-height: .65rem;
	color: #447b92;
}

.nodata{
	position: absolute;left: 0;margin-top: 2rem;width: 100%;
	text-align: center;
	font-size: .28rem;
	/* color: #fff; */
}

.longImg{
	position: relative;width: 100%;top: 0rem;left: 0rem;
}
.name{
	position: absolute;top: 1.33rem;left: 31%; width: 69%;
	color: #333;text-align: center;font-size: 0.24rem;
}
.tel{
	position: absolute;top: 1.98rem;left: 31%; width: 69%;
	color: #333;text-align: center;font-size: 0.24rem;
}

.ani2{
    -webkit-animation: ani5 2.2s ease 0s infinite;
}
@keyframes ani5{
    0%{transform: scale(1);}
    10%{transform: scale(1.2);}
    30%{transform: scale(1);}
    40%{transform: scale(1.2);}
    50%{transform: scale(1);}
    100%{opacity:1;}
}

/* 裁切图片 */
.cutimg {
	z-index: 99;
	background-color: black;
}

.cutimg-1 {
	width: 100%;height: 100%;left: 0;top: 0;
}

.cutimg-2 {
	width: 100%;height: auto;left: 0;top: 0;
}

.cutimg-3 {
	pointer-events: auto;
	position: fixed;width: 30%;left: 0;right: 0;margin: auto;bottom: 5%;
}
/* 裁切图片end */

/*swiper*/
.swiper {
	/* position: absolute; */
	width: 100%;height: 100%;
}

.swiper-wrapper {
	overflow: initial;
}

.swiper-slide {
	/* position:relative;left:0;width:100%;
	display: flex;
	flex-wrap: wrap; */
	width: 100%;
}

.swiper-slide .main-img {
	width: 100%;
	margin: 0 auto;
	display: block
}
.swiper-pagination-bullet {
    opacity: var(--swiper-pagination-bullet-inactive-opacity, 1);
	background: none;
	border: solid 0.01rem #fff;
	width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,6px));
	height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,6px));
}
.swiper-pagination-bullet-active{
	background: var(--swiper-pagination-bullet-inactive-color,#fff);
} 

.swiper-button-next,.swiper-button-prev{
	color: #fff;
	top: 2.2rem;
}
.swiper-button-next::after,.swiper-button-prev::after{
	font-size: 0.4rem;
}

/*swiper-end*/

/*微信信息*/
.nickname{
	position: absolute;width: 100%;height: 0.35rem;top: 0;
	line-height: 0.35rem;
	text-align: center;
	color: #738fc0;
	font-size: 0.25rem;
}
.headimg{
	position:absolute;left:0;right:0;top:21%;margin:0 auto;width:1.38rem;height:1.38rem;
	border-radius: 50%;
	border: 0.01rem solid #3a3c31;
}

.delighter.fade { opacity:0; transition: all 1s ease; }
.delighter.fade.started { transform:none; opacity:1; }

.delighter.bottom { transform:translateY(3rem); opacity:0; transition: all 1s ease; }
.delighter.bottom.started { transform:none; opacity:1; }

.delighter.left { transform:translateX(-100%); opacity:0; transition: all 1s ease; }
.delighter.left.started { transform:none; opacity:1; }

.delighter.right { transform:translateX(100%); opacity:0; transition: all 1s ease; }
.delighter.right.started { transform:none; opacity:1; }

.delighter.page1 { transform:translateY(2rem); opacity:0; transition: all 1s ease; }
.delighter.started.page1 { opacity: 1; transform: none; }
.delighter.started.page1:nth-child(0) { transition: all 1s ease 0s; }
.delighter.started.page1:nth-child(1) { transition: all 1s ease .1s; }
.delighter.started.page1:nth-child(2) { transition: all 1s ease .2s; }
.delighter.started.page1:nth-child(3) { transition: all 1s ease .3s; }
.delighter.started.page1:nth-child(4) { transition: all 1s ease .4s; }
.delighter.started.page1:nth-child(5) { transition: all 1s ease .5s; }
.delighter.started.page1:nth-child(6) { transition: all 1s ease .6s; }

/*-----------------------------------华丽的分割线--------------------------------------------*/
.rotateAm {
	-webkit-animation-name: rotateAm;
	-webkit-animation-duration: 2s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
}
@-webkit-keyframes rotateAm {
	from {
		-webkit-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		-webkit-transform: rotate(0deg);
	}
	to {
		-webkit-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		-webkit-transform: rotate(360deg);
	}
}
@-webkit-keyframes scaleBigHide {
	from {
		-webkit-transform: scale3d(1, 1, 1);
		opacity: 1
	}
	to {
		-webkit-transform: scale3d(1.5, 1.5, 1.5);
		opacity: 0
	}
}

@-webkit-keyframes xunhuan {
	0% {
		-webkit-transform: translate3d(-49%, 0, 0)
	}
	100% {
		-webkit-transform: translate3d(0, 0, 0)
	}
}
@-webkit-keyframes yan {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		opacity: 0
	}
	50% {
		-webkit-transform: translate3d(0, 100%, 0);
		opacity: 1
	}
	100% {
		-webkit-transform: translate3d(0, 200%, 0);
		opacity: 0
	}
}

@-webkit-keyframes fadeIn1 {
	0% {
		opacity: 0
	}
	100% {
		opacity: 0.8
	}
}

@-webkit-keyframes flash1 {
	0%,
	100%,
	50% {
		opacity: 1
	}
	25%,
	75% {
		opacity: 0.4
	}
}
@-webkit-keyframes zoomIn1 {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3);
	}
	100% {
		opacity: .6;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
@-webkit-keyframes puffIn1 {
	0% {
		opacity: 0;
		-webkit-transform: scale(2);
	}
	100% {
		opacity: .6;
		-webkit-transform: scale(1);
	}
}

@-webkit-keyframes suofang {
	0% {
		-webkit-transform-origin: 50% 100%;
		transform-origin: 50% 100%;
		-webkit-transform: scale3d(1, 1, 1);
	}
	50% {
		-webkit-transform-origin: 50% 100%;
		transform-origin: 50% 100%;
		-webkit-transform: scale3d(1.3, 1.3, 1.3);
	}
	100% {
		-webkit-transform-origin: 50% 100%;
		transform-origin: 50% 100%;
		-webkit-transform: scale3d(1, 1, 1);
	}
}

@-webkit-keyframes zishow {
	0% {
		-webkit-transform: translate3d(0, 100%, 0);
	}
	100% {
		-webkit-transform: translate3d(0, 0, 0);
	}
}
@-webkit-keyframes zishowMc {
	0% {
		height:0rem;
	}
	100% {
		height: 7.97rem;
	}
}
@-webkit-keyframes run {
	0% {
		-webkit-transform: translate3d(0, 0, 0)
	}
	50% {
		-webkit-transform: translate3d(-49%, 0, 0)
	}
	100% {
		-webkit-transform: translate3d(0, 0, 0)
	}
}
@-webkit-keyframes suoxiao {
	from {
		-webkit-transform: scale3d(3, 3, 3);
		opacity: 0
	}
	to {
		-webkit-transform: scale3d(1, 1, 1);
		opacity: 1
	}
}

@-webkit-keyframes mask_up {
	from {
		-webkit-mask-position-y: 11rem;
	}
	to {
		-webkit-mask-position-y: -3rem;
	}
}

@-webkit-keyframes mask_down {
	from {
		-webkit-mask-position-y: -16.24rem;
	}
	to {
		-webkit-mask-position-y: 0;
	}
}

@-webkit-keyframes mask_left {
	from {
		-webkit-mask-position-x: -10rem;
	}
	to {
		-webkit-mask-position-x: 0rem;
	}
}

@-webkit-keyframes mask_right {
	from {
		-webkit-mask-position-x: 10rem;
	}
	to {
		-webkit-mask-position-x: -3rem;
	}
}

@-webkit-keyframes feiji {
	0% {
		-webkit-transform: translate3d(500%, 0, 0)
	}
	100% {
		-webkit-transform: translate3d(-500%, 0, 0)
	}
}

@-webkit-keyframes feiji1 {
	0% {
		-webkit-transform: translate3d(-300%, 0, 0)
	}
	100% {
		-webkit-transform: translate3d(200%, 0, 0)
	}
}

@-webkit-keyframes feiji2 {
	0% {
		-webkit-transform: translate3d(-180%, 0, 0)
	}
	100% {
		-webkit-transform: translate3d(150%, 0, 0)
	}
}

@-webkit-keyframes shan {
	0% {
		-webkit-filter: saturate(1) brightness(1) contrast(1)
	}
	50% {
		-webkit-filter: saturate(1.1) brightness(1.2) contrast(1.1)
	}
	100% {
		-webkit-filter: saturate(1) brightness(1) contrast(1)
	}
}
@-webkit-keyframes shan1 {
	0% {
		-webkit-filter: saturate(1) brightness(1) contrast(1)
	}
	50% {
		-webkit-filter: saturate(1.05) brightness(1.05) contrast(1.05)
	}
	100% {
		-webkit-filter: saturate(1) brightness(1) contrast(1)
	}
}
@-webkit-keyframes shanguangdeng {
	0% {
		opacity: 0;
	}
	30% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
@-webkit-keyframes zishowMc1 {
	0% {
		-webkit-transform: translate3d(100%, 0, 0);
	}
	100% {
		-webkit-transform: translate3d(0, 0, 0);
	}
}
@-webkit-keyframes zishowMc2 {
	0% {
		-webkit-transform: translate3d(-100%, 0, 0);
	}
	100% {
		-webkit-transform: translate3d(0, 0, 0);
	}
}