@font-face {
	font-family: 'black';
	src: url('../font/SourceHanSansSC-Medium.otf') format('opentype');
}

@font-face {
	font-family: 'black_heavy';
	src: url('../font/SourceHanSansSC-Heavy.otf') format('opentype');
}

@font-face {
	font-family: 'row';
	src: url('../font/Rowdies-Regular.ttf') format('opentype');
}
@font-face {
  font-family: 'BaseBlod';
  src: url('../../1.0/font/dengxianchangguiBlod.woff2') format('opentype');
}
@font-face {
   font-family: 'BaseREGULAR';
   src: url('../../1.0/font/dengxianchangguiREGULAR.woff2') format('woff2');
}
#dnaWrap {
	position: relative;
	overflow: hidden;
	background: #fff;
	width: 100%;
}

.header {
	width: 100%;
	height: 1.87rem;
	background: url(../images/top.png) no-repeat center;
	background-size: cover;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 10;
}

.logo {
	display: block;
	width: 2.49rem;
	float: left;
	margin: .38rem 1.74rem 0 .48rem;
}

.header ul {
	float: left;
	display: flex;
	display: -webkit-flex;
}

.header ul li {
	min-width: 1rem;
	font-size: .26rem;
	color: #edecec;
	line-height: 1.87rem;
	text-align: center;
	margin-right: .3rem;
	cursor: pointer;
	padding: 0 .2rem;
	position: relative;
}

.header ul li.active {
	color: #fff;
	font-family: 'black_heavy';
}

.header ul li.active:after {
	display: block;
	content: '';
	width: 100%;
	height: .1rem;
	background: #f55781;
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	bottom: .1rem;
}

.header ul li:hover:after {
	display: block;
	content: '';
	width: 100%;
	height: .1rem;
	background: #f55781;
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	bottom: .1rem;
}

.header ul li:hover {
	color: #fff;
	font-family: 'black_heavy';
}

.icons {
	height: 100%;
	float: right;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	margin-right: .96rem;
}

.icons a {
	display: block;
	width: .45rem;
}

.icons a img {
	display: block;
	width: 100%;
}

.icons a:nth-child(2) {
	margin: 0 .4rem;
}

.kv {
	width: 100%;
	height: 14.5rem;
	background: url(../images/kv.jpg) no-repeat center;
	background-size: cover;
	position: relative;
	z-index: 1;
}

.slo {
	display: block;
	width: 23.59rem;
	position: absolute;
	left: 1.45rem;
	top: 9.4rem;
}

.star {
	display: block;
	width: 19.98rem;
	position: absolute;
	left: 2.81rem;
	top: 12.14rem;
}

.txt {
	display: block;
	width: 8.71rem;
	position: absolute;
	left: 50%;
	margin-left: -4.355rem;
	top: 9.46rem;
}

.kv .btn {
	display: block;
	width: 5.73rem;
	position: absolute;
	left: 50%;
	margin-left: -2.865rem;
	top: 12.39rem;
	cursor: pointer;
}

.sec {
	width: 100%;
	height: 15.18rem;
	background: url(../images/sec.jpg) no-repeat center;
	background-size: cover;
	position: relative;
}

.secMain {
	width: 12.95rem;
	overflow: hidden;
	position: relative;
	margin: 2.92rem auto 0;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
}

.secMain>div img {
	display: block;
	width: 100%;
}

.secMain>div:nth-child(1) {
	width: 4.03rem;
	overflow: hidden;
	position: relative;
}

.secMain>div:nth-child(2) {
	width: 3.78rem;
	overflow: hidden;
	position: relative;
	margin-top: 1.69rem;
}

.secMain>div:nth-child(3) {
	width: 3.83rem;
	overflow: hidden;
	position: relative;
	margin-top: .1rem;
}

.secMain>div a {
	display: block;
	width: 3.67rem;
	height: .97rem;
	overflow: hidden;
	position: relative;
	margin: .11rem auto 0;
}

.secMain>div a:hover img:nth-child(1) {
	display: none;
}

.secMain>div.active {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
}

.thc {
	width: 100%;
	height: 33.98rem;
	background: url(../images/thc.jpg) no-repeat center;
	background-size: cover;
	position: relative;
}

.tit {
	display: block;
	width: 11.79rem;
	margin: 0.86rem auto 0;
}

.eventBtn {
	width: 8.8rem;
	height: .85rem;
	position: relative;
	margin: 0.83rem auto 0;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
}

.eventBtn>div {
	width: 4.31rem;
	height: .85rem;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}

.eventBtn>div img {
	display: block;
	width: 100%;
}

.eventBtn>div:hover img:nth-child(1) {
	display: none;
}

.eventList {
	width: 13.1rem;
	overflow: hidden;
	position: relative;
	margin: 1.19rem auto 0;
}

.eventList>div {
	width: 100%;
	overflow: hidden;
	position: relative;
	display: none;
}

.eventList>div.active {
	display: block;
}

.offTit {
	display: block;
	width: 12.26rem;
	margin: 0 auto .92rem;
}

.showList {
	width: 100%;
	overflow: hidden;
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	gap: .92rem;
}

.showList>div {
	width: 3.72rem;
	overflow: hidden;
	position: relative;
}

.showList>div .showPic {
	width: 3.72rem;
	height: 3.57rem;
	background: url(../images/shc.png) no-repeat center;
	background-size: cover;
	position: relative;
}

.showList>div .showPic img {
	display: block;
	width: 2.23rem;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}

.showList>div p {
	font-size: .37rem;
	color: #ffffff;
	text-align: center;
	font-family: 'row';
	text-shadow: 0.02rem 0 #244677,
		-0.02rem 0 #244677,
		0 0.02rem #244677,
		0 -0.02rem #244677,
		0.02rem 0.02rem #244677,
		-0.02rem -0.02rem #244677,
		0.02rem -0.02rem #244677,
		-0.02rem 0.02rem #244677;
	margin-top: .14rem;
}

