.reghome{
	background: url(../imgs/reg-bg.jpg) no-repeat center/cover;
	width: 100%;
	height: 100vh;
	text-align: center;
}
.reghome_wrap{
	width: 1200px;
	position: absolute; left: 50%; margin-left: -600px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	margin-top: -30px;
}
.reghome_logo img{
	height: 138px;
}
.reghome_tit{
	margin-top: 40px;
}
.reghome_tit img{
	height: 125px;
}
.reghome_subtit{
	margin-bottom: 30px;
}
.reghome_subtit img{
	height: 70px;
}
.reghome_btns{
	margin-top: 30px;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	column-gap: 50px;
	/*height: 150px;*/
}
.reghome_btns li{
	background: rgba(0,255,255,0.25);
	border-radius: 25px;
	width: 570px;
	padding-top: 50px;
	padding-bottom: 80px;
}
.reghome_btn,
.reghome_btn2{
	background: url(../imgs/reg-btn.png) no-repeat;
	width: 321px;
	height: 81px; line-height: 81px;
	display: inline-block;
	font-size: 26px; color: #fff;
	margin-bottom: 20px;
}
.reghome_btn2{
	background: url(../imgs/reg-btn2.png);
}
.reghome_btn:hover,
.reghome_btn2:hover{
	color: #fff;
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
}
.reghome_btntip{
	color: #fff; font-size: 20px;
	display: inline-block;
	background: url(../imgs/reg-arr.png) no-repeat right center;
	padding-right: 20px;

}
.reghome_btntip:hover{
	color: #fff; 
	/*font-size: 21px;*/
	/*text-decoration: underline;*/
}


.regrule_head{
	display: flex; justify-content: space-between;
	align-items: center;
	border-bottom: #9ab6fb solid 2px;
}
.regrule_head h2{
	font-size: 40px; color: #0a4ef5;
	font-weight: bold;
}
.regrule_head>a{
	display: inline-block;
	background: url(../imgs/reg-rulebtn1.png) no-repeat ;
	width: 173px; height: 38px;
	color: #fff;
	line-height: 38px;
	padding-left: 68px; font-size: 18px;
}
.regrule_head2{
	border-color: #ff7fff;
}
.regrule_head2 h2{
	color: #ff00ff;
}
.regrule_head2>a{
	background-image: url(../imgs/reg-rulebtn2.png);
}
.regrule_body{
	font-size: 20px; padding-top: 20px; color: #4d4d4d;
}
.regrule_body p{
	margin-bottom: 0.6em;
}
.layreg{
	
    border-radius: 30px !important;

}
.layreg .layui-layer-content{
	padding: 40px 70px !important;
	margin-right: 20px;
}

  /* ========== Webkit内核滚动条美化（Chrome/Edge/Safari） ========== */
        /* 1. 滚动条整体 */
        .layreg .layui-layer-content::-webkit-scrollbar {
            width: 8px; /* 纵向滚动条宽度 */
            height: 8px; /* 横向滚动条高度 */
        }

        /* 2. 滚动条轨道 */
        .layreg .layui-layer-content::-webkit-scrollbar-track {
            background: none; /* 轨道背景色 */
            border-radius: 4px; /* 轨道圆角 */
        }

        /* 3. 滚动条滑块 */
        .layreg .layui-layer-content::-webkit-scrollbar-thumb {
            background: #dcdfe6; /* 滑块默认颜色 */
            border-radius: 4px; /* 滑块圆角 */
            transition: background 0.2s; /* hover过渡 */
        }

        /* 4. 滑块hover状态 */
        .layreg .layui-layer-content::-webkit-scrollbar-thumb:hover {
            background: #c0c4cc; /* 滑块hover颜色 */
        }

        /* 5. 滚动条边角（横向+纵向滚动条交汇处） */
        .layreg .layui-layer-content::-webkit-scrollbar-corner {
            background: #f8f9fa;
        }



.layreg .layui-layer-setwin .layui-layer-close2,
.layreg .layui-layer-setwin .layui-layer-close2:hover{
	background: url(../imgs/reg-closebtn.png) no-repeat; width: 44px; height: 45px;
	right: -50px; top: -50px;
}



/*注册*/

.regform {
    border-radius: 6px 6px 0 0;
    overflow: hidden;
    width: 540px;
    position: absolute; left: 50%; margin-left: -270px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	margin-top: -60px;
	border: #18b7e3 solid 1px;
	border-radius: 20px;
	color: #fff;
	background: url(../imgs/regf-bg.png) no-repeat center/cover;
	
  /* 内发光/内阴影：inset 表示向内扩散 */
  box-shadow: inset 0 0 15px 5px rgba(0, 200, 255, 0.3);
}
.regform-hd{
	font-size: 33px; font-weight: bold; text-align: center;
	padding-top: 30px;
	padding-bottom: 15px;
}
.regform-hd h3{
	font-weight: bold;
}
.regform-tabhd {
    height: 70px;
    border-bottom: 1px solid #afbcf3;
    position: relative;

}

