.banner{background:#52b5f8}
.coper-wrap{padding:50px 0}
.coper-wrap .wp90{display:flex;justify-content:space-around;align-items:center}
.coper-wrap .item{width:640px}
.coper-wrap .apiarea,.coper-wrap .coperarea{display:flex;flex-wrap:wrap;justify-content:center}
.coper-wrap .item span{display:inline-block;width:180px;height:135px;margin:15px;font-size:20px;line-height:175px;text-indent:20px;background-size:100%;user-select:none;transition:transform .3s}
.coper-wrap .item span:hover{transform:translateY(-10px)}
.coper-wrap .api1{background:url("../image/bar1.png") center no-repeat;color:#555C83}
.coper-wrap .api2{background:url("../image/bar2.png") center no-repeat;color:#97785B}
.coper-wrap .api3{background:url("../image/bar3.png") center no-repeat;color:#4A7E7A}
.coper-wrap .api4{background:url("../image/bar4.png") center no-repeat;color:#9E8B5E}
.coper-wrap .api5{background:url("../image/bar5.png") center no-repeat;color:#425084}
.coper-wrap .api6{background:url("../image/bar6.png") center no-repeat;color:#6E60A5}
.coper-wrap .cooper1{background:url("../image/bar7.png") center no-repeat;color:#6B5583}
.coper-wrap .cooper2{background:url("../image/bar8.png") center no-repeat;color:#90975B}
.coper-wrap .cooper3{background:url("../image/bar9.png") center no-repeat;color:#4A617E}
.coper-wrap .cooper4{background:url("../image/bar10.png") center no-repeat;color:#889E5E}
.coper-wrap .cooper5{background:url("../image/bar11.png") center no-repeat;color:#425084}
.coper-wrap .cooper6{background:url("../image/bar12.png") center no-repeat;color:#9A60A5}
.coper-wrap .btn{display:inline-block;width:130px;height:20px;padding:16px 30px;margin:0 auto;border-radius:32px;text-align:center;letter-spacing:2px;font-weight:600;color:#fff;transform:translate3d(0,0,0);transition:.2s}
.coper-wrap .item:nth-child(1) .btn{background:#7295F1}
.coper-wrap .item:nth-child(2) .btn{background:#9C72E4}
.coper-wrap .btn:hover{transform:translateZ(0) scale(1.025)}

.memoir-wrap{padding:50px 0;background:#EEF7FD}
.memoir-area{width:1280px;height:406px;margin:50px auto}
.memoir-area .wave{height:144px;position:absolute;left:0;right:0;top:50%;z-index:1;transform:translateY(-50%);background:url("../image/wave.png") center no-repeat;background-size:100%}
.memoir-area .item{position:absolute;z-index:2}
.memoir-area .item .text{width:270px;height:240px;background:url("../image/siximg.png") center no-repeat;background-size:100%;display:flex;flex-direction:column;justify-content:center;text-align:center;transition:.5s}
.memoir-area .item .text:hover{transform:scale3d(1.15, 1.15, 1.15);}
.memoir-area .item .more{position:absolute;z-index:-1;left:35px;opacity:0;width:166px;padding:12px;background:#fff;color:#999;border-radius:10px;box-shadow:0 0 10px rgba(136, 132, 132, 0.29);transition:.5s}
.memoir-area .item .more:after{content:"";width:6px;height:55px;position:absolute;left:94px}
.memoir-area .item .more:before{content:"";width:12px;height:12px;position:absolute;left:91px;border-radius:6px}
.memoir-area .item:nth-child(1) .more,.memoir-area .item:nth-child(3) .more,.memoir-area .item:nth-child(5) .more{bottom:30px}
.memoir-area .item:nth-child(1) .more:after{top:-70px;background:linear-gradient(180deg, #65DCD4 0%, #B973E1 100%)}
.memoir-area .item:nth-child(1) .more:before{top:-20px;background:#B973E1}
.memoir-area .item:nth-child(1):hover .more{transform:translateY(220px);opacity:1}
.memoir-area .item:nth-child(2) .more,.memoir-area .item:nth-child(4) .more{top:30px}
.memoir-area .item:nth-child(2) .more:after{bottom:-70px;background:linear-gradient(180deg, #FE9FB9 0%, #B973E1 100%)}
.memoir-area .item:nth-child(2) .more:before{bottom:-20px;background:#FE9FB9}
.memoir-area .item:nth-child(2):hover .more{transform:translateY(-240px);opacity:1}
.memoir-area .item:nth-child(3) .more:after{top:-70px;background:linear-gradient(180deg, #FB9DBB 0%, #F48A8A 100%)}
.memoir-area .item:nth-child(3) .more:before{top:-20px;background:#F48A8A}
.memoir-area .item:nth-child(3):hover .more{transform:translateY(220px);opacity:1}
.memoir-area .item:nth-child(4) .more:after{bottom:-70px;background:linear-gradient(180deg, #FE9FB9 0%, #FB8382 100%)}
.memoir-area .item:nth-child(4) .more:before{bottom:-20px;background:#FE9FB9}
.memoir-area .item:nth-child(4):hover .more{transform:translateY(-260px);opacity:1}
.memoir-area .item:nth-child(5) .more:after{top:-70px;background:linear-gradient(180deg, #55D68F 0%, #30B379 100%)}
.memoir-area .item:nth-child(5) .more:before{top:-20px;background:#30B379}
.memoir-area .item:nth-child(5):hover .more{transform:translateY(260px);opacity:1}

.memoir-area .pos1{left:6%;top:22px}
.memoir-area .pos1 p{color:#62D5CE}
.memoir-area .pos2{left:23.25%;bottom:22px}
.memoir-area .pos2 p{color:#C07EE7}
.memoir-area .pos3{left:40%;top:22px}
.memoir-area .pos3 p{color:#FF9FB8}
.memoir-area .pos4{left:57%;bottom:22px}
.memoir-area .pos4 p{color:#F38A8A}
.memoir-area .pos5{left:73.75%;top:22px}
.memoir-area .pos5 p{color:#4DD98D}
.cooper-dialog{width:561px;height:567px;position:fixed;left:50%;top:50%;z-index:4;transform:translate3d(-50%, -50%, 0);background:url("/static/images/window_bg.png") center no-repeat}
.cooper-dialog .top{position:absolute;width:100%;top:60px;text-indent:15%;color:#663A09}
.cooper-dialog i.icon-shanchu{position:absolute;right:0;top:0;width:28px;height:28px;background:#fff;font-size:28px;line-height:1;border-radius:50%;cursor:pointer;text-align: center;}
.cooper-dialog .info{position:absolute;bottom:6%;width:100%;font-size:20px;line-height:30px}
.mask{left:0;top:0;right:0;bottom:0;background-color:rgba(0, 0, 0, .5);position:fixed;z-index:3;display:none}