.showList>div .name {
	width: 3.1rem;
	height: .43rem;
	background: url(../images/z.png) no-repeat center;
	background-size: cover;
	font-size: .22rem;
	font-family: 'Microsoft YaHei';
	text-align: center;
	line-height: .43rem;
	color: #c7d2e2;
	margin: .1rem auto 0;
	font-weight: bold;
}

.popTit {
	display: block;
	width: 12.26rem;
	margin: 1.27rem auto .92rem;
}

.for {
	width: 100%;
	height: 14.64rem;
	background: url(../images/for.jpg) no-repeat center;
	background-size: cover;
	position: relative;
}

.tit1 {
	display: block;
	width: 17.55rem;
	margin: 0.94rem auto 0;
}

.parBody {
	width: 19.94rem;
	height: 9.94rem;
	background: url(../images/tipBg.png) no-repeat center;
	background-size: cover;
	position: relative;
	margin: 0.28rem auto 0;
}

.parDiv {
	width: 9.14rem;
	overflow: hidden;
	position: absolute;
	left: 7.48rem;
	top: 2.46rem;
}

.parDiv>div:nth-child(1) {
	width: 9.14rem;
	height: 2.01rem;
	background: url(../images/step1.png) no-repeat center;
	background-size: cover;
	position: relative;
	overflow: hidden;
}

.parDiv>div p {
	width: 7.25rem;
	color: #fff;
	line-height: .38rem;
	font-size: .32rem;
	font-family: 'row';
	margin: .55rem 0 0 1.22rem;
}

.parDiv>div:nth-child(2) {
	width: 9.14rem;
	height: 1.69rem;
	background: url(../images/step2.png) no-repeat center;
	background-size: cover;
	position: relative;
	overflow: hidden;
	margin-top: .1rem;
}

.parBtnList {
	width: 7.03rem;
	height: .87rem;
	position: relative;
	margin: .7rem auto 0;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
}

.parBtnList a {
	display: block;
	width: 3.28rem;
	height: .87rem;
	overflow: hidden;
	position: relative;
}

.parBtnList a img {
	display: block;
	width: 100%;
}

.parBtnList a:hover img:nth-child(1) {
	display: none;
}

.parTips {
	display: block;
	width: 4.59rem;
	position: absolute;
	top: 7.2rem;
	right: -0.06rem;
}

.five {
	width: 100%;
	height: 16.21rem;
	background: url(../images/five.jpg) no-repeat center;
	background-size: cover;
	position: relative;
}

.tit2 {
	display: block;
	width: 11.79rem;
	margin: 1.26rem auto 0;
}

.fiBody {
	width: 16.56rem;
	height: 10.2rem;
	background: url(../images/rule.png) no-repeat center;
	background-size: cover;
	position: relative;
	margin: 0.22rem auto 0;
}

.fiBtnList {
	width: 15.22rem;
	overflow: hidden;
	position: absolute;
	left: .57rem;
	top: 8.47rem;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
}

.fiBtnList>div {
	width: 3.47rem;
	overflow: hidden;
	position: relative;
	cursor: pointer;
}

.fiBtnList>div img {
	display: block;
	width: 100%;
}

.fiBtnList>div img:nth-child(2) {
	display: none;
}

.fiBtnList>div:hover img:nth-child(1) {
	display: none;
}

.fiBtnList>div:hover img:nth-child(2) {
	display: block;
}

.fiBtnList>div.active img:nth-child(1) {
	display: none;
}

.fiBtnList>div.active img:nth-child(2) {
	display: block;
}

