@charset "utf-8";

body {

	margin: 0;

	padding: 0;

	font-family: "微软雅黑";

	background: #fff;

	font-size: 0.16rem;

}

* {

	margin: 0;

	padding: 0;

	box-sizing: border-box;

	-webkit-box-sizing: border-box;

}

input,

select,

textarea {

	outline: 0;

	margin: 0;

	padding: 0;

	font-family: "微软雅黑";

}

img {

	border: 0;

	display: inline-block;

	max-width: 100%;

	width: auto;

	vertical-align: top;

}

ul,

li {

	list-style-type: none;

}

a {

	text-decoration: none;

	color: inherit;

}

a:hover {

	text-decoration: none;

}

.fl {

	float: left;

}

.fr {

	float: right;

}

.tr{

  text-align: right;

}

.cl {

	clear: both;

}

.clear:after {

	content:"";

	display: block;

	clear:both;

}

.flex {

	display: flex;

	justify-content: space-between;

	align-items: center;

}

.bigimg img {

	transition: all 0.6s;

	-webkit-transition: all 0.6s;

}

.bigimg:hover img {

	transform: scale(1.1);

	-webkit-transform: scale(1.1);

}

.to1{

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

}

.to2{

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 2;

	-webkit-box-orient: vertical;

	white-space: normal;

}

.content {

	width: 14.95rem;

	margin: 0 auto;

}

.phone {

	display: none;

}





/*首页*/

.ind_box{

	width: 100%;

	height: 100vh;

	position: relative;

	display: flex;

	justify-content: center;

	align-items: center;

	overflow: hidden;

}

.ind_bg{

	width: 100%;

	height: 100%;

	background: url(../images/ind_01.jpg) no-repeat center;

	background-size: cover;

	position: absolute;

  top: 0;

  left: 0;

  animation: scale 10s linear infinite;

}

@keyframes scale {

	0% {

		transform: scale(1);

	}

	50% {

			transform: scale(1.1);

	}

	100% {

			transform: scale(1.2);

	}

}

.scroll_line {

  width: 100%;

  height: 3.55rem;

  position: absolute;

  top: 0;

  left: 0;

  z-index: 2;

  overflow: hidden;

}

.scroll_line::before {

  content: '';

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: url(../images/ind_10.png) no-repeat center;

  background-size: 12.13rem 100%;

  animation: s_line 5s linear infinite;

}

@keyframes s_line {

  0% {

    transform: translateX(1rem) translateY(0.2rem);

  }

  100% {

    transform: translateX(0);

  }

}



.menu,.nav02,#menu{

	display: none;

}

.ind_nav{

	width: 2.36rem;

	text-align: center;

	position: fixed;

	top: 10%;

	transform: translateY(-10%);

	right: 0.25rem;

	z-index: 100 !important;

}

.ind_nav .nav{

  width: 100%;

}

.ind_nav .nav li{

	margin: 0 0 0.05rem;

}

.ind_nav .nav li:first-child{

  margin: 0 0 0.1rem 0;

}

.ind_nav .nav li:last-child{

	margin: 0;

}

#particles-js{

  width: 100%;

  height: 45%;

	position: fixed;

	top: 0;

	left: 0;

	z-index: 1;

}

.particle_white{

	width: 100%;

	height: 45%;

	position: fixed;

	top: 0;

	left: 0;

	z-index: 1;

	overflow: hidden;

	/* subdued star dots: low-contrast vs dark bg */

	color: rgba(180, 165, 200, 0.14);

}

@keyframes move {

  100% {

    transform: translate3d(0, 0, 1px) rotate(360deg);

  }

}

.particle_white span {

  width: 1vmin;

  height: 1vmin;

  border-radius: 1vmin;

  backface-visibility: hidden;

  position: absolute;

  animation: move;

  animation-duration: 49;

  animation-timing-function: linear;

  animation-iteration-count: infinite;

	z-index: 1;

}

.particle_white span:nth-child(0) {

  top: 1%;

  left: 83%;

  animation-duration: 21s;

  animation-delay: -1s;

  transform-origin: -1vw 7vh;

  box-shadow: -2vmin 0 1.2166831475vmin currentColor;

}

.particle_white span:nth-child(1) {

  top: 77%;

  left: 30%;

  animation-duration: 18s;

  animation-delay: -6s;

  transform-origin: -16vw -3vh;

  box-shadow: 2vmin 0 1.0814137563vmin currentColor;

}

.particle_white span:nth-child(2) {

  top: 31%;

  left: 42%;

  animation-duration: 21s;

  animation-delay: -6s;

  transform-origin: 13vw -16vh;

  box-shadow: 2vmin 0 0.252018094vmin currentColor;

}

.particle_white span:nth-child(3) {

  top: 94%;

  left: 2%;

  animation-duration: 18s;

  animation-delay: -8s;

  transform-origin: -12vw -22vh;

  box-shadow: 2vmin 0 0.4037830081vmin currentColor;

}

.particle_white span:nth-child(4) {

  top: 66%;

  left: 14%;

  animation-duration: 18s;

  animation-delay: -5s;

  transform-origin: 2vw -12vh;

  box-shadow: 2vmin 0 0.3104758149vmin currentColor;

}

.particle_white span:nth-child(5) {

  top: 30%;

  left: 22%;

  animation-duration: 25s;

  animation-delay: -10s;

  transform-origin: -24vw -6vh;

  box-shadow: -2vmin 0 0.5184082025vmin currentColor;

}

.particle_white span:nth-child(6) {

  top: 61%;

  left: 96%;

  animation-duration: 21s;

  animation-delay: -8s;

  transform-origin: -9vw 4vh;

  box-shadow: -2vmin 0 1.0658300054vmin currentColor;

}

.particle_white span:nth-child(7) {

  top: 42%;

  left: 95%;

  animation-duration: 19s;

  animation-delay: -2s;

  transform-origin: 14vw 7vh;

  box-shadow: 2vmin 0 0.7873386022vmin currentColor;

}

.particle_white span:nth-child(8) {

  top: 30%;

  left: 69%;

  animation-duration: 16s;

  animation-delay: -9s;

  transform-origin: 9vw 25vh;

  box-shadow: -2vmin 0 1.2340148539vmin currentColor;

}

.particle_white span:nth-child(9) {

  top: 76%;

  left: 65%;

  animation-duration: 17s;

  animation-delay: -1s;

  transform-origin: -19vw 11vh;

  box-shadow: -2vmin 0 0.3706580269vmin currentColor;

}

.particle_white span:nth-child(10) {

  top: 98%;

  left: 81%;

  animation-duration: 24s;

  animation-delay: -10s;

  transform-origin: 6vw 17vh;

  box-shadow: 2vmin 0 0.7071063458vmin currentColor;

}

.particle_white span:nth-child(11) {

  top: 2%;

  left: 66%;

  animation-duration: 25s;

  animation-delay: -4s;

  transform-origin: 9vw 12vh;

  box-shadow: -2vmin 0 0.7101778948vmin currentColor;

}

.particle_white span:nth-child(12) {

  top: 60%;

  left: 4%;

  animation-duration: 23s;

  animation-delay: -10s;

  transform-origin: -2vw 21vh;

  box-shadow: 2vmin 0 0.9531848799vmin currentColor;

}

.particle_white span:nth-child(13) {

  top: 21%;

  left: 41%;

  animation-duration: 24s;

  animation-delay: -7s;

  transform-origin: -4vw 22vh;

  box-shadow: -2vmin 0 0.3326184955vmin currentColor;

}

.particle_white span:nth-child(14) {

  top: 40%;

  left: 13%;

  animation-duration: 24s;

  animation-delay: -1s;

  transform-origin: 8vw 25vh;

  box-shadow: -2vmin 0 0.2889462611vmin currentColor;

}

.particle_white span:nth-child(15) {

  top: 93%;

  left: 68%;

  animation-duration: 20s;

  animation-delay: -10s;

  transform-origin: -20vw 7vh;

  box-shadow: 2vmin 0 1.1570768969vmin currentColor;

}

