
a, b, body, button, dd, div, dl, dt, em, footer, h1, h2, h3, h4, header, html, i, img, input, li, ol, p, select, span, textarea, ul {
    margin: 0;
    padding: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline;
    background-repeat: no-repeat;
    -webkit-tap-highlight-color: transparent;
    font-family:'Microsoft YaHei';
}
::selection {
    color: #fff!important;
    background: #4cb6c4!important;
}
::selection {
    background: #0097ab;
    color: #fff;
}
*, :after, :before {
    box-sizing: border-box;
}
.app {
    background: #f7f7f7;

    position: absolute;
    width: 100%;
   
    top: 0;
}
#app, .app {
    min-height: 100%;
}

#app, .app {
    min-height: 100%;}
	app .app__content {
    flex: 1 0 auto;
    width: 0;
}
.welcome-wrap {
    -webkit-font-smoothing: antialiased;
    height: 100%;
    background: #fff;
    font-family: 'Microsoft YaHei';
}
.welcome-wrap .body>div {
    width: 100%;
    position: relative;
}
.welcome-wrap .body-area1 {
    background: url(../images/banner888.png) 50% no-repeat;
    background-size: auto 100%;
}
.welcome-wrap .body>div .area1, .welcome-wrap .body>div .area2, .welcome-wrap .body>div .area3, .welcome-wrap .body>div .area4 {
    height: 600px;
    width: 1200px;
    margin: 0 auto;
    display: flex;
    text-align: center;
}