.fiBodyDiv {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.fiBodyDiv>div {
	display: none;
	width: 100%;
	overflow: hidden;
}

.fiBodyDiv>div.active {
	display: block;
}

.fiBodyTit {
	display: block;
	width: 8.84rem;
	margin: .56rem 0 0 .69rem;
}

.fiCon {
	width: 13.26rem;
	overflow: hidden;
	position: relative;
	margin: .5rem auto 0;
}

.fiCon .fiList {
	width: 13rem;
	height: 6.12rem;
	overflow: auto;
	position: relative;
}

.fiCon .fiList p {
	font-size: .32rem;
	color: #fff;
	font-family: 'row';
	line-height: .4rem;
}

.fiCon .fiList p:nth-child(1) {
	margin-top: .4rem;
}

.fiCon .fiList::-webkit-scrollbar {
	width: 8px;
	background: rgba(255, 255, 255, .2);
}

.fiCon .fiList::-webkit-scrollbar-corner,
.fiCon .fiList::-webkit-scrollbar-track {
	/* 滚动条轨道 */
	background-color: rgba(180, 160, 120, 0.1);
	box-shadow: inset 0 0 1px rgba(180, 160, 120, 0.5);
}

.fiCon .fiList::-webkit-scrollbar-thumb {
	/* 滚动条手柄 */
	background-color: #1e375a;
}

.six {
	width: 100%;
	height: 17.69rem;
	background: url(../images/six.jpg) no-repeat center;
	background-size: cover;
	position: relative;
}

.tit3 {
	display: block;
	width: 18.39rem;
	margin: 3.57rem auto 0;
}

.siBody {
	width: 18.85rem;
	position: relative;
	margin: 0 auto 0;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
}

.siBody .siPic {
	width: 16.85rem;
	position: relative;
	margin-top: -1.87rem;
}

.siBody .siPic>div {
	width: 100%;
	display: none;
	position: relative;
}

.siBody .siPic>div.active {
	display: block;
}

.siBody .siPic img {
	display: block;
	width: 100%;
}

.siBody .siPic a {
	display: block;
	width: 3.68rem;
	height: 1.21rem;
	position: absolute;
	overflow: hidden;
	left: 3.14rem;
	bottom: 1rem;
}

.siBody .siPic a:hover img:nth-child(1) {
	display: none;
}

.siBody .siTab {
	width: 1.8rem;
	position: relative;
	margin-top: 1.98rem;
}

.siBody .siTab>div {
	width: 100%;
	height: 1.73rem;
	position: relative;
	margin-bottom: .14rem;
	cursor: pointer;
}

.siBody .siTab>div img {
	display: block;
	width: 100%;
	height: 100%;
	transition: all .5s;
	-webkit-transition: all .5s;
}

.siBody .siTab>div.active img {
	transform: translate(-.37rem, 0);
	-webkit-transform: translate(-.37rem, 0);
}

.siBody .siTab>div i {
	display: block;
	width: .26rem;
	height: .59rem;
	background: url(../images/san.png) no-repeat center;
	background-size: cover;
	position: absolute;
	right: -1rem;
	top: 50%;
	margin-top: -0.295rem;
	transition: all .5s;
	-webkit-transition: all .5s;
	opacity: 0;
}

.siBody .siTab>div.active i {
	opacity: 1;
	right: 0;
}

.seven {
	width: 100%;
	height: 21.31rem;
	background: url(../images/seven.jpg) no-repeat center;
	background-size: cover;
	position: relative;
}

.tit4 {
	display: block;
	width: 15.17rem;
	margin: 0.34rem auto 0;
}

.howToJoin {
	width: 16.85rem;
	height: 15.2rem;
	background: url(../images/di.png) no-repeat center;
	background-size: cover;
	position: relative;
	overflow: hidden;
	margin: 0.44rem auto 0;
}

.partOne {
	width: 14.12rem;
	height: 4.37rem;
	background: url(../images/z1.png) no-repeat center;
	background-size: cover;
	position: relative;
	margin: 1.27rem 0 0 1.54rem;
}

.partOne .partTit {
	width: 2.52rem;
	height: .57rem;
	background: url(../images/jon.png) no-repeat center;
	background-size: cover;
	position: relative;
	margin: 0 0 0 0.08rem;
	font-size: .34rem;
	color: #1d2245;
	font-family: 'row';
	line-height: .45rem;
	text-indent: .34rem;
}

.partOne .partTxt {
	width: 12.2rem;
	overflow: hidden;
	position: relative;
	margin: .28rem 0 0 .9rem;
}

.partOne .partTxt p {
	font-size: .28rem;
	color: #ffffff;
	line-height: .4rem;
	font-family: 'row';
}

.partTwo {
	width: 14.12rem;
	height: 4.27rem;
	background: url(../images/z2.png) no-repeat center;
	background-size: cover;
	position: relative;
	margin: -.11rem 0 0 1.54rem;
}

.partTwo .partTit {
	width: 4.14rem;
	height: .58rem;
	background: url(../images/jon1.png) no-repeat center;
	background-size: cover;
	position: relative;
	margin: 0.21rem 0 0 0.12rem;
	font-size: .34rem;
	color: #1d2245;
	font-family: 'row';
	line-height: .45rem;
	text-indent: .34rem;
}

.partTwo .partTxt {
	width: 12.1rem;
	overflow: hidden;
	position: relative;
}

.partTwo .partTxt .partTips {
	width: 2.77rem;
	height: .46rem;
	background: url(../images/y1.png) no-repeat center;
	background-size: cover;
	position: relative;
	margin: .26rem 0 0 .83rem;
	font-size: .32rem;
	color: #92e9f1;
	line-height: .46rem;
	text-align: center;
	font-family: 'row';
}

.partTwo .partTxt p {
	width: 100%;
	font-size: .32rem;
	color: #ffffff;
	line-height: .38rem;
	font-family: 'row';
	margin-left: .9rem;
	overflow: hidden;
	margin-top: .14rem;
}

.partTwo .partTxt p i {
	display: block;
	width: .38rem;
	height: .38rem;
	background: #92e9f1;
	border-radius: 50%;
	text-align: center;
	line-height: .38rem;
	font-family: 'row';
	font-style: normal;
	float: left;
	color: #1d2245;
}

.partTwo .partTxt p span {
	display: block;
	width: 11.44rem;
	float: left;
	line-height: .38rem;
	margin-left: .1rem;
}

.partThree {
	width: 14.02rem;
	position: relative;
	margin: 0 0 0 1.62rem;
}

.partThree .thrTit {
	width: 3.79rem;
	height: .58rem;
	background: url(../images/jon2.png) no-repeat center;
	background-size: cover;
	position: relative;
	margin: 0.1rem 0 0 0;
	font-size: .34rem;
	color: #1d2245;
	font-family: 'row';
	line-height: .45rem;
	text-indent: .34rem;
}

.partThree .wen {
	display: block;
	width: .62rem;
	position: absolute;
	right: .1rem;
	top: -.18rem;
}

.partThree ul {
	width: 13.81rem;
	overflow: hidden;
	position: relative;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	margin-top: .12rem;
}

.partThree ul li {
	width: 2.13rem;
	position: relative;
}

.partThree ul li>div {
	width: 100%;
	height: 2.13rem;
	background: rgba(0, 0, 0, .15);
	position: relative;
}

.partThree ul li>div img {
	display: block;
	height: 80%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}

.partThree ul li p {
	font-size: .27rem;
	color: #fdb5d5;
	font-family: 'row';
	text-shadow: 0.04rem 0 #1d3a63,
		-0.04rem 0 #1d3a63,
		0 0.04rem #1d3a63,
		0 -0.04rem #1d3a63,
		0.04rem 0.04rem #1d3a63,
		-0.04rem -0.04rem #1d3a63,
		0.04rem -0.04rem #1d3a63,
		-0.04rem 0.04rem #1d3a63;
	background: url(../images/t.png) no-repeat center;
	background-size: 100% 100%;
	text-align: center;
	margin-top: .1rem;
	padding: 0.05rem .16rem 0.07rem .17rem;
}

.apply {
	width: 3.69rem;
	height: 1.21rem;
	overflow: hidden;
	position: relative;
	margin: 0.15rem auto 0;
	cursor: pointer;
}

.apply img {
	display: block;
	width: 100%;
	height: 100%;
}

.apply:hover img:nth-child(1) {
	display: none;
}

.eight {
	width: 100%;
	height: 22.42rem;
	background: url(../images/eight.jpg) no-repeat center;
	background-size: cover;
	position: relative;
}

.tit5 {
	display: block;
	width: 15.79rem;
	margin: 2.54rem auto 0;
}

.imageList,
.videoList {
	width: 19.45rem;
	overflow: hidden;
	position: relative;
	margin: 0.58rem auto 0;
}

.imageList .eiTit,
.videoList .eiTit {
	display: block;
	width: 3.73rem;
	margin: 0 auto 0;
}

.imageList ul,
.videoList ul {
	width: 19.45rem;
	overflow: hidden;
	position: relative;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	margin-top: .44rem;
}

.imageList ul li,
.videoList ul li {
	width: 6.13rem;
	height: 3.29rem;
	background: url(../images/mg.png) no-repeat center;
	background-size: cover;
	overflow: hidden;
	position: relative;
}

.imageList ul li img,
.videoList ul li img {
	display: block;
	height: 80%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}

.videoList ul li i {
	display: block;
	width: .9rem;
	height: .92rem;
	background: url(../images/play.png) no-repeat center;
	background-size: cover;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	z-index: 1;
}

.viewAll {
	width: 4.27rem;
	height: .97rem;
	overflow: hidden;
	position: relative;
	margin: 0.86rem auto 0;
	cursor: pointer;
}

.viewAll img {
	display: block;
	width: 100%;
}

.viewAll:hover img:nth-child(1) {
	display: none;
}

#footer {
	width: 100%;
	height: 4.07rem;
	background: #000;
	position: relative;
	overflow: hidden;
}