.particle_white span:nth-child(16) {

  top: 28%;

  left: 16%;

  animation-duration: 24s;

  animation-delay: -3s;

  transform-origin: 4vw -1vh;

  box-shadow: 2vmin 0 0.3110673443vmin currentColor;

}

.particle_white span:nth-child(17) {

  top: 41%;

  left: 77%;

  animation-duration: 23s;

  animation-delay: -8s;

  transform-origin: -2vw 25vh;

  box-shadow: 2vmin 0 1.1632744326vmin currentColor;

}

.particle_white span:nth-child(18) {

  top: 65%;

  left: 99%;

  animation-duration: 17s;

  animation-delay: -10s;

  transform-origin: -19vw 24vh;

  box-shadow: 2vmin 0 0.4234082352vmin currentColor;

}

.particle_white span:nth-child(19) {

  top: 99%;

  left: 33%;

  animation-duration: 24s;

  animation-delay: -7s;

  transform-origin: -19vw 10vh;

  box-shadow: 2vmin 0 0.6429336872vmin currentColor;

}

.particle_white span:nth-child(20) {

  top: 26%;

  left: 8%;

  animation-duration: 22s;

  animation-delay: -3s;

  transform-origin: 25vw 21vh;

  box-shadow: -2vmin 0 0.2895757143vmin currentColor;

}

.particle_white span:nth-child(21) {

  top: 62%;

  left: 2%;

  animation-duration: 21s;

  animation-delay: -1s;

  transform-origin: 3vw -8vh;

  box-shadow: -2vmin 0 0.648790269vmin currentColor;

}

.particle_white span:nth-child(22) {

  top: 33%;

  left: 36%;

  animation-duration: 20s;

  animation-delay: -5s;

  transform-origin: 6vw 24vh;

  box-shadow: 2vmin 0 0.4563546902vmin currentColor;

}

.particle_white span:nth-child(23) {

  top: 52%;

  left: 7%;

  animation-duration: 24s;

  animation-delay: -5s;

  transform-origin: 24vw 22vh;

  box-shadow: -2vmin 0 0.9153600755vmin currentColor;

}

.particle_white span:nth-child(24) {

  top: 43%;

  left: 70%;

  animation-duration: 25s;

  animation-delay: -9s;

  transform-origin: 23vw -10vh;

  box-shadow: 2vmin 0 0.6479670503vmin currentColor;

}

.particle_white span:nth-child(25) {

  top: 1%;

  left: 29%;

  animation-duration: 23s;

  animation-delay: -7s;

  transform-origin: -10vw -12vh;

  box-shadow: 2vmin 0 0.5295836513vmin currentColor;

}

.particle_white span:nth-child(26) {

  top: 64%;

  left: 51%;

  animation-duration: 19s;

  animation-delay: -7s;

  transform-origin: 8vw -21vh;

  box-shadow: 2vmin 0 0.5962699092vmin currentColor;

}

.particle_white span:nth-child(27) {

  top: 14%;

  left: 10%;

  animation-duration: 24s;

  animation-delay: -5s;

  transform-origin: 12vw -11vh;

  box-shadow: 2vmin 0 0.5281335649vmin currentColor;

}

.particle_white span:nth-child(28) {

  top: 57%;

  left: 100%;

  animation-duration: 17s;

  animation-delay: -7s;

  transform-origin: 23vw -11vh;

  box-shadow: 2vmin 0 0.2790176444vmin currentColor;

}

.particle_white span:nth-child(29) {

  top: 60%;

  left: 34%;

  animation-duration: 24s;

  animation-delay: -1s;

  transform-origin: -18vw 24vh;

  box-shadow: 2vmin 0 0.5759635814vmin currentColor;

}

.particle_white span:nth-child(30) {

  top: 45%;

  left: 14%;

  animation-duration: 16s;

  animation-delay: -6s;

  transform-origin: 19vw 20vh;

  box-shadow: -2vmin 0 0.7182588918vmin currentColor;

}

.particle_white span:nth-child(31) {

  top: 42%;

  left: 44%;

  animation-duration: 24s;

  animation-delay: -8s;

  transform-origin: 4vw -12vh;

  box-shadow: -2vmin 0 0.3235645262vmin currentColor;

}

.particle_white span:nth-child(32) {

  top: 87%;

  left: 17%;

  animation-duration: 17s;

  animation-delay: -8s;

  transform-origin: 17vw -12vh;

  box-shadow: 2vmin 0 0.3346880551vmin currentColor;

}

.particle_white span:nth-child(33) {

  top: 77%;

  left: 96%;

  animation-duration: 21s;

  animation-delay: -6s;

  transform-origin: 18vw -9vh;

  box-shadow: 2vmin 0 0.7364139192vmin currentColor;

}

.particle_white span:nth-child(34) {

  top: 45%;

  left: 19%;

  animation-duration: 16s;

  animation-delay: -9s;

  transform-origin: 15vw 21vh;

  box-shadow: 2vmin 0 0.8863952306vmin currentColor;

}

.particle_white span:nth-child(35) {

  top: 10%;

  left: 20%;

  animation-duration: 22s;

  animation-delay: -1s;

  transform-origin: 25vw 20vh;

  box-shadow: -2vmin 0 0.3034244133vmin currentColor;

}

.particle_white span:nth-child(36) {

  top: 26%;

  left: 81%;

  animation-duration: 24s;

  animation-delay: -7s;

  transform-origin: -18vw -8vh;

  box-shadow: 2vmin 0 1.1515878165vmin currentColor;

}

.particle_white span:nth-child(37) {

  top: 36%;

  left: 71%;

  animation-duration: 24s;

  animation-delay: -2s;

  transform-origin: 25vw 8vh;

  box-shadow: -2vmin 0 0.7001679781vmin currentColor;

}

.particle_white span:nth-child(38) {

  top: 47%;

  left: 56%;

  animation-duration: 17s;

  animation-delay: -6s;

  transform-origin: -16vw -24vh;

  box-shadow: 2vmin 0 0.9762294148vmin currentColor;

}

.particle_white span:nth-child(39) {

  top: 13%;

  left: 59%;

  animation-duration: 17s;

  animation-delay: -4s;

  transform-origin: -19vw 17vh;

  box-shadow: 2vmin 0 1.1403835373vmin currentColor;

}

.particle_white span:nth-child(40) {

  top: 64%;

  left: 16%;

  animation-duration: 20s;

  animation-delay: -6s;

  transform-origin: 11vw 11vh;

  box-shadow: 2vmin 0 1.1288142546vmin currentColor;

}

.particle_white span:nth-child(41) {

  top: 83%;

  left: 97%;

  animation-duration: 22s;

  animation-delay: -3s;

  transform-origin: -21vw 11vh;

  box-shadow: -2vmin 0 0.8546357177vmin currentColor;

}

.particle_white span:nth-child(42) {

  top: 39%;

  left: 83%;

  animation-duration: 20s;

  animation-delay: -9s;

  transform-origin: -10vw 7vh;

  box-shadow: -2vmin 0 0.2694043806vmin currentColor;

}

.particle_white span:nth-child(43) {

  top: 86%;

  left: 14%;

  animation-duration: 20s;

  animation-delay: -1s;

  transform-origin: 16vw 11vh;

  box-shadow: -2vmin 0 0.4910040452vmin currentColor;

}

.particle_white span:nth-child(44) {

  top: 5%;

  left: 16%;

  animation-duration: 22s;

  animation-delay: -10s;

  transform-origin: 16vw 25vh;

  box-shadow: -2vmin 0 0.9906608286vmin currentColor;

}

.particle_white span:nth-child(45) {

  top: 26%;

  left: 60%;

  animation-duration: 16s;

  animation-delay: -4s;

  transform-origin: 14vw -7vh;

  box-shadow: -2vmin 0 0.7332913807vmin currentColor;

}

