html,body,.page{
}
.reg-page{
	height:100vh;
	overflow:hidden;
	background-color: var(--weui-BG-1);
}
.logo{
	display:flex;
	align-items:center;
	justify-content:center;
	height:20%;
}
.logo img{
	width:100px;
}
.home-bg{
	background:url("../img/login_bg-BB_zwggN.jpg") 0 0/100% 100% no-repeat
}
#canvas{
	height:20%;
	width:100%;
}

.tabs-wrap{
	border-radius:20px 20px 0 0;
	background-color: var(--weui-BG-3);
	position:fixed;
	top:20%;
	bottom:0;
	left:0;
	right:0;
	padding:10px;
}

.tabs-wrap .tab-hd{
	display:flex;
	list-style:none;
}
.tabs-wrap .tab-hd .item{
	flex:1;
	display:flex;
	align-items:center;
	justify-content:center;
	height:40px;
	position:relative;
}
.tabs-wrap .tab-hd .item a{
	color:#666;
}
.tabs-wrap .tab-hd .item.on:after{
	position:absolute;
	bottom:0;
	left:50%;
	width:100px;
	height:4px;
	background-color:var(--weui-BRAND);
	content:"";
	margin-left:-50px;
}
.tabs-wrap .tab-hd .item a:hover,.tabs-wrap .tab-hd .item a:active,.tabs-wrap .tab-hd .item.on{
	color:var(--weui-BRAND);
}

.down-page{
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.down-page .section img{
    max-width: 100%;
    border: 0;
    height: auto;
    max-width: 100%;
    vertical-align: top;
    -ms-interpolation-mode: bicubic;
}
.section_01{
	position:relative;
}
.section_01 .down_wrap {
    position: absolute;
    left: 0;
    top: 68.85%;
    width: 100%;
}
.down_wrap .btn {
    display: flex;
	gap:10px;
    width: 86%;
    margin: 0 auto;
}
.down_wrap .btn a {
    flex: 1;
    height: 52px;
    line-height: 52px;
    text-align: center;
    font-size: 18px;
    color: #e3260d;
    font-weight: bold;
    background: #ffde00;
    border-radius: 6px;
}
.down_wrap .btn a.h5 {
    flex: none;
    width: 33%;
    line-height: 50px;
    margin-left: 10px;
    background: #eb655d;
    border: 1px solid #fff;
    color: #fff;
}