#footer .top-wrapper {
	border-bottom: 0.01rem solid rgba(255, 255, 255, .15);
	display: flex;
	justify-content: center;
	height: .74rem;
}

#footer .top-wrapper .top {
	display: inline-flex;
	align-items: center;
	box-sizing: border-box;
	width: 7.34rem;
}

#footer .top-wrapper .top .icon {
	display: block;
	margin-left: .7rem;
	opacity: .5;
	cursor: pointer;
	object-fit: contain;
	height: 0.3rem;
}

#footer .top-wrapper .top .icon:first-child {
	margin-left: 0;
}

.wechat-wrapper:hover .qrcode {
	display: block;
}

#footer .top-wrapper .top .wechat-wrapper:hover .icon {
	opacity: .8;
}

.qrcode {
	display: none;
	background-image: url(https://cdnstatic.yingxiong.com/dna/imgs/appointment/qrcode.png);
	width: 1.72rem;
	height: 1.72rem;
	background-size: contain;
	position: absolute;
	scale: .8;
	left: 11.6rem;
	top: .5rem;
	z-index: 1;
}

#footer .bottom {
	height: 3.32rem;
	color: #fff;
	font-size: .18rem;
	box-sizing: content-box;
	position: relative;
	display: flex;
	justify-content: center;
}

#footer .bottom .company {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 14.22%;
}

#footer .bottom .company .logo-hero3 {
	height: .56rem;
	object-fit: cover;
	margin-right: .26rem;
	opacity: .8;
}

#footer .bottom .company .logo-hero4 {
	height: .61rem;
	object-fit: cover;
	position: relative;
	top: -0.01rem;
	opacity: .8;
}

#footer .bottom .company .shortLine {
	width: .02rem;
	height: .32rem;
	background-color: #fff;
	opacity: .3;
	margin: 0 .3rem;
}

#footer .bottom .company .bottom-logo {
	position: relative;
	height: 1.01rem;
	cursor: pointer;
	object-fit: contain;
}

#footer .bottom .info-wrapper {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	width: 7.34rem;
}

#footer .bottom .info-wrapper .agreement {
	display: flex;
	flex-direction: row;
	align-content: center;
	margin-bottom: .27rem;
	font-size: .18rem;
	opacity: .9;
	line-height: .21rem;
}

#footer .bottom .info-wrapper>div {
	white-space: nowrap;
}

#footer .bottom .info-wrapper .agreement span {
	cursor: pointer;
	text-decoration: none;
	color: #fff;
}

#footer .bottom .info-wrapper .line {
	width: 2px;
	height: .21rem;
	background-color: #fff;
	margin: 0 0.08rem;
	transform: scaleX(.5);
}

#footer .bottom .info {
	color: rgba(255, 255, 255, .7);
	font-size: .18rem;
}

#footer .bottom .info p {
	margin-bottom: .12rem;
	font-family: BaseLine;
}

#footer .bottom .info p:last-child {
	margin-bottom: 0;
}

/*点赞列表页*/
.praiseTitle {
	width: 100%;
	background: url(../images/prase.jpg) no-repeat center top;
	background-size: auto 9.82rem;
	position: relative;
}

.tit6 {
	display: block;
	width: 8.7rem;
	margin: 0.98rem auto 0;
}

.tabTit {
	width: 8.8rem;
	height: .85rem;
	overflow: hidden;
	position: relative;
	margin: 0.82rem auto 0;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
}

.tabTit>div {
	width: 4.31rem;
	height: .85rem;
	overflow: hidden;
	position: relative;
	cursor: pointer;
}

.tabTit>div img {
	display: block;
	width: 100%;
}

.tabTit>div.active img:nth-child(1) {
	display: none;
}

.tabTit>div:hover img:nth-child(1) {
	display: none;
}