.particle_white span:nth-child(46) {

  top: 29%;

  left: 5%;

  animation-duration: 18s;

  animation-delay: -3s;

  transform-origin: 23vw 1vh;

  box-shadow: -2vmin 0 0.307820715vmin currentColor;

}

.particle_white span:nth-child(47) {

  top: 6%;

  left: 70%;

  animation-duration: 24s;

  animation-delay: -10s;

  transform-origin: 8vw 12vh;

  box-shadow: -2vmin 0 0.9688388645vmin currentColor;

}

.particle_white span:nth-child(48) {

  top: 97%;

  left: 37%;

  animation-duration: 21s;

  animation-delay: -2s;

  transform-origin: 25vw 11vh;

  box-shadow: -2vmin 0 0.6903757254vmin currentColor;

}

.particle_white span:nth-child(49) {

  top: 62%;

  left: 66%;

  animation-duration: 21s;

  animation-delay: -5s;

  transform-origin: -4vw -17vh;

  box-shadow: -2vmin 0 0.8399178073vmin currentColor;

}

.ind_txtbox{

	width: 26%;

	color: #fff;

	position: absolute;

	top: 22%;

	transform: translateY(-22%);

	left: 0.7rem;

	z-index: 2;

}

.ind_tt{

	font-size: 0.3rem;

	line-height: 0.42rem;

	text-transform: uppercase;

	margin-bottom: 0.23rem;

}

.ind_txt{

	color: #fff;

	line-height: 0.38rem;

	font-size: 0.22rem;

}

.ind_con{

	width: 13.98rem;

	padding-bottom: 1.12rem;

	margin: 0 auto;

}

.ind_list{

	float: right;

	width: 8.34rem;

	position: relative;

	z-index: 7;

}

.ind_list .swiper-slide:nth-child(odd){

  animation-duration: 2s;

}

.ind_list .swiper-slide:nth-child(even){

  animation-duration: 4s;

}

.ind_list .swiper-slide:nth-child(2) .ind_listbg{

	background: rgba(25, 241, 255, 0.7);

	border-radius: 0.2rem;

	height: 3.32rem;

	top: 0.32rem;

	left: 0.1rem;

}

.ind_list .swiper-slide:nth-child(2) .ind_pic{

	height: 3.4rem;

	border-radius: 0.2rem;

	margin: 0.09rem 0.13rem 0 0.1rem;

}

.ind_list .swiper-slide:nth-child(2) .ind_bian01{

	height: 3.56rem;

	border-radius: 0.2rem;

	top: 0;

	left: 0.08rem;

}

.ind_list .swiper-slide:nth-child(2) .ind_bian02{

	height: 3.56rem;

	border: solid 0.02rem #84b7ff;

	opacity: 0.8rem;

	border-radius: 0.2rem;

	top: 0;

	left: 0.13rem;

}

.ind_list .swiper-slide:nth-child(3) .ind_listbg{

	background: rgba(255, 247, 20, 0.9);

	height: 3.02rem;

	top: 0.76rem;

	left: 0.13rem;

}

.ind_list .swiper-slide:nth-child(3) .ind_pic{

	height: 3.02rem;

	margin: 0.89rem 0.11rem 0.05rem 0.07rem;

}

.ind_list .swiper-slide:nth-child(3) .ind_bian01{

	height: 3.02rem;

	border: solid 0.02rem #ffb849;

	opacity: 0.8rem;

	top: 0.89rem;

	left: 0.08rem;

}

.ind_list .swiper-slide:nth-child(3) .ind_bian02{

	height: 3.02rem;

	border: solid 0.02rem #84b7ff;

	top: 1rem;

	left: 0.02rem;

}

.ind_list .swiper-slide:nth-child(4) .ind_listbg{

	background: rgba(255, 38, 232, 0.6);

	height: 4.02rem;

	top: 1.55rem;

	right: 0;

	left: auto;

}

.ind_list .swiper-slide:nth-child(4) .ind_pic{

	height: 4.02rem;

	border-radius: 0.2rem;

	margin: 1.41rem 0.14rem 0 0;

}

.ind_list .swiper-slide:nth-child(4) .ind_bian01{

	height: 4.1rem;

	border-radius: 0.2rem;

	top: 1.41rem;

	left: 0.11rem;

}

.ind_list .swiper-slide:nth-child(4) .ind_bian02{

	height: 4.1rem;

	border: solid 0.02rem #33cc9b;

	border-radius: 0.2rem;

	top: 1.37rem;

	left: 0.08rem;

}

.ind_listbg{

	width: 1.9rem;

	height: 3.98rem;

	border-radius: 0.4rem;

	position: absolute;

	background: rgba(102, 255, 134, 0.6);

	top: 0.67rem;

	left: 0;

}

.ind_pic{

	width: 1.9rem;

	height: 3.98rem;

	border-radius: 0.4rem;

	overflow: hidden;

	position: relative;

	z-index: 1;

	margin: 0.44rem 0.15rem 0 0.12rem;

}

.ind_pic img{

	width: 100%;

	height: 100%;

	object-fit: cover;

}

.ind_bian01{

	width: 1.9rem;

	height: 3.98rem;

	border: solid 0.02rem #7d0c88;

	border-radius: 0.4rem;

	opacity: 0.5;

	position: absolute;

	top: 0.39rem;

	left: 0.17rem;

	z-index: 2;

}

.ind_bian02{

	width: 1.9rem;

	height: 3.98rem;

	border: solid 0.02rem #e16114;

	border-radius: 0.4rem;

	position: absolute;

	top: 0.43rem;

	left: 0.22rem;

	z-index: 3;

}

.ind_carbox{

	width: 100%;

	position: absolute;

	left: 0;

	bottom: 1.12rem;

	z-index: 5;

}

.ind_car{

	width: 12.45rem;

	margin: 0 auto;

	animation-duration: 30s

}

.ind_car img{

	width: 100%;

}

.ind_en{

	width: 87%;

	position: absolute;

}

.ind_en img{

	width: 100%;

  -webkit-animation: big 2s infinite ease-in-out;

	animation: big 2s infinite ease-in-out;

}

@-webkit-keyframes big {

	0% {

		-webkit-transform: scale(1.0)

	}

	50% {

		-webkit-transform: scale(1.1);

	}

	100% {

		-webkit-transform: scale(1.0);

	}

}

@keyframes big {

	0% {

		transform: scale(1.0);

	}

	50% {

		transform: scale(1.1);

	}

	100% {

		transform: scale(1.0);

	}

}

.purple{

	left: 7%;

	bottom: 0.35rem;

	z-index: 7;

}

.blue{

	left: 6.4%;

	bottom: 0.25rem;

	z-index: 8;

}

.yellow{

	left: 6.3%;

	bottom: 0.18rem;

	z-index: 8;

}





/* 登录 */

.nav_box{

	width: 100%;

	text-align: center;

	position: fixed;

	top: 0.7rem;

	left: 0;

	z-index: 2;

}

.nav{

  width: 14.95rem;

  text-align: center;

  margin: 0 auto;

}

.nav li{

	color: #fff;

	font-size: 0.18rem;

	font-weight: bold;

	text-transform: uppercase;

	line-height: 0.43rem;

  display: inline-block;

  margin: 0 0.05rem;

}

.nav a{

	display: inline-block;

	padding: 0 0.32rem;

}

.nav li.on{

	color: #fb9400;

}

.nav li.on a{

	border: solid 0.01rem #f59136;

	border-radius: 0.1rem;

}

.nav li:hover{

	color: #fb9400;

}

.login_part{

	width: 100%;

	height: 100vh;

	position: relative;

  display: flex;

	justify-content: center;

	align-items: center;

	overflow: hidden;

}

.login_bg{

	width: 100%;

	height: 100%;

	background: url(../images/login_01.jpg) no-repeat center;

	background-size: cover;

	position: fixed;

  top: 0;

  left: 0;

  animation: scale 10s linear infinite;

}

