*{margin:0;padding:0;}
button {
    border:none;
}
/*a {
    text-decoration:none;
    font-size:14px;
    color:#1D2654;
}*/
.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    height:90px;
    background:rgba(255,255,255,1);
    box-shadow:0px 2px 19px 1px rgba(243,243,243,1);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.main {
    position: absolute;
    top:90px;
    left:0;
}
.logo {
    height:49px;
}
.tab {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 0 41px 10px 300px;
}

.tab span {
    display: block;
    font-size:14px;
    color:#1D2654;
    height: 30px;
    width: 103px;
    text-align:center ;
}
.selected {
    position: relative;
    left:0;
    right: 0;
    top:10px;
    width:24px;
    height:4px;
    background:rgba(0,133,255,1);
    border-radius:2px;
    margin:0 auto;
}
.header button {
    width:100px;
    height:38px;
    border:1px solid rgba(221,222,225,1);
    box-shadow:0px 3px 4px 0px rgba(148,162,196,0.36);
    border-radius:4px;
    font-size:14px;
    line-height:38px;
}
.login {
    color:#5B5B5B;
    background:rgba(255,255,255,1);
    border:1px solid rgba(221,222,225,1);
}
.register {
    margin-left:16px;
    color:#fff;
    background:rgba(0,133,255,1);
}
.banner {
    /*height:691px;*/
    width: 100%;
}
.box {
    display: flex;
    flex-direction: column;
    /*justify-content: center;*/
    align-items: center;
    width: 100%;
}
.box span {
    font-size:21px;
    color:#3B426B;
}
.box-1 {
    background:rgba(248,251,255,1);
    width: 100%;
    padding: 58px 0 84px 0;
}

.box-2 {
    padding:70px 0 24px 0;
}
.box-3 {
    padding-top:58px;
    background:rgba(248,251,255,1);
    width: 100%;
}
.box-3 img {
    width: 1264px;
    height: 578px;
    margin: 54px 0 56px 0;
}
.box-4 {
    padding-top:58px;
}
.kunjing {
    width: 1047px;
    height: 657px;
    margin: 134px 0 110px 0;
}
.fwys_content {
    margin:36px 0 102px 0;
    display: flex;
    flex-direction: row;
    justify-items: center;
}
.fwys_content img {
    width:594px;
    height:390px;
    margin-top: 95px;
 }
.line {
    margin-top:66px;
    display: flex;
    flex-direction: row;
    justify-items: center;
}
.line-right {
    margin-right:83px;
}
.line-right span{
    display: block;
    font-size:18px;
    color:#666;
    line-height:28px;
}
.line-right .tl {
    font-weight:500;
    font-size:24px;
    color:#000;
    margin-bottom:12px;
}
.line .icon {
    width:91px;
    height:91px;
    margin: 0 43px 0 71px;
}

.phone {
    font-size: 20px;
    line-height:32px;
    color:#1D2654;
    text-align: center;
}
.qrcode {
    margin-bottom: 29px;
    width:311px;
    height:314px;
    background:#4590F3;
    display: flex;
    justify-content: center;
    align-items: center;
}
.rt {
    margin-left:153px;
}
.rt span {
    display: block;
    color:rgba(29,38,84,1);
    line-height:39px;
    font-size:29px;
    font-weight:500;
    text-align: center;
}
.qrcode img {
    width:284px;
    height:284px;
}
.icon {
    display: inline-block;
    width: 45px;
    height: 45px;
}
.footer {
    display: flex;
    align-items: center;
    justify-content: center;
    height:90px;
    text-align: center;
    /*background:rgba(248,251,255,1);*/
    width: 100%;
    font-size:14px;
    color:#000;
}
.footer a {
    font-size:14px;
    color:#000;
}
.fw {
    margin: 103px 362px 0 365px;
    display: flex;
    flex-wrap: wrap;
}
.fw img {
    vertical-align: bottom;
}
.fw-item {
    width: 25%;
    text-align: center;
    font-size:14px;
    font-weight:400;
    color:rgba(133,142,180,1);
    line-height:24px;
    margin-bottom:78px;
}
.fw-title {
    font-size:20px;
    font-weight:500;
    color:rgba(59,66,107,1);
    line-height:34px;
    margin-top: 24px;
}
.fw-underline {
    margin:11px auto;
    width:39px;
    height:3px;
    background:#FFB806;
    border-radius:1px;
}
.fw1 {
    height:99px;
}