.tabMain {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.tabMain>div {
	width: 100%;
	overflow: hidden;
	position: relative;
	display: none;
}

.tabMain>div.active {
	display: block;
}

.tabMain>div .tabSelect {
	width: 18.06rem;
	height: 1.47rem;
	background: url(../images/zb.png) no-repeat center;
	background-size: cover;
	position: relative;
	margin: .9rem auto 0;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	justify-content: center;
}

.tabMain>div .tabSelect>div {
	width: 5.23rem;
	height: .88rem;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}

.tabMain>div .tabSelect>div img {
	display: block;
	width: 100%;
}

.tabMain>div .tabSelect>div:nth-child(2) {
	margin: 0 .22rem;
}

.tabMain>div .tabSelect>div.active img:nth-child(1) {
	display: none;
}

.tabMain>div .tabSelect>div:hover img:nth-child(1) {
	display: none;
}

.searchPut {
	width: 10.39rem;
	height: .85rem;
	overflow: hidden;
	position: relative;
	margin: 0.86rem auto 0;
}

.searchPut input {
	display: block;
	background: #fafafa;
	width: 8.2rem;
	height: 100%;
	line-height: .85rem;
	color: #9b9b9b;
	text-indent: .44rem;
	font-size: .32rem;
}

.searchPut img {
	display: block;
	width: 2.53rem;
	height: 100%;
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 0;
}

.parseBody {
	width: 100%;
	position: relative;
	background-image: url(../images/bo.jpg);
	background-size: auto 17.72rem;
	background-position: center top;
	margin-top: .37rem;
	padding-bottom: 4rem;
}

.parseBody ul {
	width: 19.46rem;
	position: relative;
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	margin: 0 auto 0;
	z-index: 1;
}

.parseBody ul li {
	width: 6.13rem;
	position: relative;
	margin-top: 1.35rem;
}

.parseBody ul li .parPic {
	width: 100%;
	height: 3.29rem;
	background: url(../images/pr.png) no-repeat center;
	background-size: cover;
	position: relative;
}

.parseBody ul li .parPic img {
	display: block;
	height: 80%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}

.parseBody ul li .parNum {
	width: 2.19rem;
	height: .71rem;
	background: url(../images/zan.png) no-repeat center;
	background-size: cover;
	position: absolute;
	right: 0;
	top: -.43rem;
	font-size: .47rem;
	color: #fff;
	text-indent: .75rem;
	line-height: .6rem;
	font-family: 'row';
	text-shadow: 0.04rem 0 #254777,
		-0.04rem 0 #254777,
		0 0.04rem #254777,
		0 -0.04rem #254777,
		0.04rem 0.04rem #254777,
		-0.04rem -0.04rem #254777,
		0.04rem -0.04rem #254777,
		-0.04rem 0.04rem #254777;
}

.parseBody ul li .likeBtn {
	display: block;
	width: 1.75rem;
	height: .95rem;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 2.49rem;
	cursor: pointer;
}

.parseBody ul li .likeBtn img {
	display: block;
	width: 100%;
}

.parseBody ul li .likeBtn:hover img:nth-child(1) {
	display: none;
}

.parseBody ul li .parTxt {
	width: 100%;
	overflow: hidden;
	position: relative;
	margin-top: .32rem;
}

.parseBody ul li .parTxt>div {
	display: flex;
	display: -webkit-flex;
	padding: 0 .15rem;
	justify-content: space-between;
	margin-top: .13rem;
}

.parseBody ul li .parTxt>div p:nth-child(1) {
	width: 2.54rem;
	height: .46rem;
	background: url(../images/nv.png) no-repeat center;
	background-size: cover;
	position: relative;
	font-size: .32rem;
	font-family: 'row';
	line-height: .46rem;
	text-align: center;
	color: #fff;
}

.parseBody ul li .parTxt>div p:nth-child(2) {
	font-size: .32rem;
	color: #fff;
	line-height: .46rem;
}

.parseBody:after {
	display: block;
	content: '';
	width: 100%;
	height: 6.51rem;
	background: url(../images/bot.jpg) no-repeat center;
	background-size: cover;
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	bottom: 0;
}

.winnerList {
	width: 100%;
	height: 83.65rem;
	background: url(../images/listBg.jpg) no-repeat center;
	background-size: cover;
	position: relative;
}

.tit7 {
	display: block;
	width: 12.11rem;
	margin: 0.98rem auto 0;
}

.winnerDiv {
	width: 8.8rem;
	height: .85rem;
	overflow: hidden;
	position: relative;
	margin: 0.8rem auto 0;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
}

.winnerDiv>div {
	width: 4.31rem;
	height: 100%;
	overflow: hidden;
	position: relative;
	cursor: pointer;
}

.winnerDiv>div img {
	display: block;
	width: 100%;
}

.winnerDiv>div:hover img:nth-child(1) {
	display: none;
}

.winnerBody {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.winnerBody>div {
	width: 100%;
	overflow: hidden;
	position: relative;
	display: none;
}

.winnerBody>div.active {
	display: block;
}

.winnerTit {
	width: 12.26rem;
	height: 1.26rem;
	overflow: hidden;
	position: relative;
	background: url(../images/titBg.png) no-repeat center;
	background-size: cover;
	margin: 0.98rem auto 0;
	font-size: .66rem;
	line-height: 1.26rem;
	text-align: center;
	color: #c7d6ec;
	font-family: 'row';
}

.firstPrize {
	width: 6.13rem;
	position: relative;
	margin: 1.36rem auto 0;
}

.firstPrize .parPic {
	width: 100%;
	height: 3.29rem;
	background: url(../images/pr.png) no-repeat center;
	background-size: cover;
	position: relative;
}

.firstPrize .parPic img {
	display: block;
	height: 80%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}

.firstPrize .parNum {
	width: 2.19rem;
	height: .71rem;
	background: url(../images/zan.png) no-repeat center;
	background-size: cover;
	position: absolute;
	right: 0;
	top: -.43rem;
	font-size: .47rem;
	color: #fff;
	text-indent: .75rem;
	line-height: .6rem;
	font-family: 'row';
	text-shadow: 0.04rem 0 #254777, -0.04rem 0 #254777, 0 0.04rem #254777, 0 -0.04rem #254777, 0.04rem 0.04rem #254777, -0.04rem -0.04rem #254777, 0.04rem -0.04rem #254777, -0.04rem 0.04rem #254777;
}

.firstPrize .likeBtn {
	display: block;
	width: 1.75rem;
	height: .95rem;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 2.49rem;
	cursor: pointer;
}

.firstPrize .likeBtn img {
	display: block;
	width: 100%;
}

.firstPrize .parTxt {
	width: 100%;
	overflow: hidden;
	position: relative;
	margin-top: .32rem;
}

.firstPrize .parTxt>div {
	display: flex;
	display: -webkit-flex;
	padding: 0 .15rem;
	justify-content: space-between;
	margin-top: .13rem;
}

.firstPrize .parTxt>div p:nth-child(1) {
	width: 2.54rem;
	height: .46rem;
	background: url(../images/nv.png) no-repeat center;
	background-size: cover;
	position: relative;
	font-size: .32rem;
	font-family: 'row';
	line-height: .46rem;
	text-align: center;
	color: #fff;
}

.firstPrize .parTxt>div p:nth-child(2) {
	font-size: .32rem;
	color: #fff;
	line-height: .46rem;
}

.secondBox {
	width: 12.8rem;
	overflow: hidden;
	position: relative;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	margin: 0 auto 0;
}

.secondBox.thrBox {
	width: 19.46rem;
}

.secondBox.thrBox.forBox {
	flex-wrap: wrap;
}

.wrapDir {
	width: 12.8rem;
	overflow: hidden;
	position: relative;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	margin: 0 auto 0;
}

.luckyPrize {
	width: 19.19rem;
	overflow: hidden;
	position: relative;
	margin: .35rem auto 0;
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
}

.luckyPrize>div {
	width: 5.82rem;
	height: .46rem;
	overflow: hidden;
	position: relative;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	margin-top: .48rem;
	margin-right: .7rem;
}

.luckyPrize>div:nth-child(3),
.luckyPrize>div:nth-child(6),
.luckyPrize>div:nth-child(9) {
	margin-right: 0;
}

.luckyPrize>div p:nth-child(1) {
	width: 2.54rem;
	height: .46rem;
	background: url(../images/nv.png) no-repeat center;
	background-size: cover;
	position: relative;
	font-size: .32rem;
	line-height: .46rem;
	text-align: center;
	font-family: 'row';
	color: #fff;
}

.luckyPrize>div p:nth-child(2) {
	position: relative;
	font-size: .32rem;
	line-height: .46rem;
	color: #fff;
}

/*投稿页*/
.contribute {
	width: 100%;
	height: 20.5rem;
	background: url(../images/contri.jpg) no-repeat center;
	background-size: cover;
	position: relative;
}

.contriButeDiv {
	width: 8.91rem;
	overflow: hidden;
	position: relative;
	margin: 1.54rem auto 0;
}

.contriButeDiv>div {
	display: none;
	width: 100%;
	overflow: hidden;
	position: relative;
}

.contriButeDiv>div.active {
	display: block;
}

.contriButeDiv>div .filePut {
	width: 100%;
	overflow: hidden;
	position: relative;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
}

.contriButeDiv>div .filePut>div {
	width: 3.96rem;
	overflow: hidden;
	position: relative;
}

.contriButeDiv>div .filePut>div p {
	font-size: .34rem;
	font-family: 'row';
	color: #fff;
}

.contriButeDiv>div .filePut>div p span {
	position: relative;
	z-index: 1;
	padding: 0 .3rem .18rem;
}

.contriButeDiv>div .filePut>div p span:after {
	display: block;
	content: '';
	width: 100%;
	height: .43rem;
	background: url(../images/txBg.png) no-repeat center;
	background-size: 100% 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
}

.contriButeDiv>div .filePut>div .putFile {
	width: 3.93rem;
	height: 2.43rem;
	overflow: hidden;
	position: relative;
	background: #f6f6f6;
	margin-top: .52rem;
}

.contriButeDiv>div .filePut>div .putFile input {
	display: block;
	width: 100%;
	height: 100%;
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
	z-index: 1;
}

.contriButeDiv>div .filePut>div .putFile img {
	display: block;
	width: 2.35rem;
	position: absolute;
	left: 50%;
	margin-left: -1.175rem;
	top: .69rem;
}

.contriButeDiv>div .d_put {
	width: 100%;
	overflow: hidden;
	position: relative;
	margin-top: .32rem;
}

.contriButeDiv>div .d_put p {
	font-size: .34rem;
	font-family: 'row';
	color: #fff;
}

.contriButeDiv>div .d_put p span {
	position: relative;
	z-index: 1;
	padding: 0 .3rem .18rem;
}

.contriButeDiv>div .d_put p span:after {
	display: block;
	content: '';
	width: 100%;
	height: .43rem;
	background: url(../images/txBg.png) no-repeat center;
	background-size: 100% 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
}

.contriButeDiv>div .d_put input {
	display: block;
	width: 100%;
	height: .73rem;
	background: #fff;
	position: relative;
	font-size: .4rem;
	color: #1c2f49;
	line-height: .73rem;
	text-indent: .4rem;
	margin-top: .55rem;
	font-family: 'row';
}

.contriButeDiv>div .d_put.q_put input {
	height: 1.3rem;
}

.submitBtn {
	width: 3.69rem;
	height: 1.23rem;
	position: relative;
	margin: 0.96rem auto 0;
	overflow: hidden;
	cursor: pointer;
}

.submitBtn img {
	display: block;
	width: 100%;
}

.submitBtn:hover img:nth-child(1) {
	display: none;
}

.successTc {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .6);
	position: fixed;
	left: 0;
	top: 0;
	z-index: 20;
	display: none;
}

.successBody {
	width: 10.12rem;
	height: 4.3rem;
	overflow: hidden;
	position: relative;
	background: url(../images/tc.png) no-repeat center;
	background-size: cover;
	margin: 0 auto;
	top: 45%;
	transform: translate(0, -45%);
	-webkit-transform: translate(0, -45%);
}

.successBody p {
	width: 8rem;
	overflow: hidden;
	position: relative;
	font-size: .34rem;
	margin: 1.2rem auto 0;
	line-height: .5rem;
	text-align: center;
	color: #fff;
	font-family: 'row';
}

.successBtn {
	width: 2.81rem;
	height: 1.17rem;
	overflow: hidden;
	position: relative;
	margin: .3rem auto 0;
	cursor: pointer;
}

.successBtn img {
	display: block;
	width: 100%;
}

.successBtn:hover img:nth-child(1) {
	display: none;
}

/*二级页作品中心*/
.detailList {
	width: 100%;
	min-height: 14.4rem;
	background: url(../images/detailBg.jpg) repeat center top;
	background-size: auto 14.4rem;
	position: relative;
}

.tit8 {
	display: block;
	width: 10.14rem;
	margin: 2.62rem auto 0;
}

.detailListBody {
	width: 19.45rem;
	overflow: hidden;
	position: relative;
	margin: 0.48rem auto 0;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.detailListBody>div {
	width: 6.13rem;
	overflow: hidden;
	position: relative;
	margin-top: .2rem;
}

.detailListBody>div .detailPic {
	width: 100%;
	height: 3.29rem;
	background: url(../images/pr.png) no-repeat center;
	background-size: cover;
	position: relative;
	margin-bottom: .34rem;
}

.detailListBody>div .detailPic img:nth-child(1) {
	display: block;
	height: 80%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}

.detailListBody>div .detailPic img:nth-child(2) {
	display: block;
	width: .9rem;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	z-index: 1;
}

.detailListBody>div .detailTxt {
	padding: 0 .14rem;
}

.detailListBody>div .detailTxt .detailp1 {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	margin-top: .12rem;
}

.detailListBody>div .detailTxt .detailp1 p:nth-child(1) {
	width: 2.54rem;
	height: .46rem;
	background: url(../images/kb.png) no-repeat center;
	background-size: cover;
	position: relative;
	font-size: .32rem;
	color: #1d2245;
	font-family: 'row';
	text-align: center;
	line-height: .46rem;
}

.detailListBody>div .detailTxt .detailp1 p:nth-child(2) {
	font-size: .32rem;
	color: #1d2245;
	line-height: .46rem;
	position: relative;
}

.detailListBody>div .detailTxt .detailp1 p.pass span {
	position: relative;
	z-index: 1;
	padding-left: .3rem;
	padding-right: .1rem;
}

.detailListBody>div .detailTxt .detailp1 p.pass span:after {
	display: block;
	content: '';
	width: 100%;
	height: .21rem;
	background: url(../images/pan.png) no-repeat center;
	background-size: 100% 100%;
	position: absolute;
	bottom: -.03rem;
	left: 0;
	z-index: -1;
}

.detailListBody>div .detailTxt .detailp2 {
	margin-top: .12rem;
}

.detailListBody>div .detailTxt .detailp2 p:nth-child(1) {
	width: 2.54rem;
	height: .46rem;
	background: url(../images/kb.png) no-repeat center;
	background-size: cover;
	position: relative;
	font-size: .32rem;
	color: #1d2245;
	font-family: 'row';
	text-align: center;
	line-height: .46rem;
}

.detailListBody>div .detailTxt .detailp2 p:nth-child(2) {
	font-size: .24rem;
	color: #1d2245;
	line-height: .36rem;
	margin-top: .2rem;
}

.detailListBody>div .detailTxt .detailp1 p.noPass span {
	position: relative;
	z-index: 1;
	padding-left: .03rem;
	padding-right: .1rem;
}

.detailListBody>div .detailTxt .detailp1 p.noPass span:after {
	display: block;
	content: '';
	width: 100%;
	height: .21rem;
	background: url(../images/no.png) no-repeat center;
	background-size: 100% 100%;
	position: absolute;
	bottom: -.03rem;
	left: 0;
	z-index: -1;
}

.detailListBody>div .detailTxt .detailp1 p.ing span {
	position: relative;
	z-index: 1;
	padding-left: .15rem;
	padding-right: .1rem;
}

.detailListBody>div .detailTxt .detailp1 p.ing span:after {
	display: block;
	content: '';
	width: 100%;
	height: .21rem;
	background: url(../images/ing.png) no-repeat center;
	background-size: 100% 100%;
	position: absolute;
	bottom: -.03rem;
	left: 0;
	z-index: -1;
}

.mask.active {
	opacity: 1;
	z-index: 20;
}

.mask {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	z-index: -1;
	transition: all .3s;
	-webkit-transition: all .3s;
	opacity: 0;
}

#loginModal.active {
	opacity: 1;
	z-index: 21;
}

#loginModal {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	opacity: 0;
}
#loginModal .user-info {
	width: 6.27rem;
	border-radius: 0.08rem;
	background: white;
	padding: 0 .46rem .36rem;
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 50;
}

