@charset "utf-8";
/* CSS Main */

.banner { position: relative; width: 100%; height: 400px; display: flex; align-items: center; justify-content: center;}
.banner .banner-title h2 { color: #ffffff; font-size: 40px; line-height: 1; margin-bottom: 20px;}
.banner .banner-title p { color: rgba(255, 255, 255, 0.57); font-size: 26px; line-height: 1;}

.ele { width: 1200px; margin: 0 auto;}
.ele .ele-title { padding: 80px 0 40px;}
.ele .ele-title h2 { font-size: 30px; color: #333333; line-height: 1;}
.ele .ele-title p { color: #666666; font-size: 15px; line-height: 1; margin-top: 24px;}

.ele-1 { margin: 90px 0;}
.ele-1 h3 { font-size: 20px; color: #333333; line-height: 1; text-align: center;}
.ele-1 .ele-inner { display: flex; align-items: center; justify-content: center;}
.ele-1 .ele-inner ul { margin: 50px 40px 20px;}
.ele-1 .ele-inner ul li { margin-bottom: 22px; position: relative;}
.ele-1 .ele-inner ul li p { position: absolute; left: 0; font-size: 16px; line-height: 36px;}
.ele-1 .ele-inner ul li p span { color: #0069ff;}
.ele-1 .ele-inner ul li input { width: 426px; line-height: 36px; height: 36px; padding: 10px; border: 1px #dedede solid; box-sizing: border-box; border-radius: 3px; margin: 0 0 0 90px; box-sizing: border-box;}
.ele-1 .ele-inner ul li textarea { width: 426px; line-height: 36px; padding: 0 10px; border: 1px #dedede solid; box-sizing: border-box; border-radius: 3px; margin: 0 0 0 90px; box-sizing: border-box;}
.ele-1 .ele-inner ul li input.half-input { width: 340px; margin-left: 5px;}
.ele-1 .ele-inner ul li .verification-code { width: 80px; height: 36px; position: absolute; right: 0; top: 0;}
.ele-1 .ele-inner .btn { width: 426px; margin-left: 130px;}
.ele-1 .ele-inner .btn a { display: block; width: 100%; height: 46px; line-height: 46px; background: #0069ff; border-radius: 3px; color: #ffffff; font-size: 16px;}
.ele-1 .ele-inner .btn a:hover { opacity: 0.9;}

.loading { display: none; padding: 10px 50px; background: rgba(0, 0, 0, 0.6); color: #ffffff; border-radius: 6px; position: fixed; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);}
.loading.active { display: block;}