@charset "utf-8";* {margin:0;padding:0;border:0;outline:0;font-size:0.18666666666666668rem;vertical-align:baseline;background:transparent;font-family:"PingFang SC","Microsoft YaHei","Helvetica","Tahoma","Arial";color:#121212;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga","kern";}
body {background:#FFFFFF;}
a {text-decoration:none!important;cursor:pointer;}
em,i {font-style:normal;}
.fl {float:left;}
.fr {float:right;}
img {border:none;display:block;}
em,h1 {font-style:normal;}
ul {list-style:none;}
.width {width:9.2rem;margin:0 auto;}
.wrapper {width:10rem;margin:0 auto;}
.banner {background:url(../../images/vfx/sphfx/banner.png)center top/10rem;height:5.333333333333333rem;margin-top:1.2933333rem;}
.banner b {display:block;font-weight:bold;font-size:0.6666666666666666rem;color:#000000;line-height:0.9333333333333333rem;padding-top:0.8rem;margin-left:0.5333333333333333rem;position:relative;}
.banner b i {position:absolute;width:3.12rem;height:0.7866666666666666rem;background:url(../../images/vfx/sphfx/b_mark.png);background-size:100%;left:0;top:1.8rem;}
.banner p {font-weight:400;font-size:0.4rem;color:#2C2C2C;margin:0.13333333333333333rem 0 0 0.5333333333333333rem;}
.banner a {display:block;width:3.3733333333333335rem;height:1.0666666666666667rem;background:#F53841;border-radius:0.5333333333333333rem;font-weight:bold;font-size:0.4rem;color:#FFFFFF;line-height:1.0666666666666667rem;text-align:center;margin:0.4rem 0 0 0.5333333333333333rem;}
.content .tit {text-align:center;padding:1.0666666666666667rem 0 0.6666666666666666rem;}
.content .tit b {display:block;font-weight:500;font-size:0.6666666666666666rem;color:#000000;}
.content .btn {display:block;text-align:center;margin:0.8rem auto 0;width:5.413333333333333rem;height:1.0666666666666667rem;background:#0050D5;border-radius:0.05333333333333334rem;font-weight:500;font-size:0.4266666666666667rem;color:#FFFFFF;line-height:1.0666666666666667rem;}
.content>div {padding-bottom:1.0666666666666667rem;}
.content .fl_1 {height:auto;overflow:hidden;}
.content .fl_1 .tit {padding-bottom:0.4rem;}
.content .fl_1 .tit b {width:8.293333333333333rem;height:1rem;background:url(../../images/vfx/sphfx/fl1_mark.png);background-size:100%;margin:0 auto;}
.content .fl_1 .width {display:block;width:9.226666666666667rem;height:9.106666666666667rem;background:url(../../images/vfx/sphfx/fl1_1.png);background-size:100%;}
.content .fl_2 {height:auto;overflow:hidden;background:#F9F9F9;}
.content .fl_2 .top {width:9.2rem;height:3.5733333333333333rem;background:url(../../images/vfx/sphfx/fl2_1.png);background-size:100%;margin:0 auto 0.5333333333333333rem;}
.content .fl_2 .info {display:block;width:9.2rem;height:2.466666666666667rem;background:#FFFFFF;border-radius:0.13333333333333333rem;margin:0 auto 0.4rem;display:flex;position:relative;}
.content .fl_2 .info:hover {box-shadow:0rem 0.04rem 0.26666666666666666rem 0rem rgba(229,233,240,0.8);}
.content .fl_2 .info i {display:block;width:1.3333333333333333rem;height:1.3333333333333333rem;background:url(../../images/vfx/sphfx/fl2_ico1.png);background-size:100%;margin:0.41333333333333333rem 0.4rem 0 0.37333333333333335rem;}
.content .fl_2 .info:nth-child(3) i {background:url(../../images/vfx/sphfx/fl2_ico2.png);background-size:100%;}
.content .fl_2 .info:nth-child(4) i {background:url(../../images/vfx/sphfx/fl2_ico3.png);background-size:100%;}
.content .fl_2 .info:nth-child(5) i {background:url(../../images/vfx/sphfx/fl2_ico4.png);background-size:100%;}
.content .fl_2  .info span {display:block;font-weight:bold;font-size:0.4rem;color:#010101;margin-top:0.4266666666666667rem;margin-bottom:0.13333333333333333rem;}
.content .fl_2  .info p {display:block;font-weight:normal;font-size:0.32rem;color:#777777;}
.content .fl_2  .info .num {display:block;width:0.3466666666666667rem;height:1.16rem;font-family:Kingsoft_Cloud_Font;font-weight:400;font-size:1.3333333333333333rem;color:#5551EA;line-height:0.32rem;position:absolute;top:0.6666666666666666rem;right:0.5333333333333333rem;}
.content .fl_3 {height:auto;overflow:hidden;}
.content .fl_3 .info {width:9.2rem;height:8.493333333333334rem;background:#FFFFFF;box-shadow:0rem 0.04rem 0.3333333333333333rem 0.013333333333333334rem rgba(213,218,227,0.8);border-radius:0.13333333333333333rem;margin-bottom:0.5333333333333333rem;}
.content .fl_3 .info:nth-child(2) {height:6.973333333333334rem;}
.content .fl_3 .info:nth-child(3) {height:6.973333333333334rem;}
.content .fl_3 .info .top {width:100%;height:1.4266666666666667rem;background:url(../../images/vfx/sphfx/fl3_1.png);background-size:100%;margin-bottom:0.6666666666666666rem;}
.content .fl_3 .info:nth-child(2) .top {background:url(../../images/vfx/sphfx/fl3_2.png);background-size:100%;}
.content .fl_3 .info:nth-child(3) .top {background:url(../../images/vfx/sphfx/fl3_3.png);background-size:100%;}
.content .fl_3 .info .top h5 {display:block;font-weight:bold;font-size:0.48rem;color:#FFFFFF;padding:0.38666666666666666rem 0 0 0.52rem;}
.content .fl_3 .info .text {margin-left:0.5333333333333333rem;display:flex;align-items:center;margin-bottom:0.5866666666666667rem;}
.content .fl_3 .info .text i {display:block;width:0.8rem;height:0.8rem;background:url(../../images/vfx/sphfx/fl3_ico1.png);background-size:100%;margin-right:0.22666666666666666rem;}
.content .fl_3 .info .text:nth-child(3) i {background:url(../../images/vfx/sphfx/fl3_ico2.png);background-size:100%;}
.content .fl_3 .info .text:nth-child(4) i {background:url(../../images/vfx/sphfx/fl3_ico3.png);background-size:100%;}
.content .fl_3 .info .text:nth-child(5) i {background:url(../../images/vfx/sphfx/fl3_ico4.png);background-size:100%;}
.content .fl_3 .info .text span {display:block;font-weight:500;font-size:0.37333333333333335rem;color:#000000;margin-bottom:0.13333333333333333rem;}
.content .fl_3 .info .text p {display:block;font-weight:400;font-size:0.29333333333333333rem;color:#737373;}
.content .fl_3 .info:nth-child(2) .text:nth-child(2) i {background:url(../../images/vfx/sphfx/fl3_ico5.png);background-size:100%;}
.content .fl_3 .info:nth-child(2) .text:nth-child(3) i {background:url(../../images/vfx/sphfx/fl3_ico6.png);background-size:100%;}
.content .fl_3 .info:nth-child(2) .text:nth-child(4) i {background:url(../../images/vfx/sphfx/fl3_ico7.png);background-size:100%;}
.content .fl_3 .info:nth-child(3) .text:nth-child(2) i {background:url(../../images/vfx/sphfx/fl3_ico8.png);background-size:100%;}
.content .fl_3 .info:nth-child(3) .text:nth-child(3) i {background:url(../../images/vfx/sphfx/fl3_ico9.png);background-size:100%;}
.content .fl_3 .info:nth-child(3) .text:nth-child(4) i {background:url(../../images/vfx/sphfx/fl3_ico10.png);background-size:100%;}
.content .fl_4 {height:auto;overflow:hidden;background:#F9F9F9;}
.content .fl_4 ul {display:flex;justify-content:space-between;flex-wrap:wrap;width:9.6rem;}
.content .fl_4 ul li {width:25%;height:auto;font-weight:bold;font-size:0.26666666666666666rem;color:#212121;text-align:center;margin-bottom:0.9866666666666667rem;}
.content .fl_4 ul li em {display:block;margin:0 auto 0.13333333333333333rem;width:0.9333333333333333rem;height:0.9333333333333333rem;background:url(../../images/vfx/sphfx/fl4_ico1.png);background-size:100%;}
.content .fl_4 ul li:nth-child(2) em {background:url(../../images/vfx/sphfx/fl4_ico2.png);background-size:100%;}
.content .fl_4 ul li:nth-child(3) em {background:url(../../images/vfx/sphfx/fl4_ico3.png);background-size:100%;}
.content .fl_4 ul li:nth-child(4) em {background:url(../../images/vfx/sphfx/fl4_ico4.png);background-size:100%;}
.content .fl_4 ul li:nth-child(5) em {background:url(../../images/vfx/sphfx/fl4_ico5.png);background-size:100%;}
.content .fl_4 ul li:nth-child(6) em {background:url(../../images/vfx/sphfx/fl4_ico6.png);background-size:100%;}
.content .fl_4 ul li:nth-child(7) em {background:url(../../images/vfx/sphfx/fl4_ico7.png);background-size:100%;}
.content .fl_4 ul li:nth-child(8) em {background:url(../../images/vfx/sphfx/fl4_ico8.png);background-size:100%;}
.content .fl_4 ul li:nth-child(9) em {background:url(../../images/vfx/sphfx/fl4_ico9.png);background-size:100%;}
.content .fl_4 ul li:nth-child(10) em {background:url(../../images/vfx/sphfx/fl4_ico10.png);background-size:100%;}
.content .fl_4 ul li:nth-child(11) em {background:url(../../images/vfx/sphfx/fl4_ico11.png);background-size:100%;}
.content .fl_4 ul li:nth-child(12) em {background:url(../../images/vfx/sphfx/fl4_ico12.png);background-size:100%;}
.content .fl_4 ul li:nth-child(n+9) {margin-bottom:0;}
.content .fl_5 {height:auto;overflow:hidden;}
.content .fl_5 .info {width:9.2rem;height:11.52rem;background:#FFFFFF;box-shadow:0rem 0.04rem 0.3333333333333333rem 0.013333333333333334rem rgba(213,218,227,0.8);border-radius:0.13333333333333333rem;}
.content .fl_5 .info:nth-child(2) {height:10.56rem;}
.content .fl_5 .info .top {width:100%;height:4rem;background:url(../../images/vfx/sphfx/fl5_1.png);background-size:100%;padding-top:1.2rem;}
.content .fl_5 .info:nth-child(2) .top {background:url(../../images/vfx/sphfx/fl5_2.png);background-size:100%;margin-top:0.5333333333333333rem;}
.content .fl_5 .info .top h5 {display:block;width:3.2666666666666666rem;height:0.7466666666666667rem;background:linear-gradient(90deg,#8C67F4 0%,#C29FF8 100%);border-radius:0.37333333333333335rem;text-align:center;font-weight:bold;font-size:0.4rem;color:#FFFFFF;line-height:0.7466666666666667rem;margin-left:0.4666666666666667rem;}
.content .fl_5 .info .top h4 {display:block;font-weight:500;font-size:0.4rem;color:#FFFFFF;margin:0.5333333333333333rem 0 0 0.4666666666666667rem;}
.content .fl_5 .info .text {display:block;margin:0.6666666666666666rem 0 0 0.4533333333333333rem;}
.content .fl_5 .info .text span {display:block;width:2.16rem;height:0.6666666666666666rem;background:linear-gradient(90deg,#E8E0FF 0%,#F0EBFF 100%);border-radius:0.3333333333333333rem;text-align:center;font-weight:bold;font-size:0.3466666666666667rem;color:#63269D;line-height:0.6666666666666666rem;margin-bottom:0.24rem}
.content .fl_5 .info .text p {font-weight:500;font-size:0.29333333333333333rem;color:#4C4C4C;line-height:0.48rem;margin-bottom:0.5066666666666667rem;}
.content .fl_5 .info .text p a {display:inline-block;font-weight:500;font-size:0.29333333333333333rem;color:#0037B5;}
.content .fl_5 .info:nth-child(2) .text span {width:4.1066666666666665rem;}