*, *:before, *:after {-webkit-box-sizing: border-box;box-sizing: border-box;}
.layui-input:hover,.layui-textarea:focus{border-color: var(--color-main) !important;}
.layui-input:focus,.layui-textarea:focus{border-color:var(--color-main)}
html, body {position: relative;font-size: 12px;height: 100%;width: 100%;font-family: Arial,Helvetica,sans-serif,'Microsoft YaHei';margin: 0;}
html{
    --color-main: #0085E8;
    --color-white: #fff;
}

/* 内容启动 */
.account{position: absolute;left: 50%;top: 50%;z-index: 10;width: 100%;height: auto;transform: translate3d(-50%, -50%, 0);-webkit-transform: translate3d(-50%, -50%, 0);}
.wrapper_page{position: absolute;max-width: 1140px;width: 100%;padding: 0 20PX;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.wrapper_page_content{width: 100%;background-color: #fff;border-radius: 20px;overflow: hidden;display: flex !important;}
.wrapper_page_content .wrapper_page_left{max-width: 600px;width: 100%;background-size: auto 100%;padding: 0;background-color: #ccc;height: 100%;}
.wrapper_page_content .wrapper_page_left .logo{position: absolute;left: 50px;top: 40px;z-index: 5;height: 40px;width: auto;}
.wrapper_page_content .wrapper_page_left .layui-carousel img{max-width: 600px;height: 100%;object-fit: cover;width: 100%;}
.wrapper_page_content .wrapper_page_right{width: 360px;margin: 60px auto 0;padding: 20px;}
.wrapper_page_content .wrapper_page_right .right_items{text-align: center;color: #666;}
.wrapper_page_content .wrapper_page_right .right_items .bottom_xs{font-size: 26px;font-weight: 500;}
.wrapper_page_content .wrapper_page_right .right_items .bottom_lg{font-size: 18px;margin-top: 10px;}
.wrapper_page_content .wrapper_page_right .right_flrm{margin-top: 20px;}
.wrapper_page_content .wrapper_page_right .right_flrm_bd{padding-top: 10px;}
.wrapper_page_content .wrapper_page_right .right_flrm_bd .layui-input-block{margin-left: 0;margin-bottom: 15px;;}
.wrapper_page_content .wrapper_page_right .right_flrm_bd .layui-input-block .layui-input{border-radius: 5px;background-color: #F6F8FB;border: 1px solid #b7b7b7;}
.wrapper_page_content .wrapper_page_right .right_flrm_bd .layui-input-block .layui-btn{width: 100%;background-color: var(--color-main);margin-top: 15px;}
.wrapper_page_content .wrapper_page_right .right_flrm_bd .tips{text-align: right;margin-top: 25px;}
.wrapper_page_content .wrapper_page_right .right_flrm_bd .tips a{font-size: 12px;color: #999;cursor: pointer;height: 18px;line-height: 18px;}
/*  */
.footer{position: absolute;z-index: 5;left: 50%;bottom: 20px;transform: translate3d(-50%, 0%, 0);width: 90%;text-align: center;color: #73777a;}
.footer a{color: #73777a;}
.footer .link_wrap{width: 100%;}
.footer .link_wrap a{font-size: 14px;line-height: 30px;}
.footer .link_wrap a + a{margin-left: 15px;;}
.footer .link_wrap a:hover{color: var(--color-main);}
.footer .copyright_text{line-height: 30px;line-height: 30px;;}
/* 背景图片 */
.bg_slides{position: absolute;width: 100vw;height: 100vh;overflow: hidden;}
.bg_slides_item{position: absolute;width: 100%;height: 100%;background: no-repeat 50% 50%;background-size: cover;}
@media only screen and (max-width: 640px) {
    .wrapper_page_left{display: none;}
    .footer .link_wrap a{line-height: 24px;}
}