.regform-tabhd ul {

    display: flex;
    justify-content: space-between;
}
.regform-tabhd li {
    float: left;
    width: 100%;
    font-size: 22px;
    color: rgba(255,255,255,0.6);

    cursor: pointer;
    position: relative;
    line-height: 70px;

    text-align: center;
}
.regform-tabhd li.active {
    color: #fff;
    font-weight: bold;
}
.regform-tabhd li:after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 2px;
    background: #ffffff;
    content: "";
    display: none;
}
.regform-tabhd li.active:after {
    display: block;
}
.regform-tabbd {
    padding-top: 20px;
}
.regform-tabbd .qr {
    text-align: center;
}
.regform-tabbd .qr-img {
    /*border: 1px solid #CCCCCC;*/
    display: inline-block; /*padding: 30px;*/
}
.regform-tabbd .qr-img iframe {
    height: 300px;
}
.regform-tabbd .qr-img img {
    width: 230px;
    height: 230px;
    display: block;
}
.regform-tabbd .qr-txt {
    font-size: 16px;
    color: #666666;
    padding-top: 25px;
    display: none;
}
.regform-tabbd .form {
    margin-top: 20px;
    text-align: center;
    padding: 0 30px 24px 30px;
}
.regform-tabbd .form li {
    margin-bottom: 16px;
}
.regform-tabbd .form li.m-btn-box {
    margin-bottom: 12px;
}

.regform-tabbd .form  {

    text-align: left;

    vertical-align: top;
    position: relative;
}
.regform-tabbd .form  .text {
    width: 100%;

    line-height: 53px;

    border-radius: 7px;
    padding: 0 20px;
    font-size: 14px;
    /*color: rgba(255,255,255,0.6);*/
   color: #fff;

    
    font-size: 22px;
    height: 55px;
	border: #6594d6 solid 1px;
	background:  url(../imgs/regf-inputbg.png) no-repeat center/cover;
	border: #6594d6 solid 1px;
  box-shadow: inset 0 0 3px 3px rgba(13, 149, 212, 0.3);
}
/* 覆盖浏览器自动填充的默认样式 */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  /* 关键：延迟背景色过渡，让自定义样式生效 */
  -webkit-box-shadow: 0 0 0 999px #f0f5ff inset !important; /* 替换为你的背景色 */
  -webkit-text-fill-color: #333 !important; /* 文字颜色 */
  transition: background-color 5000s ease-in-out 0s; /* 无限延迟背景色变化 */
}

/* 适配 Firefox */
input:-moz-autofill {
  box-shadow: 0 0 0 999px #f0f5ff inset !important;
  -moz-text-fill-color: #333 !important;
}

/* 兼容所有浏览器的 placeholder 颜色设置 */
/* Chrome/Edge/Safari */
.regform-tabbd .form  .text::placeholder {
 
    color: rgba(255,255,255,0.6);
}

/* Firefox 4-18 */
.regform-tabbd .form  .text:-moz-placeholder {
    color: rgba(255,255,255,0.6);
}

/* Firefox 19+ */
.regform-tabbd .form  .text::-moz-placeholder {
    color: rgba(255,255,255,0.6);
}

/* IE 10+ */
.regform-tabbd .form  .text:-ms-input-placeholder {
    color: rgba(255,255,255,0.6);
}

.regform-tabbd .form  .codewrap{
	position: relative;
}
.regform-tabbd .form  .text-code {
	
}
.regform-tabbd .form  .img-code {
    float: right;
    border-radius: 4px;
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2);
}
.regform-tabbd .form  .btn-code {
	padding: 0 16px;
	background: none;
    height: 55px;
    line-height: 53px;
    border: none;
    float: right;

    font-size: 22px;
    color: rgba(255,255,255,0.6);
    border-radius: 4px;
    cursor: pointer;
    position: absolute; right: 0; top: 0;
}
.regform-tabbd .form  .btn-code:after{
	height: 35px; width: 1px; background: #799ad7;
	position: absolute; left: 0; top: 10px;
	content: ""; display: block;
}
.regform-tabbd .form  .btn-code:hover {
    
    color: #fff;
}
.regform-tabbd .form  .btn-code.unlabed,
.regform-tabbd .form  .btn-code:disabled,
.regform-tabbd .form  .btn-code.disabled {
    background: #999999;
    border-color: #999999;
    color: #fff;
}
.regform-tabbd .form .attr {
    height: auto;
    overflow: hidden;
    font-size: 14px;
    color: #999999;
}
.regform-tabbd .form .attr a {
    color: rgba(0, 0, 0, 0.66);
}
.regform-tabbd .form .attr a:hover {
    color: #0e2ed6;
}
.regform-tabbd .form .attr-l {
    float: left;
}
.regform-tabbd .form .attr-r {
    float: right;
}
.regform-tabbd .g-btn {
    width: 100%;
    font-size: 24px;
    height: 57px;
    line-height: 53px;
    margin-top: 10px;
    background: url(../imgs/regf-btnbg.png) no-repeat center/cover;
	border: #6594d6 solid 1px;
  box-shadow: inset 0 0 3px 3px rgba(13, 149, 212, 0.3);
    border: none;
    border-radius: 7px;
}
.regform-tabbd .m-btn {
    width: 320px;
    margin-top: 24px;
}
.regform-tabbd .tip {
    color: #999999;
    font-size: 14px;
}
.regform-tabbd .tip a {
    color: #0e2ed6;
}
.regform-tabbd .tip svg{
	vertical-align: middle;
}