#loginModal .user-info .cht-logo {
	display: block;
	height: 1.04rem;
	width: 1.97rem;
	object-fit: contain;
	margin: .46rem auto .26rem;
	position: relative;
	top: -0.66rem;
}
#loginModal .user-info .hero-logoc {
    display: block;
    height: .746rem;
    width: 2.666rem;
    object-fit: contain;
    margin: .466rem auto .266rem;
}
#loginModal .user-info .nclose,
#loginModal .user-info .close {
	position: absolute;
	right: 0.2666rem;
	top: 0.2666rem;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: .25rem;
	height: .25rem;
	background-image: url(../../1.0/images/icon/hero-close.png);
	cursor: pointer;
}

#loginModal .user-info .form-box {
	margin-bottom: .4rem;
	display: flex;
	flex-direction: column;
	gap: .13rem;
}

#loginModal .user-info .input-item {
	position: relative;
	border: 0.01rem solid rgba(0, 0, 0, .1);
	width: 100%;
	display: flex;
	align-items: center;
	height: .7rem;
}

#loginModal .user-info .input-item .prefix-wrapper {
	width: .24rem;
	padding-left: .21rem;
	display: flex;
	justify-content: center;
}

#loginModal .user-info .input-item .prefix-icon {
	display: block;
	max-width:100%;
}

