#join #header { z-index: 100; }

#join .main .banner { background: url(/image/join-banner-s.png) no-repeat; background-size: 100%; }

#join .main .tips { font-weight: 500; color: #CCCCCC; font-size: 20px; text-align: center; }

#join .main .platform { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

#join .main .platform .platform-tit { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 0 80px; font-size: 45px; font-weight: bold; color: #121212; }

#join .main .platform .platform-tit .tips { margin-top: 10px; }

#join .main .platform .platform-tit .tips { margin-top: 30px; color: #0BAF6C; }

#join .main .platform .platform-info { margin-bottom: 80px; width: 1200px; }

#join .main .platform .detail { margin-bottom: 100px; font-size: 28px; font-family: Microsoft YaHei; font-weight: 400; color: #373737; }

#join .main .procedure { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 80px 0 134px; background: #fafafa; }

#join .main .procedure .procedure-tit { margin-bottom: 83px; font-size: 45px; font-weight: bold; color: #121212; }

#join .main .procedure .procedure-tit .tips { margin-top: 10px; }

#join .main .procedure .procedure-info { width: 1200px; height: auto; }

#join .main .condition { padding: 87px 0; }

#join .main .condition .condition-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 auto; width: 1200px; }

#join .main .condition .condition-box .condition-tit { margin-bottom: 86px; font-size: 45px; font-weight: bold; color: #121212; }

#join .main .condition .condition-box .condition-tit .tips { margin-top: 10px; }

#join .main .condition .condition-box .condition-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

#join .main .condition .condition-box .condition-info img { margin-right: 75px; width: 483px; height: 410px; }

#join .main .condition .condition-box .condition-info .condition-details div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 30px; }

#join .main .condition .condition-box .condition-info .condition-details div .icon { margin-top: 14px; margin-right: 7px; border-radius: 50%; width: 6px; height: 6px; background: #01BB6A; }

#join .main .condition .condition-box .condition-info .condition-details div .detail { line-height: 1.6; font-size: 20px; color: #121212; }

#join .main .joinform { margin: 66px 0 105px; padding: 66px 0 80px; background: #fafafa; }

#join .main .joinform .joinform-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 auto; }

#join .main .joinform .joinform-box .joinform-tit { margin-bottom: 60px; font-size: 45px; font-weight: bold; color: #121212; }

#join .main .joinform .joinform-box .joinform-tit .tips { margin-top: 10px; }

#join .main .joinform .joinform-box .join-form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: column; -ms-flex-align: column; align-items: column; margin: 0 auto; }

#join .main .joinform .joinform-box .join-form .join-detail { margin-bottom: 22px; border: 1px solid #D7D7D7; border-radius: 2px; width: 890px; height: 60px; line-height: 60px; }

#join .main .joinform .joinform-box .join-form .join-detail span { margin: 0 20px 0 54px; padding-right: 10px; border-right: 1px solid #ddd; font-size: 16px; }

#join .main .joinform .joinform-box .join-form .join-detail input { padding-left: 5px; border: 0; width: 740px; outline: none; }

#join .main .joinform .joinform-box .join-form .join-detail input:focus { outline: none; }

#join .main .joinform .joinform-box .join-form .join-detail ::-webkit-input-placeholder { /* WebKit, Blink, Edge */ font-size: 16px; }

#join .main .joinform .joinform-box .join-form .join-detail :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ font-size: 16px; opacity: 1; }

#join .main .joinform .joinform-box .join-form .join-detail ::-moz-placeholder { /* Mozilla Firefox 19+ */ font-size: 16px; opacity: 1; }

#join .main .joinform .joinform-box .join-form .join-detail :-ms-input-placeholder { /* Internet Explorer 10-11 */ font-size: 16px; }

#join .main .joinform .joinform-box .join-form .join-btn { margin: 40px auto 0; width: 400px; height: 70px; line-height: 70px; text-align: center; font-size: 22px; color: #fff; background: #00C16D; border-radius: 2px; cursor: pointer; }

#join .main .liaison { margin-bottom: 70px; }

#join .main .liaison .liaison-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 auto; width: 1200px; }

#join .main .liaison .liaison-box .liaison-tit { margin-bottom: 60px; font-size: 45px; font-weight: bold; color: #121212; }

#join .main .liaison .liaison-box .liaison-tit .tips { margin-top: 10px; }

#join .main .liaison .liaison-box #container { width: 100%; height: 429px; }

#join .main .liaison .liaison-box .liasion-details { margin-top: 39px; margin-left: 20px; width: 1200px; }

#join .main .liaison .liaison-box .liasion-details .details { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 34px; font-size: 16px; color: #121212; }

#join .main .liaison .liaison-box .liasion-details .details img { margin-right: 16px; width: 13px; height: auto; }
/*# sourceMappingURL=join.min.css.map */