html,body{
   width:100%;
   min-width:1300px;/*这个是在浏览器中测试出来的具体不同手机上不会出现滚动条的宽度，通常为1200px*/
   max-width:1920px;/*为了适配大部分电脑显示器设置的最大宽度*/

*,:after,:before {
    box-sizing: border-box
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

body {
    margin: 0;
    color: rgba(0,0,0,.85);
    font-size: 14px;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    font-variant: tabular-nums;
    line-height: 1.5715;
    background-color: #fff;
    font-feature-settings: "tnum"
}

[tabindex="-1"]:focus {
    outline: none!important
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

h1,h2,h3,h4,h5,h6 {
    margin-top: 0;
    margin-bottom: .5em;
    color: rgba(0,0,0,.85);
    font-weight: 500
}

p {
    margin-top: 0;
    margin-bottom: 1em
}

a {
    color: #1890ff;
    text-decoration: none;
    background-color: transparent;
    outline: none;
    cursor: pointer;
    transition: color .3s;
    -webkit-text-decoration-skip: objects
}

button,input,optgroup,select,textarea {
    margin: 0;
    color: inherit;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

.ant-row {
    flex-flow: row wrap
}

.ant-row,.ant-row:after,.ant-row:before {
    display: flex
}

.ant-row-center {
    justify-content: flex-end;
}


.ant-col {
    position: relative;
    max-width: 100%;
    min-height: 1px
}

.ant-col-16 {
    display: block;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%
}


.ant-col-8 {
    display: block;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%
}

.wrap-banner{
    padding-top: 50px;
}

.home-header {
    width: 100%;
    position: fixed;
    z-index: 999;
    background-color: hsla(0,0%,100%,.9);
    box-shadow: 0 0 10px 4px rgba(1,149,255,.1)
}

.home-header .large {
    display: flex;
    align-items: center;
}


.home-header .container-fluid {
    margin: 0 auto;
    height: 60px;
}

.home-header .container-fluid a {
    color: #fff
}

.home-header .container-fluid .logo {
    width: auto;
    height: 40px
}

.home-header .container-fluid .menu-btn {
    flex-flow: row-reverse
}

.home-header .container-fluid .menu-btn .sign-btn a {
    font-size: 14px;
    text-align: center;
    padding: 9px 18px;
    border-radius: 3px;
    height: auto;
}

.home-header .scroll-header {
	width:75rem;
}

.home-header .scroll-header a {
    color: #000;
}

.home-header .scroll-header .menu-btn .sign-btn a {
    background: #0195ff;
    border: 1px solid #0195ff;
    color: #fff
}

.home-header .ant-col {
    padding: 0
}
.wrap-feature {
    padding-top: 3.75rem
}
.wrap-feature .title {
    height: 3.5rem;
    font-size: 2.5rem;
    font-family: PingFangSC-Medium,PingFang SC;
    font-weight: 500;
    color: #2a2a2a;
    line-height: 3.5rem;
    text-align: center
}
.wrap-feature .feat-box {
    display: flex;
    justify-content: center;
    padding: 3.55rem 0 2.06rem 0
}
.wrap-feature .feat-box.reverse {
    background: #f0f6ff;
    flex-direction: row-reverse
}
.wrap-feature .feat-box.reverse .left-area {
    padding: 3rem 0 0 4rem
}
.wrap-feature .feat-box.reverse .right-area {
    padding: 0 8rem 0 0
}
.wrap-feature .feat-box .left-area {
    padding-right: 0;
    padding-left: 2rem
}
.wrap-feature .feat-box .left-area .icon {
    width: 2.5rem;
    height: 2.5rem;
    margin-bottom: 0;
    margin-right: 1rem
}
.wrap-feature .feat-box .left-area .feat-title {
    height: 2.81rem;
    font-size: 2rem;
    font-family: PingFangSC-Medium,PingFang SC;
    font-weight: 500;
    color: #2a2a2a;
    line-height: 2.81rem;
    margin-bottom: 1.5rem;
    display: flex;
    align-items: center
}
.wrap-feature .feat-box .left-area .feat-subtitle {
    display: flex;
    margin-bottom: 1.5rem
}
.wrap-feature .feat-box .left-area .feat-subtitle .dot {
    width: .38rem;
    height: .38rem;
    background: #166eff;
    opacity: .74;
    margin-top: .6rem;
    margin-right: 1rem
}
.wrap-feature .feat-box .left-area .feat-subtitle .subtitle {
    width: 27.5rem;
    font-size: 1.13rem;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #555f6f;
    line-height: 1.56rem
}
.wrap-feature .feat-box .left-area .btn-box {
    display: flex;
    margin-top: 3rem
}
.wrap-feature .feat-box .left-area .btn-box .btn-1 {
    background: #166eff;
    color: #fff;
    margin-right: 1rem
}
.wrap-feature .feat-box .left-area .btn-box .btn-1{
    width: 8.25rem;
    height: 3.13rem;
    border-radius: .25rem;
    font-size: 1.13rem;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    line-height: 3.13rem;
    text-align: center;
    cursor: pointer
}
.wrap-feature .feat-box .right-area {
    padding-left: 10rem
}
.wrap-feature .feat-box .right-area img {
    width: 40.13rem;
    height: 27.94rem
}
.after {
    display: none
}
.ez-home {
    background: #fff;
    position: relative
}
.ez-home .wrap-banner .box {
    height: 33.25rem;
    background-size: cover!important;
    background-position: 50%!important;
    padding: 7.1rem 0;
}

.ez-home .wrap-banner .box .title {
    height: 4.19rem;
    font-size: 3rem;
    font-family: PingFangSC-Medium,PingFang SC;
    font-weight: 600;
    color: #2a2a2a;
    line-height: 4.19rem
}

.ez-home .wrap-banner .box .stitle {
    height: 4.19rem;
    font-size: 2.2rem;
    font-family: PingFangSC-Medium,PingFang SC;
    font-weight: 500;
    color: #2a2a2a;
    line-height: 4.19rem
}
.ez-home .wrap-banner .box .subtitle-box {
    display: flex;
    flex-wrap: wrap
}

.ez-home .wrap-banner .box .subtitle-box .subtitle-col {
    width: 17rem;
    margin-top: 2.5rem
}

.ez-home .wrap-banner .box .subtitle-box .subtitle-col .subtitle {
    display: flex;
    align-items: center;
    margin-bottom: 1.5rem;
    height: 1.56rem;
    font-size: 1.13rem;
    font-weight: 400;
    color: #2a2a2a;
    line-height: 1.56rem
}

.ez-home .wrap-banner .box .subtitle-box .subtitle-col .subtitle .icon {
    width: .44rem;
    height: .44rem;
    background: linear-gradient(180deg,#5c92ff,#166eff);
    border-radius: .06rem;
    margin-right: .5rem
}

.ez-home .wrap-banner .box .btn-box {
    margin-top: 2.6rem
}

.ez-home .wrap-banner .box .btn-box .btn {
    width: 13rem;
    height: 3.5rem;
    background: #166eff;
    box-shadow: 0 .25rem 1rem 0 rgba(22,110,255,.4);
    border-radius: .38rem;
    text-align: center;
    font-size: 1.25rem;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #fff;
    line-height: 3.5rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.ez-home .wrap-banner .slider-1 {
    background: url("../image/banner.png") no-repeat
}

.ez-home .wrap-exam {
    padding-bottom: 5rem
}

.ez-home .wrap-exam .title {
    height: 3.5rem;
    font-size: 2.5rem;
    font-family: PingFangSC-Medium,PingFang SC;
    font-weight: 500;
    color: #2a2a2a;
    line-height: 3.5rem;
    text-align: center;
    margin: 3.75rem 0 .75rem 0
}

.ez-home .wrap-exam .subtitle {
    height: 1.56rem;
    font-size: 1.13rem;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #555f6f;
    line-height: 1.56rem;
    text-align: center
}

.ez-home .wrap-exam .tab-box {
    display: flex;
    justify-content: center;
    margin-top: 2.5rem
}

.ez-home .wrap-exam .tab-box .tabs {
    width: 23.5rem
}

.ez-home .wrap-exam .tab-box .tabs .tab {
    padding: 1.25rem 1.88rem 1.25rem 1.88rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.ez-home .wrap-exam .tab-box .tabs .tab.active {
    width: 23.5rem;
    height: 7.5rem;
    background: linear-gradient(180deg,#f1f6ff,#fff);
    box-shadow: 0 .38rem 1.25rem 0 rgba(151,183,231,.25),0 .13rem .25rem 0 rgba(151,183,231,.08);
    border-radius: .75rem;
    border: .13rem solid;
    -o-border-image: linear-gradient(180deg,#fff,#f7fbff) .13 .13;
    border-image: linear-gradient(180deg,#fff,#f7fbff) .13 .13
}

.ez-home .wrap-exam .tab-box .tabs .tab.active .tab-title {
    height: 1.75rem;
    font-size: 1.25rem;
    font-family: PingFangSC-Medium,PingFang SC;
    font-weight: 500;
    color: #166eff;
    line-height: 1.75rem
}

.ez-home .wrap-exam .tab-box .tabs .tab .tab-title {
    height: 1.75rem;
    font-size: 1.25rem;
    font-family: PingFangSC-Medium,PingFang SC;
    font-weight: 500;
    color: #555f6f;
    line-height: 1.75rem;
    text-align: left
}

.ez-home .wrap-exam .tab-box .tabs .tab .tab-subtitle {
    height: 3.25rem;
    font-size: .88rem;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #2a2a2a;
    line-height: 1.63rem;
    text-align: left
}

.ez-home .wrap-exam .tab-box .content {
    margin-left: 5rem
}

.ez-home .wrap-exam .tab-box .content img {
    width: 46.5rem;
    height: 28.75rem
}

.ez-home .wrap-prevent-cheating {
    background-color: #edf3fc;
    padding-bottom: 4rem
}

.ez-home .wrap-prevent-cheating .title {
    padding-top: 3.75rem;
    font-size: 2.5rem;
    font-family: PingFangSC-Medium,PingFang SC;
    font-weight: 500;
    color: #2a2a2a;
    text-align: center
}

.ez-home .wrap-prevent-cheating .subtitle {
    height: 1.56rem;
    font-size: 1.13rem;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #555f6f;
    line-height: 1.56rem;
    text-align: center;
    margin-bottom: 2.5rem
}

.ez-home .wrap-prevent-cheating .box {
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 75rem;
    height: 35rem
}

.ez-home .wrap-prevent-cheating .box .feature {
    width: 17.63rem;
    height: 15.94rem;
    background: #fff;
    box-shadow: 0 .25rem 1.25rem 0 rgba(151,183,231,.2);
    border-radius: .63rem;
    margin-bottom: 1.5rem;
    padding: 1.75rem 1.75rem 2.5rem 1.75rem
}

.ez-home .wrap-prevent-cheating .box .feature img {
    width: 3.63rem;
    height: 3.63rem;
}

.ez-home .wrap-prevent-cheating .box .feature .feat-title {
    height: 2.06rem;
    font-size: 1.5rem;
    font-family: PingFangSC-Medium,PingFang SC;
    font-weight: 500;
    color: #2a2a2a;
    line-height: 2.06rem;
    margin: 1.5rem 0 .75rem 0
}

.ez-home .wrap-prevent-cheating .box .feature .feat-subtitle {
    height: 4.88rem;
    font-size: 1rem;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #555f6f;
    line-height: 1.63rem;
    margin-bottom: 1.5rem
}

.ez-home .wrap-device {
    padding: 3.75rem 0 1rem
}

.ez-home .wrap-device .title {
    height: 3.5rem;
    font-size: 2.5rem;
    font-family: PingFangSC-Medium,PingFang SC;
    font-weight: 500;
    color: #2a2a2a;
    line-height: 3.5rem;
    text-align: center
}

.ez-home .wrap-device .content {
    position: relative;
    width: 73.25rem;
    height: 35rem;
    margin: 2.38rem auto 0;
    background-image: url("../image/pic@2x.png");
    background-repeat: no-repeat;
    background-size: contain
}

.ez-home .wrap-device .content .btn-box {
    width: 100%;
    position: absolute;
    bottom: 45px;
    display: flex;
    justify-content: center
}

.ez-home .wrap-device .content .btn-box .btn-1 {
    background: #166eff;
    color: #fff;
    margin-right: 1.5rem
}

.ez-home .wrap-device .content .btn-box .btn-1{
    width: 9.5rem;
    height: 3.13rem;
    border-radius: .25rem;
    font-size: 1.13rem;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    line-height: 3.13rem;
    text-align: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}