element.style {
}
.welcome-wrap .body>div .area1 .left, .welcome-wrap .body>div .area1 .right, .welcome-wrap .body>div .area2 .left, .welcome-wrap .body>div .area2 .right, .welcome-wrap .body>div .area3 .left, .welcome-wrap .body>div .area3 .right, .welcome-wrap .body>div .area4 .left, .welcome-wrap .body>div .area4 .right {
    flex: 0 0 600px;
    display: inline-block;
    text-align: left;
    box-sizing: border-box;
}
.welcome-wrap .body-area1 .left {
    padding-left: 88px;
}
.welcome-wrap .body-area1 .left h1:first-of-type {
    margin-top: 160px;
}
.welcome-wrap .body-area1 .left h1 {
    font-family: 'Microsoft YaHei';
    font-size: 38px;
    line-height: 57px;
    color: #fff;
}
.welcome-wrap h1 {
    font-size: 34px;
    color: #303030;
}
.welcome-wrap .signin {
    margin-top: 30px;
    position: relative;
    display: inline-block;
    width: 170px;
}
.welcome-wrap .body-area2 .left {
    padding-left: 97px;
    padding-top: 58px;
}
.welcome-wrap .body-area2 .right {
    padding-left: 130px;
}
.welcome-wrap .body-area2 .right h1 {
    margin: 200px 0 32px;
}
.welcome-wrap h1 {
    font-size: 34px;
    color: #303030;
}
.welcome-wrap .body-area2 .left .bg {
    width: 418px;
    height: 518px;
    background:url(../images/banner1.56652381e24f56e3313db4727449b338.png) no-repeat;
    background-size: contain;
}
.welcome-wrap li {
    font-size: 18px;
    color: #303030;
    line-height: 18px;
    height: 18px;
    margin-bottom: 12px;
    font-family: PingFangSC-Light;
}
.welcome-wrap li:before {
    content: " ";
    display: inline-block;
    width: 1px;
    height: 16px;
    margin-right: 10px;
    background: #303030;
    position: relative;
    top: 1px;
}
.welcome-wrap .body-area3 .right .bg {
    width: 475px;
    height: 398px;
    background:url(../images/banner2.17d399644705a121a5c98e3b109c5aa5.png) no-repeat;
    background-size: contain;
}
.welcome-wrap .body-area4 .right h2 {
    font-family: 'Microsoft YaHei';
    font-size: 18px;
    color: #303030;
    line-height: 32px;
}
.welcome-wrap .body-area4 .right>p {
    font-size: 16px;
    color: #555;
    margin-bottom: 30px;
    text-indent: 36px; 
    font-family: PingFangSC-Light;
}
.welcome-wrap .body>div {
    width: 100%;
    position: relative;
}
.welcome-wrap .body-area3 {
    background: #f8f8f9;
}
.welcome-wrap .body-area3 .left h1 {
    margin-bottom: 35px;
}
.welcome-wrap .body-area3 .left {
    padding-left: 97px;
    flex: 0 0 390px;
    margin-top: 198px;
}
.welcome-wrap .body-area3 .right {
    padding-top: 124px;
}
.welcome-wrap .body-area3 .left h1 {
    margin-bottom: 35px;
}
.welcome-wrap .body-area4 .right {
    box-sizing: border-box;
    padding: 177px 0 0 40px;
}
.welcome-wrap .body-area4 .right h1 {
    margin-bottom: 50px;
}
.welcome-wrap .body-area4 .left {
    padding-top: 130px;
}
.welcome-wrap .body-area4 .left .bg {
    width: 600px;
    height: 518px;
    background:url(../images/banner3.0f2f2c12f469e35feaab914d5a819093.png) no-repeat;
    background-size: contain;
}
.ant-btn.ant-btn-primary.green:not(:disabled) {
    background: #0098ac;
    border-color: #0098ac;
}
.ant-btn {
    line-height: 1.5;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    white-space: nowrap;
    padding: 0 15px;
    font-size: 14px;
    border-radius: 4px;
    height: 32px;
    user-select: none;
    transition: all .3s cubic-bezier(.645,.045,.355,1);
    position: relative;
    color: rgba(0,0,0,.65);
    background-color: #fff;
    border: 1px solid #d9d9d9;
}
.ant-btn>.anticon{line-height:1}.ant-btn,.ant-btn:active,.ant-btn:focus{outline:0}.ant-btn:not([disabled]):hover{text-decoration:none}.ant-btn:not([disabled]):active{outline:0;transition:none}.ant-btn.disabled,.ant-btn[disabled]{cursor:not-allowed}.ant-btn.disabled>*,.ant-btn[disabled]>*{pointer-events:none}.ant-btn-lg{padding:0 15px;font-size:16px;border-radius:4px;height:40px}.ant-btn-sm{padding:0 7px;font-size:14px;border-radius:4px;height:24px}.ant-btn>a:only-child{color:currentColor}.ant-btn>a:only-child:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:transparent}.ant-btn:focus,.ant-btn:hover{color:#1dabb8;background-color:#fff;border-color:#1dabb8}.ant-btn:focus>a:only-child,.ant-btn:hover>a:only-child{color:currentColor}.ant-btn:focus>a:only-child:after,.ant-btn:hover>a:only-child:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:transparent}.ant-btn.active,.ant-btn:active{color:#007185;background-color:#fff;border-color:#007185}.ant-btn.active>a:only-child,.ant-btn:active>a:only-child{color:currentColor}.ant-btn.active>a:only-child:after,.ant-btn:active>a:only-child:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:transparent}.ant-btn.disabled,.ant-btn.disabled.active,.ant-btn.disabled:active,.ant-btn.disabled:focus,.ant-btn.disabled:hover,.ant-btn[disabled],.ant-btn[disabled].active,.ant-btn[disabled]:active,.ant-btn[disabled]:focus,.ant-btn[disabled]:hover{color:rgba(0,0,0,.25);background-color:#f5f5f5;border-color:#d9d9d9}.ant-btn.disabled.active>a:only-child,.ant-btn.disabled:active>a:only-child,.ant-btn.disabled:focus>a:only-child,.ant-btn.disabled:hover>a:only-child,.ant-btn.disabled>a:only-child,.ant-btn[disabled].active>a:only-child,.ant-btn[disabled]:active>a:only-child,.ant-btn[disabled]:focus>a:only-child,.ant-btn[disabled]:hover>a:only-child,.ant-btn[disabled]>a:only-child{color:currentColor}.ant-btn.disabled.active>a:only-child:after,.ant-btn.disabled:active>a:only-child:after,.ant-btn.disabled:focus>a:only-child:after,.ant-btn.disabled:hover>a:only-child:after,.ant-btn.disabled>a:only-child:after,.ant-btn[disabled].active>a:only-child:after,.ant-btn[disabled]:active>a:only-child:after,.ant-btn[disabled]:focus>a:only-child:after,.ant-btn[disabled]:hover>a:only-child:after,.ant-btn[disabled]>a:only-child:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:transparent}.ant-btn.active,.ant-btn:active,.ant-btn:focus,.ant-btn:hover{background:#fff;text-decoration:none}.ant-btn>i,.ant-btn>span{pointer-events:none}.ant-btn-primary{color:#fff;background-color:#ff5a5e;border-color:#ff5a5e}.ant-btn-primary>a:only-child{color:currentColor}.ant-btn-primary>a:only-child:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:transparent}.ant-btn-primary:focus,.ant-btn-primary:hover{color:#fff;background-color:#ff8482;border-color:#ff8482}.ant-btn-primary:focus>a:only-child,.ant-btn-primary:hover>a:only-child{color:currentColor}.ant-btn-primary:focus>a:only-child:after,.ant-btn-primary:hover>a:only-child:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:transparent}.ant-btn-primary.active,.ant-btn-primary:active{color:#fff;background-color:#d94149;border-color:#d94149}