@media screen and (max-width:720px){
*{margin:0;padding:0}
a{text-decoration:none;-webkit-tap-highlight-color:rgba(255,255,255,0)}
html,body{width:100%;height:100%;background-color:#ffffff;overflow:scroll;overflow-y:scroll;
   /* background-image: url(assets/bg1.png);*/
    /*更换背景图片*/
    transition: background-image 1s ease-in-out;
    animation: changeBackground 8s infinite;
    background-attachment: fixed;
    background-size: cover;
   
}
/*
*更换背景图片
*/
 @keyframes changeBackground {
    0%,100%{ background-image: url(assets/bg1.png); }
    33% { background-image: url(assets/bg2.png); }
    66% { background-image: url(assets/bg3.png); }
  }
#app{max-width:700px;margin:auto;
}
.top{          
	position: relative;
        top: 2.5rem;
        /* left: 100%; */
        /* right: 0px; */
        /* left: 37%; */
        margin-left: 100%;
        /* text-align: right; */
        width: 60%;
        /* height: 50%; */
        /* max-width: 700px; */
        margin: auto;
        /* z-index: 1; */
        width: 58px;
        text-align: center;
        /* display: none; */
        display: block;
    }
.repwd_show{
	   position: absolute;
   left: 90%;
    width: 20px;
    height: 18px;
    margin-top: -47px;
    z-index:1000;
	
}  
/*#pwd1{
	 background: url(http://devzhdq.xjr123.cn/h5/assets/ic_hide@2x.png) no-repeat 95%;
	  background-size: 20px;
} */ 
.pwd_show{
	position: absolute;
   	left: 90%;
    width: 20px;
    height: 18px;
    margin-top: -47px;
    z-index:1000;
}
/*.imgbox{
	position: relative;
    top: -48%;

    width: 100%;
    max-width: 700px;
	
}*/  
.bottom{
	position: relative;
    top: -48%;
    left: 10%;
    width: 80%;
    max-width: 700px;
   /* margin: auto -15px 0px;*/
    /* text-align: center; */
    /* margin-left: 2rem; */
    
  
    
    }
.content{width:100%;height:100%;min-height:750px;/*overflow:hidden;background-color: #EE6E40;*/}
.form2{
          left: 4%;
    /* margin: 28vh auto 0; */
    bottom: 0px;
    width: 92%;
    position: relative;
    background: #171540;
    min-height: 58vh;
    /* padding: 32px 32px 0px 32px; */
    padding-top: 32px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 15px;
    box-sizing: border-box;
    background: #ffffff;
    border-radius: 10%;
    border-radius: 15px 15px 0px 0px;
    /* margin-top: -14rem;*/
    /* margin-top: -14rem;*/}
    #section1{
              left: 4%;
        /* margin: 28vh auto 0; */
        bottom: 0px;
        width: 92%;
        position: relative;
        /*background: #171540;*/
        /* min-height: 5vh; */
        /* padding: 32px 32px 0px 32px; */
        padding-top: 10px;
        padding-left: 10px;
        padding-right: 25px;
        box-sizing: border-box;
       /* background: #141923;*/
        border-radius: 10%;
        border-radius: 15px 15px 15px 15px;
        /* margin-top: -14rem; */
        /* margin-top: -14rem;*/
    }
.input{
        /* box-sizing: border-box; 
        margin-left: -12px;*/
        border: none;
        font-size: 16px;
        padding-left: 15px;
        height: 40px;
        line-height: 50px;
        margin-bottom: 2vh;
        width: 100%;
        outline: none;
        border-radius: 4px;
        color: #FFFFFF;
        border-radius: 23px;
        text-align: left;
        width: 100%;
        height: 50px;
        background: #1B202A;
        border-radius: 6px;
        font-size: 15px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        background: #0000004a;
        border-radius: 50px;
        /* opacity: 0.45; */
        color: #FFFFFF;
    }
	    /*隐藏样式*/
	input[type="checkbox"] {
	  appearance: none;
	  -webkit-appearance: none;
	  -moz-appearance: none;
	  width: 18px;
	  height: 17px;
	  position: relative;
	  cursor: pointer;
	}
	/* 自定义复选框样式 */
	input[type="checkbox"]::before {
		content: "";
        display: block;
        position: absolute;
        width: 12px;
        height: 12px;
        border: 1px solid #FFFFFF;
        border-radius: 50%;
        background-color: #0000007d;
        transition: all 0.2s ease;
	}

