.make-title {    text-align: center}.make-headline {    font-size: 26px;    font-weight: 600;    color: #3b426b;    line-height: 47px}.make-desc {    line-height: 40px;    font-size: 18px;    font-weight: 500;    color: #5d6494}.make-banner {    background-size: cover;    -webkit-background-size: cover;    -o-background-size: cover;    color: #fff;    background: -webkit-linear-gradient(138deg,#3993e0,#3059df);    background: -o-linear-gradient(138deg,#3993e0,#3059df);    background: linear-gradient(-48deg,#3993e0,#3059df)}.make-sec {    width: 100vw}.make-sec .sec-inner {    width: 1200px;    margin: 0 auto;    padding-top: 70px;    position: relative}.make-feat {    background: #fff;    height: 750px}.make-feat .make-feat-container {    width: 1120px;    display: -webkit-box;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-box-pack: justify;    -webkit-justify-content: space-between;    -ms-flex-pack: justify;    justify-content: space-between;    -webkit-flex-wrap: wrap;    -ms-flex-wrap: wrap;    flex-wrap: wrap;    padding-top: 60px;    margin: 0 auto}.make-feat .make-feat-item {    width: 550px;    height: 220px;    background: #fff;    -webkit-box-shadow: 0 4px 15px 1px rgba(127,127,127,.08);    box-shadow: 0 4px 15px 1px rgba(127,127,127,.08);    border-radius: 10px;    padding: 0 60px 0 95px;    display: -webkit-box;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-box-pack: justify;    -webkit-justify-content: space-between;    -ms-flex-pack: justify;    justify-content: space-between;    -webkit-box-align: center;    -webkit-align-items: center;    -ms-flex-align: center;    align-items: center;    -webkit-box-sizing: border-box;    box-sizing: border-box;    margin-bottom: 20px}.make-feat .make-feat-item .feat-icon {    width: 112px;    height: 112px;    margin-right: 42px;    background-repeat: no-repeat;    background-size: 112px;    background-position: center}.make-feat .make-feat-item:nth-of-type(1) .feat-icon {    background-image: url(../images/icon1_12a20a4c737748e9b8a1fcd7a5351ed0.png)}.make-feat .make-feat-item:nth-of-type(2) .feat-icon {    background-image: url(../images/icon2_2c2952c7eeb246f1b1503e476ad00bd0.png)}.make-feat .make-feat-item:nth-of-type(3) .feat-icon {    background-image: url(../images/icon3_32aeef74f34c4ee994d051b41076870f.png)}.make-feat .make-feat-item:nth-of-type(4) .feat-icon {    background-image: url(../images/icon4_eb5301bfa418498a8c902e99db950c41.png)}.make-feat .make-feat-item .feat-desc {    width: 240px;    line-height: 32px;    font-size: 20px;    color: #3b426b}.make-config {    height: 490px;    background: #f9fbff}.make-config .config-process {    width: 864px;    height: 122px;    margin: 140px auto 0;    background: url(../images/process.png) center/864px 122px no-repeat}.make-display {    background: #fff;    height: 1030px}.make-display .sec-inner {    padding-top: 100px}.make-display .display-container {    display: -webkit-box;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-box-pack: justify;    -webkit-justify-content: space-between;    -ms-flex-pack: justify;    justify-content: space-between;    -webkit-box-align: center;    -webkit-align-items: center;    -ms-flex-align: center;    align-items: center;    width: 880px;    margin: 50px auto 0}.make-display .display-handler {    height: 540px;    display: -webkit-box;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-box-orient: vertical;    -webkit-box-direction: normal;    -webkit-flex-direction: column;    -ms-flex-direction: column;    flex-direction: column;    -webkit-box-pack: justify;    -webkit-justify-content: space-between;    -ms-flex-pack: justify;    justify-content: space-between}.make-display .display-handler .display-heandler-item {    width: 226px;    height: 52px;    border-radius: 52px;    display: -webkit-box;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-box-pack: center;    -webkit-justify-content: center;    -ms-flex-pack: center;    justify-content: center;    -webkit-box-align: center;    -webkit-align-items: center;    -ms-flex-align: center;    align-items: center;    font-size: 20px;    color: #3b426b;    cursor: pointer;    -webkit-transition: background .2s ease;    -o-transition: background .2s ease;    transition: background .2s ease}.make-display .display-handler .display-heandler-item.active {    background: -webkit-gradient(linear,left top,right top,from(#325eef),to(#2b80ff));    background: -webkit-linear-gradient(left,#325eef,#2b80ff);    background: -o-linear-gradient(left,#325eef,#2b80ff);    background: linear-gradient(90deg,#325eef,#2b80ff);    color: #fff}.make-display .display-handler .display-heandler-item:hover {    border: 1px solid #4e6bef;    width: 224px;    height: 50px}.make-display .make-preview {    width: 385px;    height: 744px;    background-repeat: no-repeat;    background-position: center;    background-size: 100%;    -webkit-transition: background .2s ease;    -o-transition: background .2s ease;    transition: background .2s ease}.make-display .make-preview.preview1 {    background-image: url(../images/show01.png)}.make-display .make-preview.preview2 {    background-image: url(../images/show02.png)}.make-display .make-preview.preview3 {    background-image: url(../images/show03.png)}.make-display .make-preview.preview4 {    background-image: url(../images/show04.png)}.make-display .make-preview.preview5 {    background-image: url(../images/show05.png)}