.di{

  width: 100%;

  height: 3.9rem;

  background: url(../images/login_02.png) no-repeat center;

  background-size: 9.37rem 3.9rem;

  position: fixed;

  left: 0;

  bottom: 0;

  z-index: 1;

}

.login_box{

  width: 100%;

  height: 100vh;

  display: flex;

	justify-content: center;

	align-items: center;

}

.login_con{

  width: 5rem;

  min-height: 4rem;

  position: relative;

  z-index: 6;

}

.login_tit{

  width: 100%;

  text-align: center;

  line-height: 0.42rem;

  color: #fff;

  font-size: 0.3rem;

  font-weight: bold;

  margin-bottom: 0.42rem;

}

.name{

  width: 100%;

  height: 0.75rem;

  line-height: 0.75rem;

  border: none;

  background: #fff;

  border-radius: 0.1rem;

  padding-left: 0.28rem;

  color: #999;

  font-size: 0.24rem;

  margin-bottom: 0.2rem;

}

.name::-webkit-input-placeholder {

	color: #999;

}

.login_btn{

  width: 100%;

  height: 0.75rem;

  border: none;

  background: #eb621e;

  border-radius: 0.1rem;

  color: #fff;

  font-size: 0.3rem;

  cursor: pointer;

  margin-bottom: 0.2rem;

}

.gobtn{

  border: solid 0.01rem #fff;

  background: none;

  border-radius: 0.1rem;

  line-height: 0.44rem;

  padding: 0 0.15rem;

  color: #fff;

  font-size: 0.18rem;

  cursor: pointer;

}



.yzm_bg{

  width: 100%;

  height: 0.75rem;

  line-height: 0.75rem;

  background: #fff;

  border-radius: 0.1rem;

  padding-left: 0.28rem;

  color: #999;

  font-size: 0.24rem;

  margin-bottom: 0.2rem;

}

.yzm{

  float: left;

  width: 60%;

  height: 0.75rem;

  line-height: 0.75rem;

  border: none;

  background: none;

  border-radius: 0.1rem;

  color: #999;

  font-size: 0.24rem;

}

.yzm::-webkit-input-placeholder {

	color: #999;

}

.yzm_r{

  float: right;

  width: 1.35rem;

  text-align: center;

  height: 0.63rem;

  line-height: 0.36rem;

  background: #f7f7f8;

  cursor: pointer;

  margin: 0.06rem 0.08rem 0 0;

}

.yzm_r img{

  width: 100%;

  height: 100%;

}





/* 个人中心 */

.main{

	width: 100%;

	height: 100vh;

	position: relative;

  display: flex;

	justify-content: center;

	align-items: center;

	overflow: hidden;

}

.personal_box{

  margin: 0.44rem auto 0;

  position: relative;

  z-index: 2;

}

.personal_left{

  float: left;

  width: 18%;

  height: 6.23rem;

  /*background: #eee;*/

}

.personal_lt{

  width: 100%;

  padding: 0.35rem 0 0.42rem;

  position: relative;

}

.mouth{

  width: 0.5rem;

  height: 0.37rem;

  background: url(../images/personal_01.png) no-repeat;

  background-size: 100% 100%;

  position: absolute;

  top: 0.17rem;

  left: 0.14rem;

  -webkit-animation: bigger 4s infinite ease-in-out;

	animation: bigger 4s infinite ease-in-out;

}

@-webkit-keyframes bigger {

	0% {

		-webkit-transform: scale(1.0)

	}

	50% {

		-webkit-transform: scale(1.2);

	}

	100% {

		-webkit-transform: scale(1.0);

	}

}

@keyframes bigger {

	0% {

		transform: scale(1.0);

	}

	50% {

		transform: scale(1.2);

	}

	100% {

		transform: scale(1.0);

	}

}

.personal_head{

  width: 1.33rem;

  height: 1.33rem;

  border: solid 0.04rem #d37c00;

  border-radius: 50%;

  overflow: hidden;

  margin: 0 auto;

}

