@charset "UTF-8";
.arrow-left,.arrow-right,.border-1,.border-2,.border-3,.border-4,.border-5,.border-6,.btn-exchage,.cb-list,.cb-list a.on .icon-cb-wxz,.cb-list a:hover .icon-cb-wxz,.cb-list-bg,.icon-1,.icon-2,.icon-3,.icon-4,.icon-5,.icon-6,.icon-7,.icon-cb-wxz,.icon-cb-xz,.intro-1,.part1 .swiper-box .swiper-button-next,.part1 .swiper-box .swiper-button-prev,.part10 .swiper-box .swiper-button-next,.part10 .swiper-box .swiper-button-prev,.part10 .swiper-box .swiper-pagination span,.part10 .swiper-box .swiper-pagination span.swiper-pagination-bullet-active,.part3 .swiper-box .swiper-button-next,.part3 .swiper-box .swiper-button-prev,.part5 .box ul li::after,.part5 .box ul li::before,.part6 ul li::after,.part6 ul li::before,.part7 ul li::after,.part7 ul li::before,.part8 ul li::after,.part8 ul li::before,.part9 ul li::after,.part9 ul li::before,.span-bg,.span-on,.sprite-img,.title1,.title10,.title2,.title3,.title4,.title5,.title6,.title7,.title8,.title9{background-image:url(//game.gtimg.cn/images/x5/cp/a20221026mlzy/sprite-img.png?2022_10_28_16_13_42);background-size:2468px 1994px;background-repeat:no-repeat}
.arrow-left,.part1 .swiper-box .swiper-button-prev,.part10 .swiper-box .swiper-button-prev,.part3 .swiper-box .swiper-button-prev{background-position:-2204px -1346px;width:131px;height:77px}
.arrow-right,.part1 .swiper-box .swiper-button-next,.part10 .swiper-box .swiper-button-next,.part3 .swiper-box .swiper-button-next{background-position:-2323px -1227px;width:131px;height:77px}
.border-1,.part5 .box ul li::before{background-position:-887px -1045px;width:435px;height:370px}
.border-2,.part5 .box ul li::after{background-position:0 -1045px;width:441px;height:373px}
.border-3,.part6 ul li::before,.part8 ul li::before,.part9 ul li::before{background-position:-2009px 0;width:459px;height:316px}
.border-4,.part6 ul li::after,.part8 ul li::after,.part9 ul li::after{background-position:-1327px -1045px;width:464px;height:317px}
.border-5,.part7 ul li::before{background-position:-446px -1045px;width:436px;height:371px}
.border-6,.part7 ul li::after{background-position:-1205px -558px;width:441px;height:373px}
.btn-exchage{background-position:-2204px -1227px;width:114px;height:114px}
.cb-list,.cb-list-bg{background-position:-2009px -1529px;width:25px;height:382px}
.icon-1{background-position:-2009px -321px;width:190px;height:297px}
.icon-2{background-position:-2204px -321px;width:190px;height:297px}
.icon-3{background-position:-2009px -623px;width:190px;height:297px}
.icon-4{background-position:-2204px -623px;width:190px;height:297px}
.icon-5{background-position:-2009px -925px;width:190px;height:297px}
.icon-6{background-position:-2204px -925px;width:190px;height:297px}
.icon-7{background-position:-2009px -1227px;width:190px;height:297px}
.icon-cb-wxz{background-position:-2399px -367px;width:40px;height:41px}
.cb-list a.on .icon-cb-wxz,.cb-list a:hover .icon-cb-wxz,.icon-cb-xz{background-position:-2399px -321px;width:40px;height:41px}
.intro-1{background-position:0 0;width:1200px;height:203px}
.part10 .swiper-box .swiper-pagination span,.span-bg{background-position:-2431px -413px;width:27px;height:27px}
.part10 .swiper-box .swiper-pagination span.swiper-pagination-bullet-active,.span-on{background-position:-2399px -413px;width:27px;height:27px}
.title1{background-position:0 -1615px;width:799px;height:187px}
.title10{background-position:-804px -1423px;width:799px;height:187px}
.title2{background-position:0 -1423px;width:799px;height:187px}
.title3{background-position:-804px -1615px;width:799px;height:187px}
.title4{background-position:0 -1807px;width:799px;height:187px}
.title5{background-position:0 -766px;width:799px;height:274px}
.title6{background-position:-1205px 0;width:799px;height:274px}
.title7{background-position:0 -208px;width:799px;height:274px}
.title8{background-position:-1205px -279px;width:799px;height:274px}
.title9{background-position:0 -487px;width:799px;height:274px}
article,body,dd,dl,footer,form,h1,h2,h3,h4,h5,h6,header,ol,p,section,ul{margin:0}
body,button,input,select,textarea{font:12px/1.5 tahoma,'\5FAE\8F6F\96C5\9ED1',sans-serif}
h1,h2,h3,h4,h5,h6{font-size:100%}
b,em{font-style:normal}
a{text-decoration:none}
a:hover{text-decoration:underline}
img{border:0}
body{padding-top:42px}
button,input,select,textarea{font-size:100%;outline:0}
table{border-collapse:collapse;border-spacing:0}
ol,td,th,ul{padding:0;list-style:none}
.gray{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;pointer-events:none}
a:not(.gray):hover{-webkit-filter:brightness(1.2);filter:brightness(1.2)}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.clearfix{*zoom:1}
/*!! 通用底部样式*/
#afooter{background:#1c1c1c;text-align:center}
#afooter .wrap_ieg{width:1240px;margin:0 auto;padding:30px 0}
#afooter p{color:#6e6e6e;line-height:24px;font-size:10px}
#afooter a{color:#6e6e6e;font-size:12px}
/*!! asyncCookie的iframe样式*/
#loginStatusSyncFrame_ams_ame{display:block}
body{background:#262949}
#_overlay_,#actTitleWrap,.ost,.ost_box,body{min-width:1200px!important}
.g-wrap{overflow:hidden;position:relative;font-family:'\5FAE\8F6F\96C5\9ED1';width:100%;background:url(//game.gtimg.cn/images/x5/cp/a20221026mlzy/bg.jpg) no-repeat top center}
.g-wrap a{-webkit-transition:filter .3s,border .3s,color .3s;transition:filter .3s,border .3s,color .3s}
.g-wrap a:hover{text-decoration:none;-webkit-filter:brightness(1.2);filter:brightness(1.2)}
.animated.down,.animated.left,.animated.right,.animated.top{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0);opacity:1}
.left{-webkit-transform:translateX(-50px);-moz-transform:translateX(-50px);-ms-transform:translateX(-50px);-o-transform:translateX(-50px);transform:translateX(-50px);-moz-transition:all .6s;-o-transition:all .6s;-webkit-transition:all .6s;transition:all .6s;opacity:0}
.right{-webkit-transform:translateX(50px);-moz-transform:translateX(50px);-ms-transform:translateX(50px);-o-transform:translateX(50px);transform:translateX(50px);-moz-transition:all .6s;-o-transition:all .6s;-webkit-transition:all .6s;transition:all .6s;opacity:0}
.top{-webkit-transform:translateY(50px);-moz-transform:translateY(50px);-ms-transform:translateY(50px);-o-transform:translateY(50px);transform:translateY(50px);-moz-transition:all .6s;-o-transition:all .6s;-webkit-transition:all .6s;transition:all .6s;opacity:0}
.down{-webkit-transform:translateY(-50px);-moz-transform:translateY(-50px);-ms-transform:translateY(-50px);-o-transform:translateY(-50px);transform:translateY(-50px);-moz-transition:all .6s;-o-transition:all .6s;-webkit-transition:all .6s;transition:all .6s;opacity:0}
@keyframes float{
0%,100%,50%{transform:translate(0)}
25%{transform:translateY(-8px)}
75%{transform:translateY(8px)}
}
@-webkit-keyframes float{
0%,100%,50%{-webkit-transform:translate(0)}
25%{-webkit-transform:translateY(-8px)}
75%{-webkit-transform:translateY(8px)}
}
.part-ico{animation:float 2s infinite linear;-webkit-animation:float 2s infinite linear}
.cb-list{position:fixed;right:0;top:50%;margin-top:-191px;z-index:90;transform:translateX(200px);-webkit-transform:translateX(200px);pointer-events:none;transition:all .8s;-webkit-transition:all .8s;z-index:10001;opacity:0}
.cb-list.show{opacity:1;pointer-events:auto;transform:translateX(0);-webkit-transform:translateX(0)}
.cb-list a{position:relative;display:block;right:0;margin-left:-140px;font-size:20px;color:#a1afd2;height:50px;display:flex;justify-content:space-around;flex-direction:column;text-align:right;padding-right:52px}
.cb-list a:hover{text-decoration:none;font-size:24px}
.cb-list a+a{margin-top:47px}
.cb-list a .icon-cb-wxz{display:inline-block;vertical-align:text-bottom;position:absolute;top:5px;right:-1px}
.cb-list a.on{font-size:24px}
.cb-list .icon-top{margin-top:10px;height:32px;margin-left:-20px}
.header{height:1240px}
.part{width:1200px;margin:0 auto;position:relative}
.title{margin:0 auto}
.intro-1{margin:50px auto 0}
.part1{height:1474px;padding-top:70px;box-sizing:border-box}
.part1 .swiper-box{width:1200px;margin:60px auto 0;position:relative}
.part1 .swiper-box .swiper-button-prev{position:absolute;top:400px;left:-164px;z-index:10000}
.part1 .swiper-box .swiper-button-next{position:absolute;top:400px;right:-164px;z-index:10000}
.part1 .swiper-box .part1_p2{position:absolute;color:#e0e9ff;font-size:20px;text-align:left;top:294px;left:150px;line-height:2.5;z-index:5}
.part1 .swiper-container1{width:590px;height:882px;margin-left:427px;z-index:2}
.part1 .swiper-container1 .swiper-slide{position:relative;width:100%;height:100%}
.part1 .swiper-container1 .swiper-slide img{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto}
.part2{height:510px}
.part2>img{margin:15px auto 0;display:block}
.part3{height:1655px}
.part3>img{margin:25px auto 0;display:block}
.part3 .swiper-box{width:1200px;margin:0 auto 0;position:relative}
.part3 .swiper-box .swiper-button-prev{position:absolute;top:434px;left:-164px;z-index:10000}
.part3 .swiper-box .swiper-button-next{position:absolute;top:434px;right:-164px;z-index:10000}
.part3 .swiper-container2{width:1200px;height:1073px;z-index:2}
.part3 .swiper-container2 .swiper-slide{position:relative;width:100%;height:100%}
.part3 .swiper-container2 .swiper-slide img{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto}
.part4{height:940px}
.part4 .design-wrap{margin:20px auto 0;position:relative;width:1197px;height:630px}
.part4 .design-wrap::after{content:'';display:block;position:absolute;background:url(//game.gtimg.cn/images/x5/cp/a20221026mlzy/video-border2.png) top center;width:1217px;height:653px;top:-11.5px;z-index:3;left:-9.5px;pointer-events:none;-webkit-pointer-events:none}
.part4 .design-wrap::before{content:'';display:block;position:absolute;background:url(//game.gtimg.cn/images/x5/cp/a20221026mlzy/video-border1.png) top center;width:1213px;height:649px;top:-11.5px;z-index:1;left:-7.5px;pointer-events:none;-webkit-pointer-events:none}
.part4 .design-wrap iframe{width:100%;height:100%;position:relative;z-index:2}
.part5{height:1290px}
.part5 a{display:block;position:relative;z-index:10000;margin:406px auto 0}
.part5 .clip-liear{background:url(//game.gtimg.cn/images/x5/cp/a20221026mlzy/clip-linear.png) no-repeat top center;width:1032px;height:13px;display:block;margin:-60px auto 0}
.part5 .box{width:1200px;height:965px;position:absolute;top:324px;left:0}
.part5 .box>img{position:absolute;left:-311px;top:-250px;pointer-events:none;-webkit-pointer-events:none}
.part5 .box ul{font-size:0;text-align:center}
.part5 .box ul li{display:inline-block;vertical-align:middle;margin:0 85px 114px;position:relative;width:425px;height:360px;background:#191c2d}
.part5 .box ul li::before{top:-5px;left:-5px;content:'';display:block;position:absolute;z-index:1}
.part5 .box ul li::after{content:"";display:block;position:absolute;left:-8px;top:-6.5px;z-index:3}
.part5 .box ul li img{width:425px;height:360px;position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;margin:auto}
.part5 .box .icon{position:absolute}
.part5 .box .icon-1{bottom:72px;left:-202px}
.part5 .box .icon-2{top:-56px;right:-202px}
.part6{height:1060px}
.part6 .icon-3{position:absolute;top:320px;left:512px}
.part6 ul{font-size:0;text-align:center;margin-top:45px}
.part6 ul li{display:inline-block;vertical-align:top;position:relative;width:450px;height:307px;background:#191c2d}
.part6 ul li::before{top:-4.5px;left:-4.5px;content:'';display:block;position:absolute;z-index:1}
.part6 ul li::after{content:"";display:block;position:absolute;left:-7px;top:-5px;z-index:3}
.part6 ul li img{width:450px;height:307px;position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;margin:auto}
.part6 ul li:nth-child(2){margin-left:290px}
.part6 ul li:nth-child(3){margin-top:50px}
.part7{height:1220px}
.part7 .icon{position:absolute;left:50%;margin-left:-95px}
.part7 .icon-4{top:335px}
.part7 .icon-5{top:780px}
.part7 ul{font-size:0;text-align:center;margin-top:50px}
.part7 ul li{display:inline-block;vertical-align:top;position:relative;width:425px;height:360px;background:#191c2d}
.part7 ul li::before{top:-5px;left:-5px;content:'';display:block;position:absolute;z-index:1}
.part7 ul li::after{content:"";display:block;position:absolute;left:-8px;top:-6.5px;z-index:3}
.part7 ul li img{width:425px;height:360px;position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;margin:auto}
.part7 ul li:nth-child(2){margin-left:280px}
.part7 ul li:nth-child(3){margin-top:70px}
.part7 ul li:nth-child(4){margin-left:280px;margin-top:70px}
.part8{height:720px}
.part8 .icon-6{position:absolute;top:320px;left:512px}
.part8 ul{font-size:0;text-align:center;margin-top:45px}
.part8 ul li{display:inline-block;vertical-align:top;position:relative;width:450px;height:307px;background:#191c2d}
.part8 ul li::before{top:-4.5px;left:-4.5px;content:'';display:block;position:absolute;z-index:1}
.part8 ul li::after{content:"";display:block;position:absolute;left:-7px;top:-5px;z-index:3}
.part8 ul li img{width:450px;height:307px;position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;margin:auto}
.part8 ul li:nth-child(2){margin-left:290px}
.part8 ul li:nth-child(3){margin-top:50px}
.part9{height:720px}
.part9 .icon-7{position:absolute;top:320px;left:512px}
.part9 ul{font-size:0;text-align:center;margin-top:45px}
.part9 ul li{display:inline-block;vertical-align:top;position:relative;width:450px;height:307px;background:#191c2d}
.part9 ul li::before{top:-4.5px;left:-4.5px;content:'';display:block;position:absolute;z-index:1}
.part9 ul li::after{content:"";display:block;position:absolute;left:-7px;top:-5px;z-index:3}
.part9 ul li img{width:450px;height:307px;position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;margin:auto}
.part9 ul li:nth-child(2){margin-left:290px}
.part9 ul li:nth-child(3){margin-top:50px}
.part10{height:1155px}
.part10 .swiper-box{margin:20px auto 0;position:relative}
.part10 .swiper-box .swiper-button-prev{position:absolute;top:337px;left:-100px;z-index:10000}
.part10 .swiper-box .swiper-button-next{position:absolute;top:337px;right:-100px;z-index:10000}
.part10 .swiper-box .swiper-container3{width:1920px;height:760px;margin-left:-360px}
.part10 .swiper-box .swiper-pagination{width:100%;text-align:center;position:relative;margin-top:20px}
.part10 .swiper-box .swiper-pagination span+span{margin-left:25px}
/*!# sourceMappingURL=comm.css.map */
