html, body { width: 100%; height: 100%; }

.flex { display: flex; }

.bg-big { width: 100%; height: 100%; background-image: url("/static/images/indeximg/dengbg.jpg"); background-repeat: no-repeat; background-size: 100% 100%; }

.bg-big .bg-logo { margin-left: 20vw; margin-top: 2vw; }

.bg-big .item { overflow: initial; margin: 0px auto; margin-top: 8vw; }

.bg-big .item .bg-blue { width: 800px; margin: 0px auto; background-color: #ec6439; left: 32%; border-radius: 5px; }

.bg-big .item .bg-blue .blue-left { padding-left: 45px; }

.bg-big .item .bg-blue .blue-left .blue-logo { margin-top: 30px; width: 30%; }

.bg-big .item .bg-blue .blue-left .blue-text { margin-top: 50px; }

.bg-big .item .bg-blue .blue-left .blue-text .big-text { font-size: 28px; color: white; }

.bg-big .item .bg-blue .blue-left .blue-text .small-text { color: white; margin-top: 15px; font-size: 15px; }

.bg-big .item .bg-blue .blue-left .blue-bg { width: 400px; height: 270px; background-image: url(/static/images/indeximg/deng.png); background-position: -15px 6px; background-size: 88%; background-repeat: no-repeat; margin-top: 25px; }

.bg-big .item .content { width: 340px; height: 550px; background-color: #fefefe; position: absolute; top: 10vw; left: 52%; border-radius: 5px; }

.bg-big .item .content .content-top { display: flex; justify-content: space-around; font-size: 20px; padding-top: 53px; }

.bg-big .item .content .content-top .sign-in a { color: gray; }

.bg-big .item .content .content-top .sign-in a:hover { color: #ec6439; text-decoration: none; padding-bottom: 5px; border-bottom: 3px solid #ec6439; }

.bg-big .item .content .content-top .register a { color: gray; }

.bg-big .item .content .content-top .register a:hover { color: #ec6439; text-decoration: none; padding-bottom: 5px; border-bottom: 3px solid #ec6439; }

.bg-big .item .content .wrap-forget { padding: 0px 28px 0px 28px; }

.bg-big .item .content .wrap-forget .input-item-wrap { margin-top: 30px; }

.bg-big .item .content .wrap-forget .input-item-wrap input[type="text"] { width: 100%; height: 35px; font-size: 12px; background-color: #eeeeee; border: 1px solid #ddd; padding-left: 8px; outline: none; }

.bg-big .item .content .wrap-forget .input-item-wrap input[type="password"] { width: 100%; height: 35px; font-size: 12px; background-color: #eeeeee; border: 1px solid #ddd; padding-left: 8px; outline: none; }

.bg-big .item .content .wrap-forget .input-item-wrap .phoneCode { width: 165px !important; }

.bg-big .item .content .wrap-forget .input-item-wrap .one-line { width: 104px !important; padding-right: 8px; }

.bg-big .item .content .wrap-forget .verify-code { display: flex; justify-content: space-between; align-items: center; }

.bg-big .item .content .wrap-forget input[type="button"] { width: 100%; height: 35px; font-size: 13px; background-color: #eeeeee; border: 1px solid #ddd; color: gray; }

.bg-big .item .content .wrap-forget .now { margin-top: 25px; }

.bg-big .active a { color: #ec6439; padding-bottom: 5px; }

.foot { position: absolute; color: white; text-align: center; left: 47vw; bottom: 1%; }

.keep { margin-top: 8px; }

.keep span { margin-top: 10px; color: gray; font-size: 14px; }