#loginModal .user-info .input-item .form-box-input {
	padding-left: .17rem;
	border: 0;
	box-sizing: border-box;
	font-size: 0.26rem;
	color: #585858;
	outline: none;
	flex: 1;
	min-width: 0;
	font-family: BaseBlod;
}

#loginModal .user-info.big-padding .form-box-input {
	padding-left: .2rem;
}

#loginModal .user-info .input-item .verification {
	color: #c9b89a;
	font-size: .26rem;
	padding: 0 .26rem;
	margin-left: .13rem;
	position: relative;
	cursor: pointer;
	font-family: BaseREGULAR;
}

#loginModal .user-info .input-item .verification.active {
	pointer-events: none;
}

#loginModal .user-info .input-item .verification:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 100%;
	border-left: 0.01rem solid #e6e6e6;
}

#loginModal .user-info .tipSure {
	width: 100%;
	height: .8rem;
	border-radius: .4rem;
	color: #d6bb8a;
	font-family: BaseBlod;
	font-size: .29rem;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	box-sizing: border-box;
	background: #353535;
	border: 0;
}

#loginModal .user-info .input-item.tip-wrapper {
	border: 0;
	margin: -.53rem 0;
	min-height: .7rem;
	height: inherit;
}

#loginModal .user-info .input-item .tip {
	padding-left: .17rem;
	font-size: .16rem;
	font-family: BaseBlod;
	color: #858585;
	line-height: .26rem;
}