.personal_head img{

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.vip-badge{

  text-align: center;

  margin-top: 0.12rem;

}

.vip-badge span{

  display: inline-block;

  font-size: 0.16rem;

  font-weight: 800;

  letter-spacing: 0.02rem;

  padding: 0.04rem 0.14rem;

  border-radius: 0.2rem;

  line-height: 1.3;

  text-shadow: 0 0.02rem 0.06rem rgba(0, 0, 0, 0.45);

}

.vip-weigh-0 span{

  color: #f3e69e;

  background: linear-gradient(135deg, rgba(195, 146, 78, 0.35), rgba(246, 236, 165, 0.2));

  border: 0.01rem solid rgba(246, 236, 165, 0.55);

  -webkit-text-fill-color: #f6eca5;

}

.vip-weigh-1 span{

  color: #e8eef5;

  background: linear-gradient(135deg, rgba(192, 200, 212, 0.45), rgba(232, 238, 245, 0.15));

  border: 0.01rem solid rgba(210, 218, 230, 0.7);

  box-shadow: 0 0 0.08rem rgba(192, 200, 212, 0.35);

}

.vip-weigh-2 span{

  color: #ffe9a8;

  background: linear-gradient(135deg, rgba(212, 160, 23, 0.5), rgba(255, 233, 168, 0.2));

  border: 0.01rem solid rgba(255, 215, 100, 0.75);

  box-shadow: 0 0 0.1rem rgba(255, 200, 60, 0.45);

}

.vip-weigh-3 span{

  color: #d8f4ff;

  background: linear-gradient(135deg, rgba(80, 180, 220, 0.45), rgba(180, 235, 255, 0.2));

  border: 0.01rem solid rgba(140, 220, 255, 0.75);

  box-shadow: 0 0 0.12rem rgba(100, 200, 255, 0.4);

}

.vip-weigh-4 span{

  color: #f5f5f5;

  background: linear-gradient(135deg, rgba(200, 200, 205, 0.55), rgba(255, 255, 255, 0.25));

  border: 0.01rem solid rgba(230, 230, 235, 0.85);

  box-shadow: 0 0 0.12rem rgba(255, 255, 255, 0.35);

}

.vip-weigh-5 span{

  color: #f6eca5;

  background: linear-gradient(135deg, rgba(30, 24, 12, 0.85), rgba(80, 60, 20, 0.65));

  border: 0.01rem solid rgba(195, 146, 78, 0.9);

  box-shadow: 0 0 0.14rem rgba(195, 146, 78, 0.55), inset 0 0 0.06rem rgba(246, 236, 165, 0.25);

}

.vip-progress-hint{

  text-align: center;

  font-size: 0.12rem;

  color: rgba(243, 230, 158, 0.75);

  margin-top: 0.06rem;

  line-height: 1.4;

}

.personal_list{

  width: 100%;

  padding-left: 0.54rem;

}

.personal_list li{

  font-size: 0.18rem;

  font-weight: bold;

  line-height: 0.28rem;

  margin-bottom: 0.28rem;
  color: #F3E69E;

}

.personal_list li.on{

  /*color: #c07000;*/
  font-weight: 1000;
    background: -webkit-linear-gradient(43deg, #c1924e, #f6eca5 80%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;

}



.personal_right{

  float: right;

  width: 82%;

  height: 6.23rem;

  /*background: rgba(255, 255, 255, 0.8);*/
  color: #F3E69E;

  overflow: hidden;

}

.p01{

  padding: 0.62rem 0.5rem;

}

.inf_box{

  font-size: 0.18rem;

  line-height: 0.3rem;

  margin-bottom: 0.26rem;

}

.inf_left{

  float: left;

  width: 1.2rem;

  text-align: right;

}

.inf_right{

  float: left;

  width: calc(100% - 1.2rem);

  padding-left: 0.32rem;

}

.p02{

  padding: 0.15rem 0 0 0.3rem;

}

.inf_edit{

  width: 1.71rem;

  height: 0.54rem;

  background: #c07000;

  border-radius: 0.1rem;

  color: #fff;

  font-size: 0.18rem;

  position: relative;

  overflow: hidden;

  display: flex;

	justify-content: center;

	align-items: center;

}

.inf_edit img{

  width: 0.21rem;

  height: 0.21rem;

  margin-right: 0.2rem;

}

.inf_edit a{

	display: block;

	position: relative;

	z-index: 2;

}

.inf_edit:before {

	content: "";

	width: 0;

	height: 100%;

	background: #fb9400;

	position: absolute;

	right: 0;

	bottom: 0;

	transition: 0.5s;

}

.inf_edit:after {

	position: absolute;

	left:-10px;

	bottom: 0;

	content: "";

	box-sizing: border-box;

	transition: 0.5s;

	width:110%;

	height: 100%;

}

.inf_edit:hover:before,

.inf_edit.active:before {

	width: 100%;

	right: auto;

	left: 0;

}





/* 个人中心-编辑 */

.inf_bj .inf_left{

  line-height: 0.48rem;

}

.inf_b{

  width: 3.45rem;

  height: 0.48rem;

  line-height: 0.48rem;

  padding-left: 0.12rem;

  /*border: solid 0.01rem #9f9f9f;*/

  background: none;

  font-size: 0.18rem;

  /*color: #000;*/
  color: #F3E69E;
  border: solid 0.01rem #F3E69E;

}

.inf_b::-webkit-input-placeholder {

	/*color: #000;*/
	color: #F3E69E;

}

.inf_edit02{

  width: 1.71rem;

  height: 0.54rem;

  background: #c07000;

  border-radius: 0.1rem;

  color: #fff;

  font-size: 0.18rem;

  position: relative;

  overflow: hidden;

  display: flex;

	justify-content: center;

	align-items: center;

}

.inf_edit02 img{

  width: 0.29rem;

  height: 0.29rem;

  margin-right: 0.2rem;

}

.inf_edit02 a{

	display: block;

	position: relative;

	z-index: 2;

}

.inf_edit02:before {

	content: "";

	width: 0;

	height: 100%;

	background: #fb9400;

	position: absolute;

	right: 0;

	bottom: 0;

	transition: 0.5s;

}

.inf_edit02:after {

	position: absolute;

	left:-10px;

	bottom: 0;

	content: "";

	box-sizing: border-box;

	transition: 0.5s;

	width:110%;

	height: 100%;

}

.inf_edit02:hover:before,

.inf_edit02.active:before {

	width: 100%;

	right: auto;

	left: 0;

}





/* 积分记录 */

.p03{

  padding: 0.26rem 0.3rem 0.26rem 0.58rem;

}

.scrollcontent{

  width: 100%;

  height: 5.7rem;

  padding-right: 0.52rem;

  overflow-y: scroll;

  overflow-x: hidden;

  scrollbar-width: thin;

  scrollbar-color: #d37c00 rgba(175,175,175,0.5);

  position: relative;

}

.scrollcontent::-webkit-scrollbar {

  width: 0.06rem;

}

.scrollcontent::-webkit-scrollbar-thumb {

  background-color: #d37c00;

  border-radius: 6px;

}

.scrollcontent::-webkit-scrollbar-track {

  background-color: #afafaf;

}

.points_tit{

  font-size: 0.3rem;

  line-height: 0.72rem;

  margin-bottom: 0.17rem;

}

.balance_balances div{

  line-height: 0.48rem;

}

.balance-source{

  display: inline-block;

  font-size: 0.2rem;

  line-height: 1.4;

  padding: 0.02rem 0.1rem;

  margin-right: 0.08rem;

  border-radius: 0.06rem;

  vertical-align: middle;

  font-weight: 600;

}

.balance-source-recharge{

  color: #1a5fb4;

  background: rgba(26, 95, 180, 0.12);

}

.balance-source-voucher{

  color: #b45309;

  background: rgba(180, 83, 9, 0.12);

}

.points{

  width: 100%;

}

.points li{

  background: #fff;

  padding: 0.16rem 0.26rem 0.21rem 0.32rem;

  margin-bottom: 0.22rem;

}

.points_left{

  float: left;

  width: 60%;

}

.points_tt{

  color: #333;

  font-size: 0.24rem;

  line-height: 0.34rem;

  height: 0.34rem;

  white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

}

.points_date{

  color: #666;

  font-size: 0.18rem;

  line-height: 0.28rem;

  height: 0.28rem;

  white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

}

.points_right{

  float: right;

  width: 36%;

  text-align: right;

  font-size: 0.28rem;

  line-height: 0.62rem;

}

.txt01{

  color: #d37c00;

}

.txt02{

  color: #333;

}





/* 领券中心 */

.p04{

  padding: 0.44rem 0.25rem 0 0.52rem;

  position: relative;

}

.scroll_con{

  width: 100%;

  height: 5.77rem;

  padding: 0.73rem 0.23rem 0 0;

  overflow-y: scroll;

  overflow-x: hidden;

  scrollbar-width: thin;

  scrollbar-color: #d37c00 rgba(175,175,175,0.5);

  position: relative;

}

.scroll_con::-webkit-scrollbar {

  width: 0.06rem;

}

.scroll_con::-webkit-scrollbar-thumb {

  background-color: #d37c00;

  border-radius: 6px;

}

.scroll_con::-webkit-scrollbar-track {

  background-color: #afafaf;

}

.coupon_type{

  width: 100%;

  /*background: #ccc;*/

  padding: 0.44rem 0 0.23rem 0.64rem;

  position: absolute;

  top: 0;

  left: 0;

  z-index: 2;

}

.coupon_type ul{

  margin-right: -0.98rem;

}

.coupon_type li{

  float: left;

  font-size: 0.2rem;

  line-height: 0.38rem;

  margin-right: 0.98rem;

}

.coupon_type i{

  width: 0.49rem;

  height: 0.05rem;

  background: #eb621e;

  border-radius: 0.1rem;

  display: block;

  margin: 0.07rem auto 0;

  opacity: 0;

}

.coupon_type li.on i{

  opacity: 1;

}

.yhj .coupon li{

  height: 3.14rem;

}

.receive{

  width: 80%;

  text-align: center;

  height: 0.32rem;

  line-height: 0.32rem;

  background: #c57c26;

  border-radius: 0.16rem;

  color: #fff;

  font-size: 0.16rem;

  font-weight: bold;

  cursor: pointer;

  margin: 0.15rem auto 0;

}

.coupon{

  width: 100%;

}

.coupon ul{

  margin-right: -2%;

}

.coupon li{

  float: left;

  width: 18%;

  height: 2.58rem;

  background: #fff;

  border-radius: 0.1rem;

  padding: 0.1rem 0.15rem;

  margin: 0 2% 0.25rem 0;

}

.coupon_pic{

  width: 1.7rem;

  height: 1.3rem;

  margin: 0 auto 0.1rem;

}

.coupon_pic img{

  width: 100%;

  height: 100%;

}

.coupon_t{

  width: 100%;

  color: #c57c21;

  font-size: 0.16rem;

  line-height: 0.32rem;

  margin-bottom: 0.14rem;

}

.coupon_t span{

  display: inline-block;

  border: solid 0.01rem #c07000;

  border-radius: 0.4rem;

  padding: 0 0.14rem;

}

.coupon_txt{

  font-size: 0.18rem;

  line-height: 0.24rem;

}

.coupon_txt span{

  color: #c07000;

  padding-left: 0.12rem;

}





/* 联系我们 */

.con_bg{

  height: 5.15rem;

  /*background: rgba(255, 255, 255, 0.8);*/

  display: flex;

	justify-content: center;

	align-items: center;

  position: relative;

  z-index: 2;

}

.con{

  width: 9.46rem;

}

.con ul{

  display: flex;

	justify-content: space-between;

}

.con li{

  display: inline-block;

}

.con h1{

  text-align: center;

  line-height: 0.32rem;

  font-size: 0.2rem;

  font-weight: normal;
  
  color: #F3E69E;

}

.con_pic{

  width: 2.35rem;

  height: 2.35rem;

  background: #fff;

  display: flex;

	justify-content: center;

	align-items: center;

  margin-bottom: 0.15rem;

}

.con_pic img{

  width: 1.93rem;

  height: 1.93rem;

}





/* 城市列表 */

.left_nav{

	width: 2.13rem;

	text-align: center;

	position: fixed;

	top: 8%;

	transform: translateY(-8%);

	left: 0;

	z-index: 5;

}

.left_nav .nav{

  width: 100%;

}

.left_nav .nav li{

	margin: 0 0 0.05rem;

}

.left_nav .nav li:first-child{

  margin: 0 0 0.1rem 0;

}

.left_nav .nav li:last-child{

	margin: 0;

}

.city_list{
  height: 80vh !important;
  overflow-y: scroll;

  overflow-x: hidden;
}
.city_list::-webkit-scrollbar {
  display: none;
}
.city_list .list ul{
  height: auto;

  overflow-y: visible;

  overflow-x: visible;

  scrollbar-width: none;
}


.list_box{

	width: 100%;

	height: 100vh;

	position: relative;

  overflow: hidden;

}

.list_box .content{

  position: relative;

  z-index: 2;

}

.list_tit{

  width: 100%;

  text-align: center;

  line-height: 0.44rem;

  padding: 0.38rem 0;

  color: #fff;

  font-size: 0.3rem;

  font-weight: bold;

}

.list{

  width: 100%;

}

.list ul{

  margin-right: -2.5%;

  height: 6.2rem;

  overflow-y: scroll;

  overflow-x: hidden;

  scrollbar-width: none;

}

.list li{

  float: left;

  width: 17.5%;

  margin: 0 2.5% 0.3rem 0;
  position: relative;

}

.list_pic{

  width: 100%;

  height: 3.34rem;

  position: relative;

  overflow: hidden;

}

.list_pic img{

  width: 100%;

  height: 100%;

  object-fit: cover;

	transition: all 0.6s;

	-webkit-transition: all 0.6s;

}

.list_pic:hover img {

	transform: scale(1.1);

	-webkit-transform: scale(1.1);

}

.list_btn{

  width: 0.79rem;

  height: 0.79rem;

  position: absolute;

  top: 50%;

  left: 50%;

  z-index: 2;

  transform: translate(-50%,-50%);

  cursor: pointer;

}

.list_btn img{

  width: 100%;

  height: 100%;

}

.video_bg{

  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, 0.8);

  position: fixed;

  top: 0;

  left: 0;

  z-index: 111;

  display: none;

}

.video-a2{

  position:absolute;

  width:0.5rem;

  height:0.5rem;

  background:url(../images/close02.png);

  background-size:100% 100%;

  right: calc(50% - 10rem / 2 - 1rem );

  cursor: pointer;

  top: calc(10rem/16*2);

  cursor: pointer;

}

.video-a3{

  width: 10rem;

  height: calc(10rem/16*9);

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  margin: auto;

}

.video-a3 video{

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.video-a3 video,.video-a3 iframe{

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.text{

  color: #fff;

  font-size: 0.16rem;

  line-height: 0.31rem;

  padding: 0 0.1rem;

  position: absolute;

  z-index: 2;

}

.text01{

  background: rgba(251, 148, 0, 0.8);

  border-bottom-right-radius: 0.1rem;

  top: 0;

  left: 0;

}

.text02{

  background: rgba(9, 164, 31, 0.8);

  border-bottom-left-radius: 0.1rem;

  top: 0;

  right: 0;

}

.text03{

  background: rgba(9, 110, 189, 0.8);

  border-top-right-radius: 0.1rem;

  bottom: 0;

  left: 0;

}

.text04{

  background: rgba(164, 20, 224, 0.8);

  border-top-left-radius: 0.1rem;

  bottom: 0;

  right: 0;

}

.list_bot{

  width: 100%;

  height: 1.25rem;

  background: #fff;

  padding: 0.1rem 0;

}

.list_bot_t{

  height: 0.34rem;

  padding-left: 0.15rem;

}

.list_bot_t01{

  float: left;

  width: 40%;

  line-height: 0.34rem;

  height: 0.34rem;

  font-size: 0.21rem;

  font-weight: bold;

  white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

  color: #F3E69E;

}

.list_bot_t02{

  float: right;

  width: 0.28rem;

  height: 0.21rem;

  border-radius: 0.02rem;

  overflow: hidden;

  margin: 0.07rem 0.14rem 0 0;

}

.list_bot_t02 img{

  width: 100%;

  height: 100%;

}

.list_bot_t03{

  float: right;

  width: 0.84rem;

  height: 0.34rem;

  line-height: 0.34rem;

  padding-right: 0.25rem;

  text-align: center;

  color: #d9000b;

  font-size: 0.16rem;

  font-weight: bold;

  text-transform: uppercase;

  background: url(../images/list_04.png) no-repeat;

  background-size: 100% 100%;

  margin-right: 2px;

}

.list_label{

  color: #ff4564;

  font-size: 0.16rem;

  /* height: 0.3rem; */

  line-height: 0.26rem;

  overflow: hidden;

  margin: 0.14rem 0 0.06rem 0.14rem;

}

.list_label span{

  border: solid 0.01rem #ff5975;

  border-radius: 0.12rem;

  padding: 0 0.08rem;

  display: inline-block;

  margin-right: 0.02rem;

}

.list_txt{

  width: 100%;

  padding: 0 0.2rem 0 0.17rem;

  color: #666;

  font-size: 0.16rem;

  line-height: 0.28rem;

  display: flex;

	justify-content: space-between;

}

.city_list .list ul{

  display: flex;

  flex-wrap: wrap;

  align-items: stretch;

}

.city_list .list li{

  float: none;

  display: flex;

  flex-direction: column;

}

.city_list .list_bot{

  height: auto;

  display: flex;

  flex-direction: column;

  flex: 0 0 auto;

}

.city_list .list_label{

  height: auto;

  overflow: visible;

  width: calc(100% - 0.28rem);

  margin: 0.14rem auto 0.06rem;

  color: #c14367;

  font-size: 0.14rem;

  display: flex;

  flex-wrap: wrap;

  justify-content: flex-start;

  align-content: flex-start;

  gap: 0.1rem 0.06rem;

}

.city_list .list_label span{

  max-width: 100%;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  margin-right: 0;

  white-space: normal;

  overflow: hidden;

  text-overflow: ellipsis;

  word-break: break-word;

  text-align: left;

  line-height: 1.35;

  box-sizing: border-box;

  padding: 0.03rem 0.1rem;

  border-color: #f197ad;

  background: #fff8fb;

  color: #c14367;

  font-size: 0.14rem;

}

.city_list .list_bot_t01{

  color: #2b1f3f;

}





/* 我的收藏 */

.p05{

  padding: 0.37rem 0.24rem 0 0.62rem;

}

.p05 .scroll_con{

  padding: 0 0.64rem 0 0;

  height: 5.85rem;

}

.collect{

  width: 100%;

}

.collect ul{

  margin-right: -4%;

}

.collect li{

  float: left;

  width: 21%;

  margin: 0 4% 0.22rem 0;
  position: relative;

}

.collect .list_pic{

  height: 2.83rem;

}

.collect .text{

  font-size: 0.14rem;

  line-height: 0.26rem;

}

.collect .list_bot{

  height: 1.3rem;

}

.collect .list_bot_t{

  height: 0.29rem;

}

.collect .list_bot_t01{

  width: 40%s;

  line-height: 0.29rem;

  height: 0.29rem;

  font-size: 0.18rem;

}

.collect .list_bot_t02{

  width: 0.25rem;

  height: 0.18rem;

  margin: 0.07rem 0.1rem 0 0;

}

.collect .list_bot_t03{

  width: 0.64rem;

  height: 0.29rem;

  line-height: 0.29rem;

  padding-right: 0.28rem;

  font-size: 0.14rem;

  margin-right: 0.1rem;

}

.collect .list_label{

  font-size: 0.14rem;

  height: 0.28rem;

  line-height: 0.26rem;

  margin: 0.1rem 0 0.1rem 0.1rem;

}

.collect .list_label span{

  padding: 0 0.1rem;

  margin-right: 0.06rem;

}

.unlike{

  width: 1.32rem;

  height: 0.34rem;

  line-height: 0.34rem;

  text-align: center;

  background: #fa62ab;

  border-radius: 0.4rem;

  color: #fff;

  font-size: 0.14rem;

  font-weight: bold;

  margin: 0 auto;
  position: relative;
  z-index: 3;

}





/* 已购选品 */

.pro{

  width: 100%;

}

.pro ul{

  margin-right: -5%;

}

.pro li{

  float: left;

  width: 20%;

  margin: 0 5% 0.24rem 0;

  position: relative;

}

.pro .list_pic{

  height: 3.03rem;

}

.pro_bot{

  width: 100%;

  height: 0.94rem;

  background: #fff;

  padding: 0.04rem 0.14rem;

  position: relative;

}

.pro_tt{

  font-size: 0.18rem;

  font-weight: bold;

  line-height: 0.28rem;

  height: 0.28rem;

  white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

}

.pro_txt{

  color: #999;

  font-size: 0.14rem;

  line-height: 0.26rem;

}

.pro_txt span{

  color: #ff4564;

}

.off_bg{

  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, 0.7);

  position: absolute;

  top: 0;

  left: 0;

  z-index: 2;

}

.off_bg img{

  width: 1.1rem;

  height: 0.96rem;

  position: absolute;

  top: 35%;

  left: 50%;

  transform: translate(-50%,-35%);

  z-index: 3;

}

.review{

  width: 0.64rem;

  height: 0.24rem;

  line-height: 0.22rem;

  text-align: center;

  border: solid 0.01rem #ff4564;

  border-radius: 0.3rem;

  font-size: 0.14rem;

  color: #ff4564;

  position: absolute;

  right: 0.12rem;

  bottom: 0.12rem;

  cursor: pointer;

}



.pingjia_bg,.weipingjia_bg{

  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, 0.7);

  position: fixed;

  top: 0;

  left: 0;

  z-index: 100;

  display: none;

}

.pj_wh{

  width: 100%;

  height: 100%;

  display: flex;

	justify-content: center;

	align-items: center;

}

.pj_box{

  width: 6.72rem;

  background: #fff;

  padding: 0.24rem 0.35rem;

  position: relative;

}

.pj_pic{

  float: left;

  width: 2.25rem;

  height: 2.97rem;

  overflow: hidden;

}

.pj_pic img{

  width: 100%;

  height: 100%;

  object-fit: cover;

	transition: all 0.6s;

	-webkit-transition: all 0.6s;

}

.pj_pic:hover img {

	transform: scale(1.1);

	-webkit-transform: scale(1.1);

}

.pj_right{

  float: right;

  width: 3.4rem;

}

.pj_tit{

  font-size: 0.18rem;

  font-weight: bold;

  line-height: 0.28rem;

  margin: 0.1rem 0 0.3rem;

}

.pj_close{

  width: 0.28rem;

  height: 0.28rem;

  position: absolute;

  top: 0.11rem;

  right: 0.13rem;

  cursor: pointer;

}

.pj_close img{

  width: 100%;

  height: 100%;

}

.progress_box{

  width: 100%;

  height: 0.34rem;

}

.progress_txt{

  float: left;

  width: 0.48rem;

  line-height: 0.16rem;

  font-size: 0.14rem;

}

.progress{

  float: left;

  width: 2.23rem;

  height: 0.12rem;

  border-radius: 0.1rem;

  border: solid 0.01rem #c5c4c5;

  background: url(../images/hui.png) no-repeat left bottom;

  background-size: 100% 50%;

}

.progress_bar{

  float: left;

  width: 0;

  height: 100%;

  background-image: url(../images/bai.png);

  border-radius: 0.1rem;

  animation: promove 4s linear infinite;

  position: relative;

}

.yanzhi{

  background-color: #ed272e;

}

.yanzhi .progress_value{

  color: #ed272e;

}

.tui{

  background-color: #f3793f;

}

.tui .progress_value{

  color: #f3793f;

}

.jiao{

  background-color: #ffe335;

}

.jiao .progress_value{

  color: #ffe335;

}

.fuwu{

  background-color: #fdbf25;

}

.fuwu .progress_value{

  color: #fdbf25;

}

.xiong{

  background-color: #a148a0;

}

.xiong .progress_value{

  color: #a148a0;

}

.tun{

  background-color: #9acd58;

}

.tun .progress_value{

  color: #9acd58;

}

.taidu{

  background-color: #45b958;

}

.taidu .progress_value{

  color: #45b958;

}

@-webkit-keyframes promove {

  from{

    background-position:0% 0%

  }

  to{

    background-position:50% 50%

  }

}

.progress_value{

  font-size: 0.12rem;

  line-height: 0.14rem;

  transform: scale(0.8);

  position: absolute;

  top: 0.12rem;

  right: 0;

}



.zui-slider {

  width: 100%;

  height: 0.12rem;

  position: relative;

  cursor: pointer;

}

.zui-slider-tips {

  position: absolute;

  top: 0.12rem;

  right: 0;

}

.zui-slider-bar {

  border-radius: 0.12rem;

  position: absolute;

  height: 0.1rem;

  background-image: url(../images/bai.png);

}

.zui-slider-wrap {

  width: 0.36rem;

  height: 0.36rem;

  position: absolute;

  top: -0.16rem;

  -webkit-transform: translateX(-50%);

  transform: translateX(-50%);

  z-index: 10;

  text-align: center;

}

.confirm{

  width: 1.18rem;

  height: 0.38rem;

  line-height: 0.38rem;

  text-align: center;

  background: #fa62ab;

  color: #fff;

  font-size: 0.16rem;

  border-radius: 0.1rem;

  margin: 0.25rem auto 0;

  cursor: pointer;

}





/* 详情 */

.show_bg{

  width: 100%;

  background: #000;

  padding: 1.57rem 0 1.07rem;

}

.show_bg #particles-js,.show_bg .particle_white{

  height: 100%;

}