.title {
    margin-bottom: 25px;
    font-size:32px;
    font-family:PingFangSC;
    font-weight:600;
    color:#1D2654;
}
.txt {
    font-size:4px;
    font-family:PingFangSC;
    font-weight:400;
    color:rgba(59,66,107,1);
}
.box-7 {
    padding-top:93px;
}
.box-7 .imgs {
    margin:115px 0 80px 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.panel {
    flex:1;
    width:230px;
    height:303px;
    background:rgba(255,255,255,1);
    box-shadow:2px 4px 13px 0px rgba(235,223,214,0.57);
    border-radius:10px;
    text-align: center;
    margin:0 15px;
	font-size:16px;
}
.panel .img {
    width:87px;
    height:94px;
    margin:39px auto 17px auto;
}
.panel .title {
    font-size:20px;
    font-weight:500;
    color:rgba(59,66,107,1);
    line-height:34px;
}
.panel .line {
    margin:16px auto;
    width:14px;
    height:2px;
    background:rgba(67,139,241,1);
    border-radius:1px;
}
.panel-txt {
    font-size:14px;
    font-family:PingFangSC;
    font-weight:400;
    color:rgba(135,137,145,1);
    line-height:24px;
}
.box-1 .imgs {
    margin-top:83px;
    display: flex;
}
.star {
    margin-top:87px;
    font-size:18px;
    color:#2D49A8;
    font-weight:400;
}
.star img {
    vertical-align: middle;
    width: 25px;
    height: 25px;
}
.star span {
    color:#FC9B2C;
    font-size:18px;
}
.card {
    margin: 0 40px;
    padding:85px 0 57px 0;
    width:384px;
    background:rgba(255,255,255,1);
    box-shadow:3px 2px 32px 0px rgba(202,214,231,0.82);
    border-radius:10px;
    text-align: center;
}
.card .img {
    width:120px;
    height:105px;
    margin:0 auto;
}
.card .card-title {
    margin:33px 0 23px 0;
    font-size:30px;
    font-family:PingFangSC;
    font-weight:500;
    color:rgba(59,66,107,1);
    line-height:43px;
}
.card .card-txt {
    font-size:18px;
    font-family:PingFangSC;
    font-weight:400;
    color:rgba(59,66,107,1);
    line-height:30px;
}
.underline {
    width:54px;
    height:1px;
    background:rgba(216,213,213,1);
    margin: 36px auto;
}
.card span {
    font-size:18px;
    font-family:PingFangSC;
    font-weight:400;
    color:rgba(135,137,145,1);
    line-height:24px;
}
.tw {
   /*margin:0 340px 0 364px;*/
    width: 60%;
}
.tw-item {
    margin-top:127px;
    display: flex;
    justify-content: space-between;
}
.tw-item .title {
    font-size:36px;
    font-family:PingFangSC;
    font-weight:600;
    color:rgba(21,21,22,1);
    line-height:43px;
}
.tw-item .title img {
    margin-right:12px;
}
.tw-item .txt {
    font-size:24px;
    font-family:PingFangSC;
    font-weight:400;
    color:rgba(53,53,58,1);
    line-height:40px;
}
.txt-underline {
    margin:24px 0 28px 0;
    width:85px;
    height:2px;
    background:rgba(216,213,213,1);
    border-radius:1px;
}
.tw-item button {
    margin-top:88px;
    width:222px;
    height:70px;
    background:rgba(40,73,203,1);
    border-radius:6px;
    text-align: center;
    font-size:24px;
    color:rgba(255,255,255,1);
}
.tw-item li {
    font-size:18px;
    color:#878991;
    line-height:32px;
}
.box-5 {
    padding:118px 0 246px 0;
    background:rgba(248,251,255,1);
}
.box-5 .aaa {
    margin-top:85px;
    display: flex;
    justify-content: space-between;
}
.box-5 .aaa .info {
    width: 593px;
    font-size:24px;
    color:rgba(29,38,84,1);
    line-height:45px;
}
.box-5 .aaa .dx {
    margin:27px 0 85px 0;
    width:47px;
    height:4px;
    background:rgba(255,121,109,1);
    border-radius:2px;
}
.lt img {
    vertical-align: middle;
}
.tel {
    margin-bottom: 32px;
    line-height: 45px;
}
.tel span{
    font-size:35px;
    font-weight:bold;
    color:rgba(40,73,203,1);
    vertical-align: middle;
}
.addr span{
    font-size:20px;
    font-weight:400;
    color:rgba(29,38,84,1);
    vertical-align: middle;
}
/* 閬僵灞� */
.mask {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #000;
    z-index: 99;
    opacity: 0.7;
}
.qrcode-box {
    display: none;
}
.popup {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top:20px;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 340px;
    height: 400px;
    background-color: #fff;
    text-align: center;
    font-size:20px;
    font-weight:bold;
    color:#1D2654;
    border-radius:4px;
    box-shadow: 0px 0px 18px -2px #475473;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    z-index: 9999;
}
.popup .code {
    width:196px;
    height:196px;
    margin-top: 20px;
    /*width:311px;*/
    /*height:314px;*/
    background:#4590F3;
    display: flex;
    justify-content: center;
    align-items: center;
}
.popup .code img {
    width:176px;
    height:176px;
}
.popup .close-btn {
    position: absolute;
    top:16px;
    right:16px;
}
.popup .msg {
    margin:0 59px;
    padding:11px 33px;
    font-size:14px;
    font-weight:300;
    color:#666666;
}
.popup .phonenum {
    font-size:20px;
}
.phonenum img{
    width:24px;
    height:24px;
    vertical-align: text-top;
}