*{margin: 0;padding: 0;list-style-type: none;cursor: default}
body,html{background-color: #fff;}
.ellipsis{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.ellipsis2{
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.fwb{font-weight: bold}
.font12{font-size: 12px}
.font14{font-size: 14px}
.font16{font-size: 16px}
.font20{font-size: 20px}
.font22{font-size: 22px}
.font24{font-size: 24px}
.font26{font-size: 26px}
.font28{font-size: 28px}
.font30{font-size: 30px}
.font32{font-size: 32px}
.font36{font-size: 36px;}
.font38{font-size: 38px;}
.font40{font-size: 40px;}
.font42{font-size: 42px;}
.font44{font-size: 44px;}
.font48{font-size: 48px;}
.font60{font-size: 60px;}

/* 弹性盒子布局 */
.fboxRow{ display: flex; flex-direction: row !important; }
.fboxCol{ display: flex; flex-direction: column !important; }
.fboxWrap{ display: flex; flex-wrap: wrap !important; }
.flex1{ flex: 1 !important; }
.flex2{ flex: 2 !important; }
.flex3{ flex: 3 !important; }
.flex4{ flex: 4 !important; }
.flex5{ flex: 5 !important; }
.flex6{ flex: 6 !important; }
/*X轴*/
.Xstart{ justify-content: flex-start; }
.Xcenter{ justify-content: center !important; }
.Xend{ justify-content: flex-end; }
.Xbetween{ justify-content: space-between; }
.Xaround{ justify-content: space-around; }
/*Y轴*/
.Ystart{ align-items: flex-start; }
.Ycenter{ align-items: center !important; }
.Yend{ align-items: flex-end;}
.Ybaseline{ align-items: baseline; }
.Ystretch{ align-items: stretch; }


.mt10{margin-top:10px}
.mt15{margin-top: 15px}
.mt20{margin-top: 20px}
.mt30{margin-top: 30px;}

.color-C8C9CC{color:#C8C9CC}
.color-fff{color:#fff}
.color-323233{color:#323233}
.color-333{color:#333}
.color-969799{color:#969799}
.color-8D8D99{color:#8D8D99}
.color-5E5E66{color:#5E5E66}
.color-646566{color:#646566}
.color-3B7CFF{color:#3B7CFF}
.bg-fff{background-color: #fff}
.bg-FAFCFF{background-color: #FAFCFF}

.cursor{cursor: pointer}

body,html{min-width: 1360px}
.center-wrap{width: 1360px;position: relative}
#header{height: 60px}
#header .active{color:#3B7CFF}
#header .nav-item{padding: 0 20px}
#header .logo{height: 40px}

#footer{background: #2C3038;}
#footer .center-wrap{padding: 80px 0;}
#footer .contact{width: 470px}
#footer .btn-contact{ margin-top: 30px; width: 160px;height: 40px;background: linear-gradient(90deg, #3F7FFF 0%, #3BCCFF 100%);border-radius: 20px;}
#footer .btn-contact .icon{margin-left: 7px; width: 20px;height: 20px;}
#footer .btn-contact .icon img{width: 20px;height: 20px; -webkit-transform:scale(1);transform: scale(1);animation:iconframes 3s infinite;}

@keyframes iconframes{
  0% {-webkit-transform:scale(1);transform: scale(1);}
  50%{-webkit-transform:scale(0.8);transform: scale(0.8);}
  100%{-webkit-transform:scale(1);transform: scale(1);}
}
#footer .footer-item{margin-right: 50px}
#footer .hd{margin-bottom: 47px}
#footer .contact-card{ padding: 32px 26px; width: 380px;height: 154px;background: #FFFFFF;border-radius: 4px;}
#footer .avatar{margin-right: 10px;width: 78px;height: 78px;overflow: hidden;border-radius: 50%;}
#footer .avatar img{width: 78px;height: 78px;overflow: hidden;border-radius: 50%;}
#footer .tit{margin-top: 9px;width: 132px;letter-spacing:10px;color:#3B7CFF}
#footer .code,
#footer .code img{width: 132px;height: 132px;overflow: hidden}
#footer .job{color:#969799;}
#footer .copyright{margin-top: 35px;color:#9E9E9E}
#footer .copyright .line{ margin: 0 30px; width: 2px;height: 12px;background: #9E9E9E;}
#footer .copyright .icon-record{margin-right: 4px}

#btn-contact{ position: fixed;right: 15px;top:50%;margin-top: -60px; padding: 8px 12px; width: 22px;height: 100px; text-align: center; background: #3B7CFF;box-shadow: 0px 5px 8px 0px rgba(56,56,56,0.2);z-index: 999}
#btn-contact .icon{width: 22px;height: 18px;overflow: hidden}

#btn-top{ position: fixed;right: 15px;bottom:100px;z-index:998; width: 46px;height: 46px;background: #FFFFFF;box-shadow: 0px 5px 8px 0px rgba(56,56,56,0.2);}
#btn-top .icon{width: 20px;height: 21px;}


.modal-mask{ position: fixed;right: 0;top:0;left: 0;bottom: 0;z-index:1000;background-color: rgba(0,0,0,0.5) }
.modal-contact{ position: fixed; left: 50%;top:50%;margin: -300px 0 0 -218px; padding: 48px 0; width: 436px;height: 504px;background: no-repeat;background-size: 436px 600px; z-index:1000 }
.modal-contact .avatar{margin-right: 20px; width: 68px;height: 68px;border: 2px solid #3B7CFF;border-radius: 34px;}
.modal-contact .avatar img{width: 68px;height: 68px;border-radius: 34px;}
.modal-contact .tit{}
.modal-contact .con{}
.modal-contact .qrCode{margin: 48px auto 0}
.modal-contact .qrCode,
.modal-contact .qrCode img{width: 273px;height: 276px;}
.modal-contact .btn{ margin-top: 48px;width: 304px;height: 52px;background: #3B7CFF;border-radius: 26px;}
.modal-contact .icon{position: absolute;right: 12px;top:12px;width: 16px;height: 16px;overflow: hidden;z-index: 3}
.modal-contact .icon img{width: 16px;height: 16px;}

.modal-download{}
.modal-download .avatar{margin-right: 10px; border: 0;width: 48px;height: 48px;}
.modal-download .avatar img{border: 0;width: 48px;height: 48px;}


.modal-participate{ position: fixed; left: 50%;top:50%;margin: -242px 0 0 -406px;width: 812px;height: 484px;background: no-repeat;background-size: 812px 484px; z-index:1000;border-radius: 12px;overflow: hidden }
.modal-participate .hd{position: relative; padding: 0 40px ;height: 94px;}
.modal-participate .close{position: absolute;right: 12px;top:12px;width: 16px;height: 16px;overflow: hidden;z-index: 3}
.modal-participate .close img{width: 16px;height: 16px;}
.modal-participate .bd{width: 812px;height: 390px;background: #FFFFFF;border-radius: 12px;}
.modal-participate .qrCode-inner{width: 330px}
.modal-participate .qrCode-inner .qrCode,
.modal-participate .qrCode-inner .qrCode img{width: 184px;height: 184px;overflow: hidden}
.modal-participate .line{width: 2px;height: 160px;background: #E6E7EB;}
.modal-participate .info{width: 480px}
.modal-participate .info .item{margin:40px 0 0 80px}
.modal-participate .info .item:first-child{margin-left: 0}
.modal-participate .info .icon,
.modal-participate .info .icon img{width: 60px;height: 60px;border-radius: 50%;overflow: hidden}

/*.modal-download{ position: fixed; left: 50%;top:50%;margin: -200px 0 0 -205px;width: 410px;height: 400px;background: #fff; z-index:1000;border-radius: 12px;overflow: hidden }*/
/*.modal-download .hd{position: relative;}*/
/*.modal-download .bd{margin: 40px 0 20px;}*/
/*.modal-download .close{position: absolute;right: 12px;top:12px;width: 16px;height: 16px;overflow: hidden;z-index: 3}*/
/*.modal-download .close img{width: 16px;height: 16px;}*/
/*.modal-download .qrCode,*/
/*.modal-download .qrCode img{width: 216px;height: 216px;overflow: hidden}*/