*{
	margin:0px;
	padding:0px;
	outline: 0;
	user-select: none;
}
.select{
	user-select: text;
}
@font-face {
    font-display: swap;
    font-family: WaveIcon;
    font-style: normal;
    font-weight: 400;
    src: local("WaveIcon");
    src: url(../asset/WaveIcon.ttf) format("truetype")
}
@font-face {
    font-display: swap;
    font-family: Akrobat;
    font-style: normal;
    font-weight: 400;
    src: local("Akrobat");
    src: url(../asset/Akrobat-Regular.ttf) format("truetype")
}
@font-face {
    font-display: swap;
    font-family: PingFangSC-Regular;
    font-style: normal;
    font-weight: 400;
    src: url(../asset/PingFangSCRegular.woff);
    src: url(../asset/PingFangSCRegular.woff) format("woff"),url(../asset/PingFangSCRegular.ttf) format("truetype")
}
@font-face {
    font-display: swap;
    font-family: BebasNeue;
    font-style: normal;
    font-weight: 400;
    src: local("BebasNeue");
    src: url(../asset/BebasNeue-Regular.ttf) format("truetype")
}
@font-face {
    font-display: swap;
    font-family: DinPro;
    src: url(../asset/DINPro.woff2)
}
@font-face {
    font-display: swap;
    font-family: feel-mobile;
    src: url(../asset/feelmobile.woff2)
}
@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: local("Roboto");
    src: url(../asset/Roboto-Regular.ttf) format("truetype")
}
html,body{
	font-family: "Robot", "PingFang SC", Open Sans, Helvetica, Arial, "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
	background:url("../images/login_bg.webp") 100%;
	background-size: cover;
	overscroll-behavior-y: contain;
	scrollbar-width: none;
	min-width:100%;
	min-height:100%;
}
html{
	font-size: 13.33333333vw !important;
}
::-webkit-scrollbar {
    display: none
}
a, abbr, acronym, address, applet, big, blockquote, body, cite, code, dd, del, dfn, div, dl, dt, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, iframe, img, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, tt, ul, var {
    font-size: .24rem;
}
a:hover,a:visited,a:link{
	text-decoration:none;
}
a,img{
	-webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
input{
	outline: none;
}
body, div, fieldset, form, h1, h2, h3, h4, h5, h6, html, p {
    -webkit-text-size-adjust: 100%;
}
ul{
	list-style-type: none;
}
body{
	
}
em, i {
    font-style: normal;
}
.mainBox{
    margin: 0px auto;
	text-align:center;
	width:7rem;
	position:relative;
}
.subscribe_draw {
    padding: .28rem .28rem .2rem;
    position: relative;
    padding-top: 1.0rem;
}
.contentBox{
	overflow:auto;
	width:7rem;
	margin:0px auto;
}
.flex{
	display: flex;
	justify-content: center;
    align-items: center;
}
.tipBox{
	position:fixed; 
	left:50%;
	bottom:160px; 
	width:200px; 
	margin:0 0 0 -100px; 
	color:#fff; 
	text-align:center; 
	font:14px microsoft yahei;
	background:#212121; 
	border-radius:8px;
	overflow:hidden;
	z-index:99999;
	padding:8px 5px;
	display:none;
}
.has-error{
	color:#ff0000;
}
.head{
	background: #ffffff;
	color: #394558;
	font-family: PingFang SC;
	height: .9rem;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	z-index: 11;
	-webkit-text-size-adjust: 100%;
	border: 0;
	font-size: .36rem;
}
.headIcon{
	display: block;
	height: .48rem;
	left: .32rem;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: .48rem;
}
.headIcon img{
	display: block;
	height: 100%;
	width: 100%;
}
.head .title{
	align-items: center;
	color: #121217;
	display: flex;
	font-family: PingFang SC;
	font-size: .36rem;
	font-weight: 700;
	height: 100%;
	justify-content: center;
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 69%;
}
.textInput{
	overflow: hidden;
    position: relative;
    transition: background-color .2s;
    vertical-align: middle;
	border: 1px solid #e3e3f9;
    border-radius: .16rem;
    display: flex;
    flex: 1 0 0;
    gap: .28rem;
    min-height: .4rem;
    padding: .16rem .28rem;
	align-items: center;
    align-self: stretch;
    background: #ffffff;
}
.textInput input, .textInput textarea{
	    color: #000;
    font-family: PingFang SC;
    font-size: .24rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 0;
    box-sizing: border-box;
    line-height: 1;
    padding: 2px 0;
    width: 100%;
}
.textInput textarea{
	min-height:.9rem;
}
.am-input-extra {
    color: #D689E2;
    font-family: PingFang SC;
    font-size: .28rem;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    opacity: 1;
    position: absolute;
    right: .25rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.submitBtn{
	background-color: #b73fc9;
    color: #ffffff;
    opacity: 1;
    position: relative;
    z-index: 2;
	align-items: center;
    display: flex;
    flex-direction: column;
    gap: 0;
    width: 100%;
	    border-radius: .16rem;
    font-family: DINPro;
    font-size: .32rem;
    height: .9rem;
    line-height: .96rem;
    margin-top: .45rem;
    text-align: center;
}
.button_gradient{
	background: linear-gradient(90deg, #c7e1ff, #e6aaf6);
    border: 2px solid #bd96e0;
    border-radius: 15px;
    padding: 0px .2rem;
    color: #ffffff;
}
.submitBtn.noclick{
	background-color: #838383;
}
.confirmBox,.publicConfirm{
	position: absolute;
    width: 4rem;
    height: 2.7rem;
    z-index: 1000;
    background: #fff;
    border: 1px solid #cdcdcd;
    border-radius: 12px;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
	text-align:center;
	color:#333;
	overflow:hidden;
}
.confirmBox .title,.publicConfirm .title{
		border-bottom: 1px solid #dedede;
font-size: .3rem;
font-weight: 600;
line-height: .5rem;
}
.confirmBox .content,.publicConfirm .content{
	margin-top:.1rem;
}
.confirmBox .button,.publicConfirm .button{
	display: flex;
border-top: 1px solid #999;
position: absolute;
bottom: 0px;
width: 100%;
height: .6rem;
}
.confirmBox .button div,.publicConfirm .button div{
		width: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: .37rem;
}
.confirmBox .button .true,.publicConfirm .button .true{
	border-right: 1px solid #999;
	background-image: linear-gradient(to right, #a1e7ff, #E59AEA);
	color:#fff;
}
.publicAlter{
	width:4.4rem;
}
.publicAlter .button div{
	width:100%;
}
.confirmBox .button .false,.publicConfirm .button .false{
	
}
.mask,.noHandleMask{
	background-color: rgba(0, 0, 0, .4);
	height: 100%;
	left: 0;
	top: 0;
	position: fixed;
	width:100%;
	z-index: 999;
	display:none;
}
.noHandleMask{
	background-color: rgba(0, 0, 0, 0);
}
.red{
	color:#ff0000;
}
.green{
	color:#00ff00;
}
.yellow{
	color:#b6b600;
}
.gray{
	color:#333;
}
/*footer*/
.footerNav{
	position: fixed;
	background: #ffffff;
	display: flex;
	z-index: 1;
	border-top-left-radius: .15rem;
	border-top-right-radius: .15rem;
	width: 7rem;
	bottom: 0px;
	font-size: .5rem !important;
	left: 0px;
	right: 0px;
	margin: auto;
	padding:3px 0px;
	color: #ffffff;
	border-left: 1px solid #e9dbdb;
    border-top: 1px solid #e9dbdb;
    border-right: 1px solid #e9dbdb;
}
.footerNav ul{
	width:100%;
}
.footerNav li {
    float: left;
    width: 33.33%;
    height: .8rem;
    padding: 6px 0 0;
	display: flex;
    justify-content: center;
    align-items: center;
}
.footerNav li a {
    display: block;
    position: relative;
    width: 100%;
    height: 20px;
    padding: 22px 0 0;
    color: #8f8c88;
    font-size: .2rem;
    font-family: microsoft yahei;
    text-align: center;
    text-decoration: none;
}
.footerNav li a:before {
	position: absolute;
	width: 28px;
	height: 22px;
	left: 50%;
	top: 0;
	margin: 0 0 0 -14px;
	content: "";
	background: url(../images/navBottBg.png) no-repeat center top;
	background-size: 100% auto;
}
.footerNav li:nth-child(1) a.active:before {
    background-position: 0 -110px;
}
.footerNav li:nth-child(1) a:before {
    background-position: 0 0;
}
.footerNav li:nth-child(2) a.active:before {
    background-position: 0 -132px;
}
.footerNav li:nth-child(2) a:before {
    background-position: 0 -22px;
}
.footerNav li:nth-child(3) a.active:before {
    background-position: 0 -264px;
}
.footerNav li:nth-child(3) a:before {
    background-position: 0 -44px;
}
.footerNav li:nth-child(4) a.active:before {
    background-position: 0 -241px;
}
.footerNav li:nth-child(4) a:before {
    background-position: 0 -219px;
}
.footerNav li:nth-child(5) a.active:before {
    background-position: 0 -198px;
}
.footerNav li:nth-child(5) a:before {
    background-position: 0 -88px;
}
.show{
	display:block;
}
.hidden{
	display:none;
}
.language{
	position: absolute;
	right: .2rem;
	top: .2rem;
	text-align: right;
	z-index:100;
}
.language img{
	width:.5rem;
}
.language ul{
	margin: .1rem 0rem;
	background: #ffffff;
	padding: 0rem .3rem;
	border-radius: 10px;
	text-align:center;
	display:none;
}
.language li{
	line-height: .7rem;
	font-size: .3rem;
	text-align: center;
	border-bottom: 1px solid #ccc;
}
.langmark{
	position:absolute;
	width:100%;
	height:100%;
	left:0px;
	top:0px;
	z-index:99;
	display:none;
}
.pubCSIcon{
	position:fixed;
	right:10px;
	top:73%;
	z-index:1000;
	width: 1.5rem;
}
.tickMarkCornerIcon{
	border-bottom-right-radius: .12rem;
bottom: 0;
display: none;
height: .6rem;
overflow: hidden;
position: absolute;
right: 0;
transform: translate(.02rem, .03rem);
width: .6rem;
}
.tickMarkCornerFill{
	bottom: 0;
color: var(--icon-padding-information);
display: inline-block;
font-size: .4rem;
line-height: normal;
overflow: hidden;
position: absolute;
right: 0;
font-family: WaveIcon; font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased;
}
.loading{
	width:100%;
	height:100%;
	position: absolute;
	left: 0px;
	right: 0px;
	margin: auto;
	top: 0px;
	bottom: 0px;
	z-index: 2000;
	display: flex;
    justify-content: center;
    align-items: center;
	/*background: #c3c3c3cc;*/
}
.loading img{
	width: 1rem;
	height: 1rem;
	object-fit: cover; 
	animation: loading_rotate 4s linear infinite; 
}
@keyframes loading_rotate {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}
/*弹出层*/
#Layer{ position:fixed; top:0px; left:0px; width:100%; height:100%; text-align:center; background:rgba(0,0,0,.5); z-index:999; }
#Layer .popCont { position:fixed; top:50%; left:50%; width:270px; min-height:144px; margin:-77px 0 0 -135px; border-radius:10px; background:#fff; z-index:999; }
#Layer .txt { height:60px; padding-top:40px; color:#000; font-size:19px; line-height:26px; border-bottom:1px solid #bfbfbf; }
#Layer .txt2{padding:27px 0 13px;}
#Layer .txt4{padding:20px 7px; font-size:15px; line-height:20px; text-align:left;}
#Layer .txt5{min-height:90px; padding:10px 16px 0; font-size:13px; line-height:20px; color:#333; text-align:left; letter-spacing:1px; border-bottom:1px solid #bfbfbf;}
#Layer .lTitle{font-weight:bold; }
#Layer .txt5 span{padding-bottom:12px; display:block; font-size:15px; text-align:center; letter-spacing:0;}
#Layer .link { height:43px; background:url(../images/auth_03.gif) repeat-y center top;}
#Layer a { display:block; width:100%; font-size:17px; color:#037AFF; line-height:41px; }
#Layer a:active { background:#e6e6e6;}
#Layer .l { float:left; width:50%; height:43px; color:#FF0066; border-radius:0 0 0 13px;}
#Layer .r { float:left; width:50%; height:43px; color:#999; border-radius:0 0 13px 0;}
#Layer .tit{padding:37px 0 35px; font-size:15px; line-height:20px; color:#404040; text-align:center;}
#Layer .btn_check{position:absolute; bottom:14px; left:50%; display:block; width:256px; height:44px; margin-left:-128px; font:17px/44px Jost; color:#fff; text-align:center; background:#fc6e27; border-radius:4px;}
#Layer .popCont .close{position:absolute; top:10px; right:10px; display:block; width:13px; height:13px; text-indent:-9999px; background:url(../images/close03.gif) no-repeat; background-size:100% auto;}