.show_box{

  width: 14.63rem;

  min-height: 9rem;

  /*background: url(../images/show_01.jpg) no-repeat left top #fff;*/

  padding: 0.41rem 0.52rem 0.59rem;

  margin: 0 auto;

  position: relative;

  z-index: 2;

}

.show_top{

  height: 1.12rem;

}

.show_tit{

  float: left;

  line-height: 0.96rem;

  font-size: 0.5rem;

  font-weight: bold;

  font-family: Georgia;

}

.show_tit img{

  float: left;

  width: 0.98rem;

  height: 0.78rem;

  margin: 0 0.3rem 0 0.08rem;

  -webkit-animation: bigger 3s infinite ease-in-out;

	animation: bigger 3s infinite ease-in-out;

}

.show_tit div{
    color: #F3E69E;

  /*background: linear-gradient(to right, #ff3997, #ff2828);*/

  /*-webkit-background-clip: text;*/

  /*background-clip: text;*/

  /*color: transparent;*/

  display: inline-block;

}

.like{

  float: right;

  margin-top: 0.26rem;

  /*color: #333;*/
  color: #F3E69E;

  font-size: 0.24rem;

  line-height: 0.42rem;

}

.like img{

  width: 0.32rem;

  height: 0.27rem;

  margin: 0.07rem 0.14rem 0 0.18rem;

}