#loginModal .agree,
#loginModal .newTip {
	display: flex;
	width: 100%;
	color: #858585;
	font-size: .21rem;
	line-height: .29rem;
	align-items: center;
	padding-left: .4rem;
	margin-bottom: .2rem;
}

#loginModal .agree .agree-checkbox,
#loginModal .newTip .agree-checkbox {
	height: .186rem;
	width: .186rem;
	margin-right: 0.09rem;
	border: 0.01rem solid #bbbbbb;
	position: relative;
	cursor: pointer;
}

#loginModal .agree .agree-checkbox .check-icon,
#loginModal .newTip .agree-checkbox .check-icon {
	width: .25rem;
	height: .18rem;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%) scale(1.05);
	max-width: unset;
	display: none;
}

#loginModal .agree .agree-checkbox.active .check-icon,
#loginModal .newTip .agree-checkbox.active .check-icon {
	display: block;
}

#loginModal .agree span,
#loginModal .newTip span {
	font-family: BaseBlod;
}

#loginModal .agree .agree-link,
#loginModal .newTip .agree-link {
	color: #cab99b;
	text-decoration: none;
	cursor: pointer;
}

#loginModal .agree .agree-link,
#loginModal .newTip .agree-link {
	font-family: BaseBlod;
}

#loginModal .user-info .input-item .form-box-input::placeholder {
	color: #cacaca;
	font-family: 'BaseREGULAR';
	font-size: .26rem;
}

#loginModal .user-info .input-item .prefix-icon.lock {
	width: .21rem;
}

#loginModal .user-info .tools {
	display: flex;
	justify-content: space-between;
	margin-bottom: .53rem;
}
#loginModal .user-info .tools.info{
	margin-bottom:.73rem;
}
#loginModal .user-info .tools .tool-item {
	font-size: .21rem;
	font-family: BaseBlod;
	color: #b9a789;
	cursor: pointer;
}

#loginModal .button {
	transform-origin: center;
}

#loginModal .user-info .btn.black {
	background: #353535;
	border: 0;
}

#loginModal .user-info .btn {
	width: 100%;
	height: .8rem;
	border-radius: .4rem;
	border: 0.01rem solid #d7bd8d;
	color: #d6bb8a;
	font-family: BaseBlod;
	font-size: .29rem;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	box-sizing: border-box;
}

#loginModal .user-info .btn:hover {
	opacity: .9 !important;
}

#loginModal .user-info.big-padding {
	padding: .8rem .46rem .66rem;
}

#loginModal .user-info .form-box.big-gap {
	gap: .53rem;
}

#loginModal .user-info .back-icon {
	position: absolute;
	width: .146rem;
	display: block;
	left: .346rem;
	top: .266rem;
	transform: rotate(180deg);
	transform-origin: center center;
	cursor: pointer;
}

#loginModal .user-info .title {
	font-size: .37rem;
	font-family: BaseBlod;
	color: #858585;
	margin-bottom: .52rem;
	text-align: center;
}

#loginModal .user-info .form-box.big-margin {
	margin-bottom: .66rem;
}

#loginModal .user-info .success-wrapper {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: .13rem;
	padding: .8 0;
}

#loginModal .user-info .success-wrapper .success-icon {
	width: .786rem;
	display: block;
}

.isCheck {
	margin: .266rem 0;
	font-size: .266rem;
	font-family: BaseBlod;
	color: #838383;
}

.isCheck a {
	color: #b9a789;
}

#loginModal .user-info:nth-child(7) .form-box.big-margin {
	margin-bottom: 0;
}

#loginModal .user-info .success-wrapper .success-text {
	font-size: .306rem;
	color: #858585;
	font-family: BaseBlod;
}

.user-info .input-label {
	font-size: .266rem;
	font-family: BaseBlod;
	color: #838383;
}

.user-info .tools.info {
	margin-bottom: .4rem;
	padding-left: .2rem;
}

.login-button.active {
	pointer-events: none;
}