@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/bg_h51.png);
        background-attachment: fixed;
        background-size: contain;
   
}
#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;
    display:none;
    }
.repwd_show{
	   position: absolute;
   left: 90%;
    width: 20px;
    height: 13px;
    margin-top: -45px;
    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: 13px;
    margin-top: -45px;
    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: 32px;
        padding-left: 10px;
        padding-right: 25px;
        /*padding-bottom: 15px;*/
        box-sizing: border-box;
        background: #141923;
        border-radius: 10%;
        border-radius: 15px 15px 15px 15px;
       /* margin-top: -1rem;*/
        /* margin-top: -14rem;*/
    }
.input{
        /* box-sizing: border-box; 
        margin-left: -12px;*/
        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: 12px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        background: #1B202A;
        border-radius: 50px;
    }
    /*隐藏样式*/
input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 18px;
  height: 18px;
  position: relative;
  cursor: pointer;
}
/* 自定义复选框样式 */
input[type="checkbox"]::before {
  content: "";
  display: block;
  position: absolute;
  width: 12px;
  height: 12px;
  border: 1px solid #87898A; /* 边框颜色 */
  border-radius: 50%;      /* 圆形效果 */
  background-color: black; /* 背景白色 */
  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;
        border: 1px solid #87898A;
        color: #87898A;
}
.btn{      
 	font-weight: 500;
       font-size: 17px;
       margin-left: 5%;
       color: #212528;
       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: #FFFFFF;
       border-radius: 45px;
    }
.p{    
	margin-top: 1rem;
    text-align: center;
	font-size: 12px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #87898A;
    }
.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.8;
    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;
    width:100%;
    /* 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:3rem;
        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: 20px;
    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: 18px;
    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: 100px;
        height: 100px;
        /* 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: 2rem;
        z-index: 5;
}
.p1_text{
    height: 28.5px;
    font-size: 22px;
    line-height: 22px;
    text-align: center;
    font-family: Alimama ShuHeiTi;
    font-weight: bold;
    color: #FFFFFF;
}
.p2_text{
	/*height: 34px; */
    height: 19px;
    font-size: 22px;
    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: #212528;
}
.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: 10rem;
}
.google_btn{
	     position: absolute;
    /* margin-top: 6rem; */
    text-align: center;
    width: 66%;
    height: 45px;
    background: #C4C4C4;
    background: #ffffff;
    border-radius: 44px;
    margin-left: 17%;
    /* background: #181C1F; */
    margin-top: 5rem;
            color: #212528
}
.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;
    background-image: url(assets/bg_h51.png);
    background-attachment: fixed;
    background-size: contain;
}
.top{    position: relative;
    top: 10rem;
    left: 0;
    right: 0;
    width: 100%;
    height: 67%;
    min-height: 55px;
    max-width: 700px;
    margin: auto;
    display:none;
    /* background: radial-gradient(black, black*/
    }
.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: #1B202A;
        border-radius: 50px;
    }
/*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: #87898A;
	}
.btn{    
	        font-weight: 500;
        font-size: 25px;
        margin-left: 5%;
        color: #212528;
        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: #FFFFFF;
        border-radius: 45px;
        margin-top: 1rem;

    }
.p{text-align:center;font-size:20px;margin-top:20px;color: #333333;}
.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;
    /* 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: #ffffff;
    border-radius: 44px;
            color: #212528
}
/*注锟斤拷晒锟揭�*/
.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: 20vh;
        bottom: 0px;
        width: 92%;
        position: relative;
        background: #171540;
        /* min-height: 5vh; */
        /* padding: 32px 32px 0px 32px; */
        padding-top: 32px;
        padding-left: 10px;
        padding-right: 25px;
        padding-bottom: 15px;
        box-sizing: border-box;
        background: #141923;
        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"]::before {
  content: "";
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  border: 1px solid #87898A; /* 边框颜色 */
  border-radius: 50%;      /* 圆形效果 */
  background-color:#1b202a; /* 背景白色 */
  transition: all 0.2s ease;
}

/* 选中状态样式 */
input[type="checkbox"]:checked::before {
        width: 20px;
        height: 20px;
        /* background-color: white; */
        border: navajowhite;
        content: url(assets/right3.png);
        /* display: block; */
        top:-10px;
}   
  #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 内核浏览器 */
}
}