/* 选中状态样式 */
	input[type="checkbox"]:checked::before {
	 /*  content: "✔";
	   position: absolute;
	  /* 背景白色 */
	  /* border: 1px solid #87898A; /* 边框颜色 */
	  
	 
	 /* position: absolute;
	
	  border: 1px solid #fff;
	  border: none;
	   border-radius: 50%;   
	  transform: rotate(45deg);*/
	  
	  /*content: url("assets/right3.png");*/
	   width: 12px;
	   height: 12px;
	   background-color: white; 
	   background-image: url("assets/right24.png");
	   background-size: cover;    /* 完全覆盖容器，可能裁剪边缘 */
	   background-repeat: no-repeat;
	   background-position: center;
	}

    #readbox{
		vertical-align: middle;
	     border-radius: 50%;
	}
/*input:focus{border-bottom:2px solid #E7E7E7}*/
	.item{position:relative;}
	.area{position:relative}
	input::-webkit-input-placeholder {color: #BDBDBD}
	select{box-sizing:border-box;border:none;font-size:16px;padding-left:6px;border-bottom: 1px solid #E7E7E7;height:40px;line-height:40px;margin-bottom:2vh;width:100%;outline:none;border-radius:4px}
	.area select{appearance: none;-webkit-appearance: none;-moz-appearance: none;padding-left: 6px;color:#BDBDBD;}
	.area:after{content: "";width: 44px;height: 10px;background: url(assets/select.png) no-repeat center;position: absolute;right: 20px;top:15px;pointer-events: none;}
	.otp{    
		    font-size: 13px;
	        font-weight: 500;
	        text-align: left;
	        color: #ff8024;
	        line-height: 31px;
	        position: absolute;
	        right: 0rem;
	        top: 0;
	        height: 30px;
	        line-height: 30px;
	        font-family: Source Han Sans CN;
	        font-weight: 400;
	        color: #181C1F;
	        /* border-left: 1px solid #181C1F; */
	        padding-left: 10px;
	        padding-right: 10px;
	        margin-top: 10px;
	        border-radius: 22px;
	        color: #ffffff;
	        background: #015AFF;
	}
	.btn{      
	 	font-weight: 500;
	       font-size: 17px;
	       margin-left: 5%;
	       color: #FFFFFF;
	       width: 90%;
	       height: 44px;
	       line-height: 44px;
	       text-align: center;
	       background: #B057FF;
	       border-radius: 25px;
	       font-family: MicrosoftYaHei;
	       background: linear-gradient(90deg, #6800EC, rgba(27, 181, 235, 0.98));
	       background: #ff8024;
	       border-radius: 21.5px;
	       background: #181C1F;
	       border-radius: 6px;
	       font-family: Source Han Sans CN;
	       background: #015AFF;
	       border-radius: 45px;
	    }
	.p{    
		margin-top: 1rem;
	    text-align: center;
		font-size: 13px;
	    font-family: Source Han Sans CN;
	    font-weight: 400;
	    color: #FFFFFF;
	    }
	.dlc-content{
	    width: 100%;
	    min-height: 100%;
	    overflow: hidden;
	   /* padding-bottom: 30px;
	    background: linear-gradient(180deg,#ee5140);
	    box-shadow: 0px -9px 12px 9px rgba(209,51,41,0.46);*/
	    }
	.dlc-logo{width:142px;height:28px;margin:25px auto 0;display:block}.dlc-tt{width:271px;height:37px;margin:9px auto 0;display:block}
	.dlc-b{width:163px;height:21px;line-height:21px;color:#fff;font-size:14px;font-weight:bold;margin:7px auto 17px;border-radius:21px;background-color:#F94996;text-align:center}
	.dlc-ttt{color:#FDE21F;margin:0 6px}
	.dlc-c{width:299px;height:243px;margin:auto;display:block}
	.dlc-s{width:292px;height:42px;margin:70px auto 0;display:block}
	.dlc-cc{width:30%;margin:120px auto 0;display:block;margin-bottom:2rem;}
	.dlc-btn{/*display:block;width:296px;height:40px;line-height:37px;text-align:center;background:#FFFFFF;border-radius:20px;margin:12px auto 0;font-size:18px;color:#20D38F*/}
	.dlc-ico{width:20px;height:20px;position:relative;top:3px}
	.vx{position:fixed;top:0;left:0;width:100%;height:100%;z-index: 999;    opacity: 0.6;
	    background: #010101;}
	.dlc-vx{    position: absolute;
	    top: 30px;
	    right: 45px;
	    width: 61px;
	    /* height: 47px; */
	    width: 62.5px;
	    height: 85px;
	    }
	.word{    position: absolute;
	    top: 130px;
	    right: 75px;
	    text-align: center;
	    /* width: 192px; */
	    /* height: 17.5px; */
	    font-size: 18px;
	    font-family: PingFang SC, PingFang SC-Bold;
	    font-weight: bold;
	    /* text-align: left; */
	    color: #ffffff;
	    /* line-height: 22px; */
	    letter-spacing: 1.35px;
	    }
	.word>p{font-weight:bold;font-size:18px;margin-bottom:4px;color:#fff}
	.word>p:first-child{color:#ffffff;}
	#nc .stage{height:40px;padding:0}
	#nc .slider{width:100%;left:0}
	#nc .bg-green{line-height:40px}
	#nc .slider,#nc .label,#nc .button{height:38px;line-height:40px}
	.succ{        color: #ff8024;
	    /* position: absolute; */
	    top: 420px;
	    /* margin-left: 25%; */
	    text-align: center;
	    text-decoration: underline;
	    font-size: 14px;
	    width: 100%;
	    text-align: center;
	    height: 36px;
	    text-decoration: none;
	    line-height: 50px;
	    font-family: PingFang SC, PingFang SC-Medium;
	    font-weight: 500;
	    font-family: Source Han Sans CN;
		font-weight: 400;
		color: #FEFEFE;
	}

	#title_name{
	    
	      /*position: absolute; */
	        /* top: -55%; */
	        margin-top:3.5rem;
	        text-align: center;
	        margin-bottom:3.5rem;
	        /* margin-left: 0.5rem; */
	        /* margin-top: -3rem; */
	        /* margin-left: 1rem; */
	        /* left: 2rem; */
	        /* background: url(assets/mficon.png) 70% 0px no-repeat; */
	        /* background-size: 25%;*/
	}
	#title_line{
		width: 50px;
	    height: 2px;
	    background: #FFFFFF;
	}
	.title1{
		   font-size: 23px;
	    font-family: Microsoft YaHei;
	    font-weight: bold;
	    color: #ffffff;
	    margin-top: 20px;
	    margin-bottom: 20px;
	    font-family: Alimama ShuHeiTi;
	    font-weight: bold;
	
	}
	.title2{
		font-size: 20px;
	    font-family: Microsoft YaHei;
	    font-weight: bold;
	    color: #ffffff;
	    font-family: Alimama ShuHeiTi;
	    font-weight: bold;
	}
	#from_bg{position: absolute;
	    left: 2rem;
	    margin: 26vh auto 0;
	    width: 80%;
	    /* position: relative; */
	    /* background: #171540; */
	    min-height: 56.5vh;
	    padding: 32px;
	    box-sizing: border-box;
	    background: background: linear-gradient(-38deg, #6800EC, rgba(27,181,235,0.98));
	    background: linear-gradient(-38deg, #6800EC, rgba(27,181,235,0.98));
	    }
/*锟斤拷锟斤拷页*/
	.down_img1{    /* position: absolute; */
	          top: 5rem;
	        left: 0px;
	        right: 0px;
	        width: 58px;
	        height: 58px;
	        /* height: 60%; */
	        margin: auto;
	        margin-top: 6rem;
	    }
	.down_img2{
		 position: absolute;
	    left: 0px;
	    right: 0px;
	    width: 90%;
	    height: 55%;
	    margin: auto;
	    z-index: 5;
	    top: 90px;
	}
	.down_img3{
		 position: absolute;
	            z-index: 2;
	            width: 320px;
	            height: 140px;
	            margin: auto;
	            left: 0;
	            right: 0;
	            top: 110px;
	}
	#desc_text{
		        width: 100%;
	        text-align: center;
	        position: absolute;
	        /* top: 5rem; */
	        /* background: url(assets/mficon.png) 95% 50px no-repeat; */
	        background-size: 25%;
	        height: 200px;
	        line-height: 200px;
	        margin-top: 1.5rem;
	        z-index: 5;
	}
	.p1_text{
	    height: 28.5px;
	    font-size: 23px;
	    line-height: 23px;
	    text-align: center;
	    font-family: Alimama ShuHeiTi;
	    font-weight: bold;
	    color: #FFFFFF;
	}
	.p2_text{
		/*height: 34px; */
	    height: 19px;
	    font-size: 20px;
	    text-align: center;
	    line-height: 30px;
	    margin-top: 1.2rem;
	    font-family: Alimama ShuHeiTi;
	    font-weight: bold;
	    color: #FFFFFF;
	}
	#btn_div{
		      margin-top: 15rem;
	}
	#a_bg{
	    line-height: 45px;
	}
	.android_btn{
		    position: absolute;
	    margin-top: 6rem;
	    text-align: center;
	    width: 66%;
	    /* height: 45px; */
	    background: #C4C4C4;
	    margin-left: 17%;
	  background: #FFFFFF;
	        border-radius: 44px;
	}
	.android_text{
	         font-family: Source Han Sans CN;
	        font-weight: 500;
	        font-size: 17px;
	        color: #333333;
	}
	.ios_btn{
		     position: absolute;
	    /* margin-top: 6rem; */
	    text-align: center;
	    width: 66%;
	    height: 45px;
	    background: #C4C4C4;
	    border-radius: 44px;
	    margin-left: 17%;
	    /* background: #181C1F; */
	    margin-top: 11rem;
	}
	.google_btn{
		     position: absolute;
	    /* margin-top: 6rem; */
	    text-align: center;
	    width: 66%;
	    height: 45px;
	    background: #ffffff;
	    border-radius: 44px;
	    margin-left: 17%;
	    /* background: #181C1F; */
	    margin-top: 5rem;
	}
	.ios_text{
		    font-size: 17px;
	    font-family: Source Han Sans CN;
	    font-weight: 500;
	    color: #FFFFFF;
	}
	.reg_suc{
		        
		        position: fixed;
	        top: -40%;
	        left: 0;
	        width: 100%;
	        height: 150%;
	        z-index: 999;
	        opacity: 0.8;
	        background: #010101;
	}
	#sucess_p{
		                width: 80%;
	        left: 10%;
	        position: absolute;
	        z-index: 9999;
	        top: 40%;
	        text-align: center;
	        color: black;
	        font-size: 1.3rem;
	        font-weight: 500;
	        height: 60px;
	        line-height: 60px;
	        border-radius: 44px;
	        background: #FFFFFF;
	}
/*注锟斤拷晒锟揭�*/
	.reg_img1{
		height: 30px;
		width: 50%;
		margin: 0px 25% 3rem 24%;
		display: block;
	}
	.suc_title{
		       height: 19px;
	    font-size: 20px;
	    font-family: PingFang SC, PingFang SC-Bold;
	    font-weight: 700;
	    text-align: center;
	    padding-left: 1rem;
	    color: #ff8024;
	    line-height: 17.5px;
	    letter-spacing: 1.5px;
	    margin-bottom: 80px;
	}
	.android_reg{
		    border-style: none;
	    height: 50px;
	    line-height: 50px;
	    /* background: linear-gradient(265deg, #6800EC, rgba(27,181,235,0.98)); */
	    border-radius: 49px;
	    margin-bottom: 2rem;
	    background: #FF8024;
	}
	.android_reg_text{
		height: 34px;
		font-size: 20px;
		font-family: MicrosoftYaHei;
		/*font-weight: bold;*/
		color: #FFFFFF;
	}
	.ios_reg{
		border-style: none;
		height: 50px;
		line-height: 50px;
		background: linear-gradient(265deg, #6800EC, rgba(27,181,235,0.98));
		border-radius: 49px;
	}
	.ios_reg_text{
		color:#FFFFFF;
		height: 34px;
		font-size: 20px;
		font-family: MicrosoftYaHei;
		font-weight: bold;
	}

	input[type="checkbox"] {
	  -webkit-tap-highlight-color: transparent; /* 兼容移动端 WebKit 内核浏览器 */
	}
}
 @media screen and (min-width:721px){
*{margin:0;padding:0}
a{text-decoration:none;-webkit-tap-highlight-color:rgba(255,255,255,0)}
html,body{
    overflow: hidden;
	width:100%;background-color:#ffffff;}
#app{
	max-width:700px;
	height:100%;
	margin:auto;
    transition: background-image 1s ease-in-out;
    animation: changeBackground 8s infinite;
    background-attachment: fixed;
    background-size: cover;
   
}
/*
*更换背景图片
*/
 @keyframes changeBackground {
    0%,100%{ background-image: url(assets/bg1.png); }
    33% { background-image: url(assets/bg2.png); }
    66% { background-image: url(assets/bg3.png); }
  }
.top{    
	position: relative;
        top:5rem;
        /* left: 100%; */
        /* right: 0px; */
        /* left: 37%; */
        margin-left: 100%;
        /* text-align: right; */
        width: 15%;
        /* height: 50%; */
        /* max-width: 700px; */
        margin: auto;
        /* z-index: 1; */
        text-align: center;
        /* display: none; */
        display: block;

    }
.bottom{        position: absolute;
    top: 2rem;
    left: 0px;
    right: 0;
    /*width: 30%;*/
    max-width: 700px;
    margin: auto;
   /* margin-left: 30%;*/
    }
.content{           /* width: 80%; */
    /* height: 850px; */
    /* height: 50px; 
    overflow: hidden;
    background-color: #f3f3f3;
    background-color: #EE6E40;*/
        /* width: 80%; */
    /* min-height: 150px; */
    height: 1250px;
    /* overflow: hidden; */
    /*background-color: #f3f3f3;
    background-color: #EE6E40;*/
}
.form2{
         /* left: 5%; */
    margin: 5vh auto 0;
    top: -17rem;
    position: relative;
    /* min-height: 300px; */
    background: #171540;
    /* min-height: 77vh; */
    padding: 32px;
    box-sizing: border-box;
    background: #ffffff;
    border-radius: 15px;
    width: 90%;
    /* bottom: 10%; */
    /* margin-bottom: 0px;*/
    }
input{    /* background: #171540; */
  background: #171540;
        border: none;
        font-size: 16px;
        padding-left: 15px;
        border-bottom: 1px solid #343177;
        height: 40px;
        line-height: 50px;
        margin-bottom: 2vh;
        width: 100%;
        outline: none;
        border-radius: 4px;
        color: #FFFFFF;
        border: 1px solid #e1e1e1;
        border-radius: 23px;
        text-align: left;
        width: 100%;
        height: 50px;
        background: #1B202A;
        border: 1px solid #181C1F;
        border-radius: 6px;
        font-size: 15px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        background: #000000;
        border-radius: 50px;
        opacity: 0.45;
    }
/*input:focus{border-bottom:2px solid #E7E7E7}*/
.item{position:relative}
.area{position:relative}
input::-webkit-input-placeholder {color: #BDBDBD}
select{box-sizing:border-box;border:none;font-size:16px;padding-left:6px;border-bottom: 1px solid #E7E7E7;height:40px;line-height:40px;margin-bottom:2vh;width:100%;outline:none;border-radius:4px}
.area select{appearance: none;-webkit-appearance: none;-moz-appearance: none;padding-left: 6px;color:#BDBDBD;}
.area:after{content: "";width: 44px;height: 10px;background: url(assets/select.png) no-repeat center;position: absolute;right: 20px;top:15px;pointer-events: none;}
.otp{
   font-size: 13px;
        font-weight: 500;
        text-align: left;
        color: #ff8024;
        line-height: 31px;
        position: absolute;
        right: 0rem;
        top: 0;
        height: 30px;
        line-height: 30px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        color: #181C1F;
        /* border-left: 1px solid #181C1F; */
        padding-left: 10px;
        padding-right: 10px;
        margin-top: 10px;
        border-radius: 22px;
        border: 1px solid #87898A;
        color: #FFFFFF;
        background: #015AFF;
	}
.btn{    
	        font-weight: 500;
        font-size: 25px;
        margin-left: 5%;
        color: #FFFFFF;
        width: 90%;
        height: 44px;
        line-height: 44px;
        text-align: center;
        background: #B057FF;
        border-radius: 25px;
        font-family: MicrosoftYaHei;
        background: linear-gradient(90deg, #6800EC, rgba(27, 181, 235, 0.98));
        background: #ff8024;
        border-radius: 21.5px;
        background: #181C1F;
        border-radius: 6px;
        font-family: Source Han Sans CN;
        background: #015AFF;
        border-radius: 45px;
        margin-top: 1rem;

    }
.p{text-align:center;font-size:20px;margin-top:20px;color: #FFFFFF;}
.dlc-content{       
    /*width: 80%;*/
    /* min-height: 100%; */
    /* overflow: hidden; */
    /* max-width: 700px; */
    padding-bottom: 50px;
    min-height: 800px;
   
    overflow: hidden;
    }
.dlc-logo{width:142px;height:28px;margin:25px auto 0;display:block}.dlc-tt{width:271px;height:37px;margin:9px auto 0;display:block}
.dlc-b{width:163px;height:21px;line-height:21px;color:#fff;font-size:14px;font-weight:bold;margin:7px auto 17px;border-radius:21px;background-color:#F94996;text-align:center}
.dlc-ttt{color:#FDE21F;margin:0 6px}
.dlc-c{width:299px;height:243px;margin:auto;display:block}
.dlc-s{width:292px;height:42px;margin:70px auto 0;display:block}
.dlc-cc{width: 30%;
    margin: 120px auto 0;
    display: block;
    margin-bottom: 2rem;
    }
.dlc-btn{display:block;width:296px;height:40px;line-height:37px;text-align:center;background:#FFFFFF;border-radius:20px;margin:12px auto 0;font-size:18px;color:#20D38F}
.dlc-ico{width:20px;height:20px;position:relative;top:3px}
.vx{position:fixed;top:0;left:0;width:100%;height:100%;z-index: 999; opacity: 0.6;
    background: #010101;}
.dlc-vx{    position: absolute;
    top: 30px;
    right: 45px;
    width: 61px;
    /* height: 47px; */
    width: 62.5px;
    height: 85px;}
.word{position: absolute;
    top: 130px;
    right: 75px;
    text-align: center;
    /* width: 192px; */
    /* height: 17.5px; */
    font-size: 18px;
    font-family: PingFang SC, PingFang SC-Bold;
    font-weight: bold;
    /* text-align: left; */
    color: #ffffff;
    /* line-height: 22px; */
    letter-spacing: 1.35px;}
.word>p{font-weight:bold;font-size:18px;margin-bottom:4px;color:#fff}
.word>p:first-child{color:#fff}
#nc .stage{height:40px;padding:0}
#nc .slider{width:100%;left:0}
#nc .bg-green{line-height:40px}
#nc .slider,#nc .label,#nc .button{height:38px;line-height:40px}
.suc_title{
	    height: 19px;
    font-size: 20px;
    font-family: PingFang SC, PingFang SC-Bold;
    font-weight: 700;
    text-align: center;
    padding-left: 1rem;
    color: #ff8024;
    line-height: 17.5px;
    letter-spacing: 1.5px;
    margin-bottom: 80px;

}
.succ{        /* color: #18BDEB; */
    /* position: absolute; */
    top: 420px;
    /* margin-left: 25%; */
    text-align: center;
    text-decoration: underline;
    width: 100%;
    text-align: center;
    height: 36px;
    text-decoration: none;
    line-height: 36px;
    font-size: 20px;
    font-family: PingFang SC, PingFang SC-Medium;
    font-weight: 500;
    /* text-decoration: underline; */
    /* text-align: center; */
    color: #FEFEFE;
    line-height: 50px;
}

#title_name{
	      position: relative;
    top: 5rem;
    text-align: center;
    /* left: 2rem; */
    /* background: url(assets/mficon.png) 70% 0px no-repeat; */
    /* background-size: 25%;*/
}
#title_line{
	width: 50px;
    height: 2px;
    background: #FFFFFF;
}
.title1{
	font-size: 50px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #ffffff;
	margin-top: 20px;
    margin-bottom: 20px;

}
.title2{
	font-size: 40px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #ffffff;
}
#from_bg{position: absolute;
       position: absolute;
    /* left: 2rem; */
    /* margin: 20rem; */
    margin-left: 13%;
    top: 21rem;
    width: 30%;
    min-height: 430px;
    /* position: relative; */
    /* background: #171540; */
    /* min-height: 56.5vh; */
    padding: 32px;
    box-sizing: border-box;
    background: background: linear-gradient(-38deg, #6800EC, rgba(27,181,235,0.98));
    background: linear-gradient(-38deg, #6800EC, rgba(27,181,235,0.98));
    }
/*锟斤拷锟斤拷页*/
.down_img1{
	/*position: absolute;
   position: absolute; */
    top: 5rem;
    left: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    margin: auto;
    max-width: 700px;
    max-width: 700px;
        margin-top: 10rem;
        width:100px;
    }
.down_img2{
	    position: absolute;
    left: 0px;
    right: 0px;
    width: 50%;
    height: 102%;
    margin: auto;
    z-index: 5;
    /* top: 90px; */
    max-width: 700px;
}
.down_img3{
	 position: absolute;
            z-index: 2;
            width: 320px;
            height: 140px;
            margin: auto;
            left: 0;
            right: 0;
            top: 110px;
}
#desc_text{
	              width: 100%;
        max-width: 700px;
        text-align: center;
        margin-top: 3rem;
        /* position: absolute; */
        /* top: 6rem; */
        /* background: url(assets/mficon.png) 95% 50px no-repeat; */
        background-size: 25%;
        height: 200px;
        line-height: 200px;

}
.p1_text{
	      height: 32px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #DDDEE2;
    /* width: 208.5px; */
    height: 28.5px;
    font-size: 30px;
    font-family: AliHYAiHei-Beta, AliHYAiHei-Beta-Regular;
    font-weight: bold;
    text-align: center;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 25px;
    text-align: center;
}
.p2_text{
	       /* height: 34px; */
    /* font-size: 20px; */
    /* font-family: MicrosoftYaHei; */
    font-weight: bold;
    /* color: #9F73FB; */
    /* width: 183px; */
    height: 40px;
    font-size: 30px;
    font-family: AliHYAiHei-Beta, AliHYAiHei-Beta-Regular;
    font-weight: bold;
    text-align: center;
    line-height: 40px;
    margin-top: 3rem;
    font-weight: bold;
    color: #ffffff;
}
#btn_div{
	position: relative;
    /* height: 200px; */
    margin: auto;
    /* inset: 660px 10px 10px; */
    /* display: block; */
    z-index: 3;
    border-radius: 5px;
    /* background: url(assets/down3_wtb.png) no-repeat; */
    background-size: cover;
    max-width: 700px;
    margin-top: 10rem;
    /* min-height: 300px; */
}
.android_btn{
	   border-style: none;
   /* margin-bottom: 2rem;*/
    height: 50px;
    line-height: 50px;
    border-radius: 49px;
    background: #ffffff;
    border-radius: 44px;
}
.android_text{
	    color: #fffefe;
    font-family: MicrosoftYaHei;
    font-weight: bold;
    font-size: 18px;
    font-size: 17px;
    font-family: PingFang SC, PingFang SC-Medium;
    font-weight: 500;
    /* text-align: left; */
    color: #212528
}
.ios_btn{
	    border-style: none;
    height: 50px;
    line-height: 50px;
    border-radius: 49px;
    background: #C4C4C4;
    border-radius: 44px;
    margin-bottom: 2rem;
}
.ios_text{
	color: #fffefe;
    font-family: MicrosoftYaHei;
    font-weight: 500;
    font-size: 17px;
}
.google_btn{
	    border-style: none;
    height: 50px;
    line-height: 50px;
    border-radius: 49px;
    background: #fffff;
    border-radius: 44px;
}
/*注锟斤拷晒锟揭�*/
.reg_img1{
	height: 30px;
	width: 50%;
	margin: 0px 25% 3rem 24%;
	display: block;
}
.android_reg{
	border-style: none;
    height: 50px;
    line-height: 50px;
    /* background: linear-gradient(265deg, #6800EC, rgba(27,181,235,0.98)); */
    border-radius: 49px;
    margin-bottom: 2rem;
    background: #FF8024;
}
.android_reg_text{
	height: 34px;
	font-size: 20px;
	font-family: PingFang SC, PingFang SC-Medium;
	font-weight: 500;
	color: #FFFFFF;
}
.ios_reg{
	border-style: none;
	height: 50px;
	line-height: 50px;
	background: linear-gradient(265deg, #6800EC, rgba(27,181,235,0.98));
	border-radius: 49px;
}
.ios_reg_text{
	color:#FFFFFF;
	height: 34px;
	font-size: 20px;
	font-family: MicrosoftYaHei;
	font-weight: bold;
}
#section1{
              left: 4%;
        /* margin: 28vh auto 0; */
        margin-top: 10vh;
        bottom: 0px;
        width: 92%;
        position: relative;
        /* min-height: 5vh; */
        /* padding: 32px 32px 0px 32px; */
        padding-top: 32px;
        padding-left: 10px;
        padding-right: 25px;
        padding-bottom: 15px;
        box-sizing: border-box;
        border-radius: 10%;
        border-radius: 15px 15px 15px 15px;
        /* margin-top: -14rem; */
        /* margin-top: -14rem;*/
    }
 .pwd_show {
        position: absolute;
        left: 90%;
        width: 30px;
        height: 18px;
        margin-top: -60px;
        z-index: 1000;
    }
 .repwd_show {
        position: absolute;
        left: 90%;
        width: 30px;
        height: 18px;
        margin-top: -60px;
        z-index: 1000;
    }   
     /*隐藏样式*/
input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 20px;
  height: 20px;
  position: relative;
  cursor: pointer;
}


/* 选中状态样式 */
input[type="checkbox"]:checked::before {
        width: 20px;
        height: 20px;
        /* background-color: white; */
        border: navajowhite;
        content: url(assets/right24.png);
        /* display: block; */
        position: absolute;
       top: -7px;
        left: -2px;
}   
  #readbox{
		vertical-align: middle;
	     border-radius: 50%;
	     margin-top: 1rem;
        margin-right: 1.5rem;
	}
	.reg_suc{
	        
	        position: fixed;
        top: -40%;
        left: 0;
        width: 100%;
        height: 150%;
        z-index: 999;
        opacity: 0.8;
        background: #010101;
}
#sucess_p{
	                width: 80%;
        left: 10%;
        position: absolute;
        z-index: 9999;
        top: 40%;
        text-align: center;
        color: black;
        font-size: 1.3rem;
        font-weight: 500;
        height: 60px;
        line-height: 60px;
        border-radius: 44px;
        background: #FFFFFF;
}
input[type="checkbox"] {
  -webkit-tap-highlight-color: transparent; /* 兼容移动端 WebKit 内核浏览器 */
}
}