.show_con{

  margin-bottom: 0.5rem;

}

.show_left{

  float: left;

  width: 6.81rem;

}

.show_pic{

  width: 100%;

  height: 9.06rem;

  margin-bottom: 0.23rem;

}

.show_pic img{

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.show_list{

  width: 100%;

}

.show_list .swiper-slide{

  height: 1.45rem;

  cursor: pointer;

}

.show_list .swiper-slide img{

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.show_list .swiper-slide-thumb-active{

  border: solid 3px #ff7c35;

  box-sizing: border-box;

}

.show_list .swiper-slide-thumb-active img{

  height: 1.39rem;

}

.show_btn{

  width: 1.49rem;

  height: 1.49rem;

  position: absolute;

  top: 50%;

  left: 50%;

  z-index: 2;

  transform: translate(-50%,-50%);

  cursor: pointer;

}

.show_btn img{

  width: 100%;

  height: 100%;

}

.show_right{

  float: right;

  width: calc(100% - 6.81rem);

  padding-left: 0.5rem;

}

.detail{

  width: 100%;

  margin-bottom: 0.26rem;

}

.detail li{

  padding: 0.08rem;

  line-height: 0.3rem;

  /*background: #feeff6;*/
  background: #020121;

  border-left: solid 0.05rem #f963aa;

  color: #F3E69E;
}

.detail_txt{

  float: left;

  width: 50%;

  padding-left: 0.32rem;

}

.detail li:nth-child(even){

  background: none;

  border-left: none;

}

.detail li:nth-child(4n+3){

  /*background: #fff2e7;*/
  background: #020121;

  border-left: solid 0.05rem #ff8010;

}

.detail_text{

  /*color: #fc62ab;*/
  color: #F3E69E;

  font-size: 0.2rem;

  font-weight: bold;

  line-height: 0.38rem;

  margin-bottom: 0.42rem;

}

.reviews_tit{

  /*color: #ff3997;*/
  color: #F3E69E;

  font-size: 0.3rem;

  line-height: 0.66rem;

  margin-bottom: 0.17rem;

}

.reviews_tit img{

  float: left;

  width: 0.66rem;

  height: 0.63rem;

  margin: 0 0.23rem 0 0.17rem;

}

.reviews{

  width: 100%;

}

.reviews li{

  /*border: solid 0.01rem #d9d9d9;*/
  border: solid 0.01rem #F3E69E;

  padding: 0.21rem 0.42rem 0.3rem 0.3rem;

  border-radius: 0.1rem;

  margin-bottom: 0.23rem;

}

.reviews_head{

  float: left;

  width: 0.8rem;

  height: 0.8rem;

  border-radius: 50%;

  overflow: hidden;

}

.reviews_head img{

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.reviews_r{

  float: right;

  width: calc(100% - 0.8rem);

  padding-left: 0.24rem;

}

.rev_tit{

  color: #F3E69E;

  font-size: 0.18rem;

  font-weight: bold;

  line-height: 0.36rem;

}

.rev_txt{

  color: #F3E69E;

  font-size: 0.18rem;

  line-height: 0.3rem;

  text-align: justify;

}

.page{

  width: 100%;

  text-align: center;

  padding: 0.08rem 0 0.37rem;

  color: #333;

  line-height: 0.42rem;

}

.page a{

  width: 0.42rem;

  border-radius: 0.1rem;

  display: inline-block;

}

.page a.page_on{

  width: 0.9rem;

  height: 0.42rem;

  background: #ededed;

  border-radius: 0.1rem;

}

.page a.on{

  background: #ededed;

  border-radius: 0.1rem;

}



.evaluate_tit{

  color: #ff3997;

  font-size: 0.3rem;

  line-height: 0.7rem;

  margin-bottom: 0.22rem;

}

.evaluate_tit img{

  float: left;

  width: 0.98rem;

  height: 0.69rem;

  margin-right: 0.15rem;

}

.evaluate{

  width: 100%;

  height: 1.5rem;

  border: solid 0.01rem #d9d9d9;

  border-radius: 0.1rem;

  padding: 0.24rem 0 0 0.3rem;

  color: #999;

  font-size: 0.18rem;

  line-height: 0.36rem;

  margin-bottom: 0.26rem;

}

.btn_submit{

  width: 1.7rem;

  height: 0.54rem;

  background: #ff3997;

  border: none;

  border-radius: 0.1rem;

  color: #fff;

  font-size: 0.18rem;

  cursor: pointer;

}





/*page*/

.pagination {

  text-align: center;

}

.pagination li {

  line-height: 0.42rem;

  display: inline-block;

  text-align: center;

  background: #f0f0f0;

  padding: 0 0.17rem;

  margin: 0 0.05rem;

}

.pagination li.active {

  background: #bd1a2d;

  color: #fff;

}

.main_bn{
  width: 100%;
  position: relative;
  margin-bottom: 0.2rem;
}
.main_bn img{
  width: 100%;
}
.m_code{
  position: absolute;
  left: 0.5rem;
  bottom: 0.3rem;
  padding-bottom: 1.2rem;
}
.m_code li{
  float: left;
  width: 1.2rem;
  height: 1.2rem;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 0.2rem;
}
.m_code img{
  width: 1.1rem;
  height: 1.1rem;
}
.m_tel{
    width: 100%;
    line-height: 0.7rem;
    color: #F3E69E;
    font-size: 0.38rem;
    font-weight: bold;
    /*background: -webkit-linear-gradient(43deg, #c1924e, #f6eca5 80%) !important;*/
    /*-webkit-background-clip: text !important;*/
    /*-webkit-text-fill-color: transparent;*/
    position: relative;
    padding-left: 0.75rem;
}
.m_tel img{
    width: 0.5rem;
    height: 0.5rem;
    position:absolute;
    top: 0.1rem;
    left: 0;
}


.city_nav .nav_box{
    background: #000;
    padding: 0.7rem 0;
    top: 0;
    z-index: 100;
}

.mobile_bg{
  width: 100%;
  height: 0.75rem;
  line-height: 0.75rem;
  background: #fff;
  border-radius: 0.1rem;
  padding-left: 0.28rem;
  color: #999;
  font-size: 0.24rem;
  margin-bottom: 0.2rem;
  display: flex;
  align-items: center;
}

.mobile_prefix{
  flex: 0 0 auto;
  color: #666;
  margin-right: 0.12rem;
  font-size: 0.24rem;
}

.mobile_input{
  flex: 1 1 auto;
  height: 0.75rem;
  line-height: 0.75rem;
  border: none;
  background: none;
  color: #333;
  font-size: 0.24rem;
}

.mobile_input::-webkit-input-placeholder {
  color: #999;
}

.send-code-btn{
  width: 100%;
  height: 100%;
  border: none;
  background: none;
  color: #333;
  font-size: 0.22rem;
  cursor: pointer;
  padding: 0 0.08rem;
}

.send-code-btn:disabled{
  color: #999;
  cursor: not-allowed;
}

.register-tip,
.login-tip{
  min-height: 0.28rem;
  margin: -0.08rem 0 0.12rem;
  font-size: 0.22rem;
  line-height: 1.4;
}

.login-mode-toggle{
  margin-top: 0.12rem;
}

.mode-toggle-link{
  color: #fff;
  font-size: 0.22rem;
  text-decoration: underline;
  opacity: 0.9;
}

.mode-toggle-link:hover{
  opacity: 1;
}

.legacy-security-notice{
  background: rgba(255, 107, 107, 0.15);
  border: 0.01rem solid #ff6b6b;
  border-radius: 0.1rem;
  color: #ffd4d4;
  font-size: 0.22rem;
  line-height: 1.5;
  margin-bottom: 0.2rem;
  padding: 0.16rem 0.2rem;
}

.legacy-security-notice strong{
  color: #fff;
  display: block;
  margin-bottom: 0.06rem;
}

.register-closed-notice{
  color: #fff;
  font-size: 0.24rem;
  line-height: 1.5;
  margin-top: 0.2rem;
  text-align: center;
}

.register-closed-notice a{
  color: #eb621e;
  text-decoration: underline;
}