*{margin:0;padding:0}body,html{font-family:HarmonyOS Sans SC;height:100%}.message1{transition:all .8s;-moz-transition:all .8s;-webkit-transition:all .8s;-o-transition:all .8s;opacity:0}.showMessage{opacity:1}.codeStyle{transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s;height:25.97%;width:10.41%}.codeStyle:hover{height:55.55%;width:22.22%}.el-carousel__button{background:rgba(0,0,0,.10196078431372549)}.el-carousel__indicator.is-active button{background:#c33}.image1{transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s;width:32.26%;height:auto;position:absolute;top:0;left:0;z-index:10}.image1:hover{width:40.7%;margin-right:-4.22%;margin-left:-4.22%;margin-top:-2%;z-index:20}.image2{transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s;width:32.26%;height:auto;position:absolute;top:0;left:33.86%;z-index:10}.image2:hover{width:40.7%;margin-right:-4.22%;margin-left:-4.22%;margin-top:-2%;z-index:20}.image3{transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s;width:32.26%;height:auto;position:absolute;top:0;left:67.72%;z-index:10}.image3:hover{width:40.7%;margin-right:-4.22%;margin-left:-4.22%;margin-top:-2%;z-index:20}#mytitle{width:200px;border-radius:10px;position:absolute;font-size:20px;background:#fff;text-align:center;line-height:22px;padding-top:12px;padding-bottom:12px}.image11{transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s;width:48.8%;height:auto;position:absolute;top:0;left:0;z-index:10}.image11:hover{width:60.8%;margin-right:-5%;margin-left:-5%;margin-top:-2.5%;z-index:20}.image22{transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s;width:48.8%;height:auto;position:absolute;top:0;left:52.4%;z-index:10}.image22:hover{width:60.8%;margin-right:-5%;margin-left:-5%;margin-top:-2.5%;z-index:20}