body { min-width: 1200px; }
* { box-sizing: border-box; }
.top { clear: both; overflow: auto; width: 100%; position: absolute; }
.part { width: 400px; }
.part_1 { color: #2d4e7a; font-size: 28px; line-height: 30px; clear: both; }
.part_1 a { color: #2d4e7a; font-size: 28px; line-height: 30px; }
.part_1 a:hover { color: #57bf2e; font-size: 28px; line-height: 30px; }
.part_2 { color: #7b959e; line-height: 24px; font-size: 14px; padding: 6px 0 0; }
.part a:active { cursor: pointer; text-decoration: none; }
.more a { float: right; color: #1f80c5; line-height: 40px; padding-right: 30px; }
.title .span { line-height: 20px; padding-top: 8px; float: left; color: #666; }

.section_1 { height: 380px; position: relative; text-align: center; background: #F1F1F1; }
.section_1 .inner { position: absolute; width: 1200px; height: 380px; border: solid 0px white; margin-top: 0px; left: 50%; transform: translate(-50%,0%); }
.section_1 .inner .left { float: left; width: 880px; height: 380px; border: solid 0px red; color: #22B14C; background-color: white; }
.section_1 .inner .right { float: right; width: 320px; height: 380px; border: solid 0px red; color: #F1F1F1; }
.section_1 .inner .left .content { margin-top: 40px; text-align: center; }

.section_1 .inner .left .part_3 { text-align: center }
.section_1 .inner .left .part_3 .btn_1 { display: inline-block; width: 148px; height: 40px; }
.section_1 .inner .left .part_3 .btn_1 .btn_inner { width: 146px; height: 40px; border: #57bf2e 2px solid; border-radius: 4px; background: #fff; cursor: pointer; margin-left: 1px; margin-top: 15px; text-align: center; padding: 0; }
.section_1 .inner .left .part_3 .btn_1 .btn_inner span { line-height: 36px; color: #57bf2e; font-size: 18px; }
.section_1 .inner .left .part_3 .btn_1 .btn_inner:hover span { color: #57bf2e; }
.section_1 .inner .left .part_3 .btn_1 .btn_inner:hover { border: #57bf2e 3px solid; }
.section_1 .inner .left .part_4 { margin-top: 60px; display: flex; justify-content: center; }
.section_1 .inner .left .part_4 .btn_2 { display: flex; width: 260px; height: 38px; line-height: 38px; padding: 0px 5px 0px 20px; border: #589FF9 2px solid; border-radius: 18px; cursor: pointer; color: #2D4E7A; justify-content: space-between; align-items: center; font-size: 16px; }
.section_1 .inner .left .part_4 .btn_2 .tips { display: flex; width: 40px; line-height: 14px; font-size: 10px; text-align: right; color: blue; }
.section_1 .inner .left .part_5 { margin-top: 20px; display: flex; justify-content: center; }
.section_1 .inner .left .part_5 .desc { width: 500px; line-height: 24px; font-size: 16px; text-align: left; text-indent: 30px; color: #000000; }

.section_1 .inner .right .login_box { width: 100%; height: 100%; background-color: #E4E4E4; }
.section_1 .inner .right iframe { border-width: 0px; width: 320px; height: 380px; overflow: hidden; margin: 0px; }


.section_2 { height: 300px; position: relative; text-align: center; background-color: #589FF9; }
.section_2 .inner { position: absolute; width: 1200px; height: 400px; border: solid 0px white; margin-top: 30px; left: 50%; transform: translate(-50%,0%); }
.section_2 .inner .flow_img { height: 90px; background: url('./images/main_flow.png?v=1002') no-repeat; }
.section_2 .inner .desc_1 { clear: left; float: left; width: 710px; height: 200px; font-family: 微软雅黑; font-size: 15px; color: white; line-height: 32px; font-weight: bold; text-align: left; vertical-align: top; }
.section_2 .inner .desc_2 { float: left; width: 240px; height: 240px; font-family: 微软雅黑; font-size: 14px; color: #000; line-height: 16px; text-align: left; background-color: white; vertical-align: top; }
.section_2 .inner .desc_2 table { margin: 10px 10px 10px 10px; }
.section_2 .inner .desc_2 table td { min-width: 50px; padding-bottom: 6px; }
.section_2 .inner .qr_code { float: right; width: 240px; height: 240px; background-color: white; vertical-align: top; }
.section_2 .inner .qr_code .img { width: 200px; height: 200px; background: url('./images/main_qr_code.png') no-repeat 0px 0px; margin-left: 20px; margin-top: 20px }

.section_3 { height: 200px; position: relative; text-align: center; background-color: white; }
.section_3 .inner { position: absolute; width: 1200px; height: 200px; border: solid 0px white; margin-top: 30px; left: 50%; transform: translate(-50%,0%); }
.section_3 .inner .links { background-color: white; text-align: left; }
.section_3 .inner .links a { margin-left: 20px; margin-right: 20px; }
.section_3 .inner .links .btn_official { float: right; width: 160px; height: 40px; border: solid 0px red; color: #22B14C; }
.section_3 .inner .links .btn_official a { float: right; width: 160px; height: 40px; border: solid 1px #57BF2E; border-radius: 5px; text-align: center; line-height: 38px; margin: 0px; font-weight: bold; color: #22B14C; }

.user_nav { color: #2D4E7A;height:100%;  }
.user_nav .title { line-height: 20px; text-align: center; padding: 20px 0px; font-size: 20px; }
.user_nav .line-h { border-bottom: solid 1px #589FF9; width: 98%; }
.user_nav .name { margin: 16px 24px; }
.user_nav .nav_btns { margin: 20px 30px; display: grid; grid-template-columns: 50% 50%; }
.user_nav .nav_btns a { width: 120px; border: solid 1px #589FF9; padding: 4px 8px 4px 8px; border-radius: 3px; height: 30px; float: left; text-decoration: none; text-align: center; margin-top: 10px; }

.btn-box{ height:100%; display:flex;align-items:center; justify-content:center;}
.btn-box .login-btn {display:inline-block; width: 180px; background-color: #1F99E1; border: 0 none;border-radius: 5px; color: #fff; cursor: pointer; font-size: 18px;  padding: 6px 12px; user-select:none;}
.btn-box .login-btn:hover { background-color: #23AEFF; }