/*@font-face{ font-family: fontR; src: url('../fonts/SourceHanSansCN-Regular.otf');}*/ html,body{padding: 0;margin: 0;font-family:fontR,"微软雅黑";font-size: 16px;color: #fff;overflow-x:hidden;} .wrap{max-width: 1200px;margin: 0 auto;} ul{padding: 0;margin: 0;} ul li{list-style: none;} .fl{float: left;} .fr{float: right;} .fp-tableCell{vertical-align: top;} a,a:hover,a:active,a:visited,a:link,a:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;outline:none;background: none;text-decoration: none;} img{max-width: 100%;} p{margin: 0;} input:focus,button:focus{outline: none;} .flexcen{display: flex;justify-content: center;align-items: center;} .flexsta{display: flex;justify-content: flex-start;align-items: center;} .flexend{display: flex;justify-content: flex-end;align-items: center;} .flexbet{display: flex;justify-content: space-between;align-items: center;} .pa{position: absolute;} .ttu{text-transform: uppercase;} .dImg{display: block;} .hImg{display: none;} .visible-xs{display: none;} .hidden-xs{display: block;} .bg{background-repeat: no-repeat; background-position: 0 0; width: 100%;} .ovh{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .ovh2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .ovh3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;} .ovh4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;} /**导航菜单**/ header{position: fixed;top: 0;width: 100%;z-index: 9999;background: rgba(0,0,0,.8);} header .header-container{padding: 0 0 0 3.125vw;} header .logo{height: 8.6vh;position: relative;z-index: 9999;margin-right: 3.64583vw;width: 11.98vw;} header .logo img{max-height: 100%;} header .rightDiv .menu{position: relative;height:8.6vh;} header .rightDiv .menu ul{display: inline-block;/*overflow: hidden;*/} header .rightDiv .menu.open ul,header .index-header .rightDiv .menu ul{display: inline-block;} header .rightDiv .menu ul li{float: left;position: relative;margin-left: 2vw;text-transform: uppercase;} header .rightDiv .menu ul li>a{height: 8.6vh;line-height: 8.6vh; text-align: center;color: #fff;font-size: 0.83vw;display: inline-block;position: relative;} header .rightDiv .menu ul li>a:hover, header .rightDiv .menu ul li>a:focus, header .rightDiv .menu ul li.active>a{background: none;color: #ffee7d !important;} header .rightDiv .menu>ul>li>a::after{content: "";width: 100%;position: absolute;left: 0;margin-left: 0;background: #ffee7d;height: 2px;bottom: 20px;opacity: 0;transform: scaleX(0);-webkit-transition: all 0.4s;transition: all 0.4s;} header .rightDiv .menu>ul>li:hover>a::after, header .rightDiv .menu>ul>li.active>a::after{opacity: 1;transform: scaleX(1);} header .rightDiv .otherDiv{height: 8.6vh;color: #fff;} header .rightDiv .otherDiv a{color: #fff;} header .rightDiv .otherDiv .rechargeDiv{position: relative;height: 100%;} header .rightDiv .otherDiv .rechargeDiv .czBtn{font-size: 0.83vw;} header .rightDiv .otherDiv .rechargeDiv .czmenu{min-width: 13.542vw;width: max-content;left: 50%;transform: translateX(-50%); top: 100%;background: rgba(0,0,0,.9);display: none;border-radius:0 0 5px 5px;overflow: hidden;} header .rightDiv .otherDiv .rechargeDiv:hover .czmenu{display: block;} header .rightDiv .otherDiv .rechargeDiv:hover .czBtn{color: #fde192;} header .rightDiv .otherDiv .rechargeDiv .czmenu .acID{height: 3.64583vw;font-size: 1.14583vw;color: #fde192;} header .rightDiv .otherDiv .rechargeDiv .czmenu .acID span{padding-left: 1.71875vw;background: url(../img/cz.png) no-repeat left center;background-size: 1.4vw; margin-left: 1vw;} header .rightDiv .otherDiv .rechargeDiv .czmenu .itemDiv a{font-size: 1vw;color: #fff;height: 3.64583vw;border-top: 1px solid rgba(91,87,57,.8);} header .rightDiv .otherDiv .rechargeDiv .czmenu .itemDiv a .iconDiv{margin-right: 1.3vw;} header .rightDiv .otherDiv .rechargeDiv .czmenu .itemDiv a .iconDiv img{width: 1.5vw;} header .rightDiv .otherDiv .rechargeDiv .czmenu .itemDiv a:hover{background: rgba(255,255,255,.1);color: #fde192;} header .rightDiv .otherDiv .rechargeDiv .czmenu .itemDiv a:hover .hImg{display: block;} header .rightDiv .otherDiv .rechargeDiv .czmenu .itemDiv a:hover .dImg{display: none;} header .rightDiv .otherDiv .musicBtn{position: relative;margin: 0 0 0 2.6vw;height: 100%;} header .rightDiv .otherDiv .musicBtn img{width: 1.145833vw;} header .rightDiv .otherDiv .musicBtn.pause .dImg{display: none;} header .rightDiv .otherDiv .musicBtn.pause .hImg{display: block;} header .rightDiv .otherDiv .languageDiv{position: relative;height: 100%;padding:0 1vw 0 1.5625vw;} header .rightDiv .otherDiv .languageDiv .langBtn img{width: 1.145833vw;} header .rightDiv .otherDiv .languageDiv .langList{min-width: 9.375vw;width: max-content;left: 50%;transform: translateX(-50%); top: 100%;background: rgba(0,0,0,.4);display: none;border-radius: 0 0 5px 5px;overflow: hidden;} header .rightDiv .otherDiv .languageDiv:hover .langList{display: block;} header .rightDiv .otherDiv .languageDiv .langList a{display: block;line-height: 2.6vw;color: #fff;font-size: 0.833vw;text-align: center;padding: 0 1vw;} header .rightDiv .otherDiv .languageDiv .langList a.closeBtn{display: none;} header .rightDiv .otherDiv .languageDiv .langList a:hover{background: rgba(255,255,255,.1);color: #fde192;} header .rightDiv .otherDiv .playNowDiv{position: relative;padding: 0 2.34375vw 0 0.82vw;height: 100%;} header .rightDiv .otherDiv .playNowDiv .pnBtn{display: block;font-size: 0.833vw;width: 6.5625vw;line-height: 1.5625vw;color: #333;font-family: "Impact";background: url(../img/pn.png) no-repeat center center/100%;text-align: center;} header .rightDiv .otherDiv .playNowDiv .pnList{min-width: 10.42vw;width: max-content;right: 0;top: 100%;display: none;background: rgba(0,0,0,.4);border-radius: 0 0 5px 5px;overflow: hidden;} header .rightDiv .otherDiv .playNowDiv:hover .pnList{display: block;} header .rightDiv .otherDiv .playNowDiv .pnList a{padding: 0.9375vw 0.73vw;font-size: 1vw;color: #fff;} header .rightDiv .otherDiv .playNowDiv .pnList a:hover{background: rgba(91,87,57,.7);} header .rightDiv .otherDiv .playNowDiv .pnList a img{margin-right: 0.57vw;width: 1.82vw;} header .mbtn {display: inline-block;width: 46px;height: 60px;background: url(../img/menu.png) no-repeat center center;background-size: 16px auto;position: absolute;top: 0;right: 0;display: none;} header .mbtn:active{opacity: .8;} body.on-menu header .mbtn{background: url(../img/menu-hide.png) no-repeat center center;background-size: 16px auto;} header .hbDiv{display: none;} /********************************* 首页 **********************************/ /*banner轮播*/ .banner1{width: 100%;height: 100%;position:relative;} .banner1 .swiper-slide{overflow: hidden;} .banner1 .img{width: 100%;display: block;height: 100vh;background: none no-repeat center;background-size: cover;} .banner1 .playBtn{position: absolute;top: 43%;left: 50%;transform: translate(-50%,-50%);z-index: 9999;width: 4.375vw;} .banner1 .download_box{position: absolute;bottom: 9vw;left: 0;width: 100%;z-index: 9999;} .banner1 .download_box a{width: 18.854267%;display: block;margin: 0 1.5vw;} /* .banner1 .swiper-container-horizontal>.swiper-pagination-progressbar{top: auto;bottom: 4vw;height: 1px;} .banner1 .swiper-pagination-progressbar{background: #fff;} .banner1 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: #ffee7d;} */ .banner1 video{width: 100%;height: 100%;object-fit: cover;position: absolute;left: 0;top: 0;opacity: 1;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);-o-transform: translate3d(0,0,0);transform: translate3d(0,0,0);transition: z-index 0s ease 0.7s,opacity 0.35s ease 0.7s;display: block;} .banner2{width: 100%;height:100%;background: url(../img/i-bg2.jpg) no-repeat center center;background-size: cover;position: relative;} .banner2 .title2{left: 12.9vw; top: 22vh;width: 18.125vw;} .banner2 .dian1{width: 5.1vw; top: 28.61vh; left: 35.98vw; z-index: 10;} .banner2 .dian2{width: 4.167vw;bottom: 6.8vh; left: 10.7vw; z-index: 10;} .banner2 .BigSwiper {width: 87.1vw; height: 100%;/* border: 1px solid red; */right: 0;top: 50%;transform: translateY(-50%);} .banner2 .Bigswiper{width: 100%; height: 100%;} .banner2 .Bigswiper .swiper-wrapper{transition-delay:.6s;} .banner2 .Bigswiper .swiper-slide .img_swiper{top: 0;right: 0;height: 100%;width: 69%;z-index: 9;text-align: left;display: flex;justify-content: flex-start;align-items: center;padding-right: 5vw;} .banner2 .Bigswiper .swiper-slide .img_swiper_bg{width: 65%;height: 100%; top: 0px; right: 0;z-index: 8; animation: bg_img1 steps(60,end) 5s infinite;background: url(../img/s2-bg.png) no-repeat center;background-size: 100% 100%;} .banner2 .Bigswiper .swiper-slide .img_swiper img {width: 100%;height: 100%;object-fit: cover;} .banner2 .Bigswiper .swiper-slide .img_swiper_bg img {display: block;width: 100%;height: 100%;} .banner2 .Bigswiper .swiper-slide .swiper_name{display: inline-flex; flex-direction: column; font-family: 'IMPACT'; position: absolute; top:30.7vh; left: 0;transition: all .4s;line-height: 1;} .banner2 .Bigswiper .swiper-slide .swiper_name span{font-size: 2.5vw; color: #000000;} .banner2 .Bigswiper .swiper-slide .swiper_skill{left: 0; top: 39.98vh;} .banner2 .Bigswiper .swiper-slide .swiper_skill img{margin-right: 18px;} .banner2 .Bigswiper .swiper-slide .swiper_skill>img{width: 2.8125vw;} .banner2 .Bigswiper .swiper-slide .swiper_skill .level img{width: 1.98vw;} .banner2 .Bigswiper .swiper-slide .swiper_introduce{width: 35%; left: 0; top: 48.1vh; font-size: 1vw; font-family: 'Helvetica'; color: #000000; z-index: 10;line-height: 1.8;margin: 0;} .banner2 .btnDiv{left: 12.9vw;top: 77.6vh;width: 30vw;height: 1.979vw;z-index: 99;} .banner2 .swiper-button-prev1{width: 1.979vw !important; height: 1.979vw !important; background: url(../img/left.png) no-repeat center center/100%; transition: all .3s; top: 0 !important;left: auto;position: relative;margin-top: auto;} .banner2 .swiper-button-next1{width: 1.979vw !important; height: 1.979vw !important; background: url(../img/right.png) no-repeat center center/100%; transition: all .3s; top:0 !important;right: auto;position: relative;margin-top: auto;} .banner2 .smallswiper-pagination {transition: all .3s;position: relative;margin: 0 1.5vw;} .banner2 .smallswiper-pagination .swiper-pagination-bullet {width:0.625vw;height: 0.625vw; margin: 0 0.364583vw; background: url(../img/dian.png) no-repeat center center/100%; border-radius: 0 !important;transition: all .3s;opacity: 1;} .banner2 .smallswiper-pagination .swiper-pagination-bullet-active{width: 3.125vw;height: 0.625vw;background: url(../img/line.png) no-repeat center center/100%;transition: all .3s;} .banner2 .more{display: block; width: 10.42vw; height: 2.6vw;line-height: 2.6vw; background: url(../img/more.png) no-repeat center center/100%; bottom: 8.7vh; left: 23vw;text-align: center;color: #fff;font-family: 'Helvetica'; font-size: 1vw; z-index: 10;} .banner2 .more:hover{} /* 轮播动画 */ .fadeline .swiper_name{ transform: translateX(0);opacity: 1;transition: all .4s;} .fadeline .swiper_skill{ transform: translateX(0);opacity: 1;transition: all .6s;} .fadeline .swiper_introduce{ transform: translateX(0);opacity: 1;transition: all .8s;} .fadeline .img_swiper{ transform: translateX(0);opacity: 1;transition: all .8s;} .swiper_name{ transform: translateX(-100px);opacity: 0;transition: all .4s;} .swiper_skill{ transform: translateX(-100px);opacity: 0;transition: all .6s;} .swiper_introduce{ transform: translateX(-100px);opacity: 0;transition: all .8s;} .img_swiper{ transform: translateX(100px);opacity: 0;transition: all .6s;} .banner2 .SmallSwiper{width: 30vw;left: 12.9vw;top: 65vh;display: flex;justify-content: space-between;align-items: center; z-index: 999;margin: 0 -0.46875vw;} .banner2 .SmallSwiper .swiper-slide-img{cursor: pointer;margin: 0 0.46875vw;} .banner2 .SmallSwiper .smicon{width: 4.6875vw;height: 4.6875vw; margin: 0 auto;border-radius: 0.52vw;overflow: hidden;box-shadow: 0.2vw 0.2vw 1px #ffee7d;} .banner2 .SmallSwiper .smicon img{ width: 100%; height: 100%; object-fit: cover; filter:url('data:image/svg+xml;utf8,#grayscale'); /* Firefox 3.5+, IE10 */ filter:gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */ -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */ -webkit-backface-visibility: hidden; /* Fix for transition flickering */ } .banner2 .SmallSwiper .smicon.on{border: 2px solid #000;} .banner2 .SmallSwiper .smicon.on img{filter: none;-webkit-filter: grayscale(0%);} .banner3{width: 100%;height:100%;background: url(../img/i-bg3.jpg) no-repeat center center;background-size: cover;position: relative;} .banner3 .title{width: 12.44vw;top: 12.5vh;left: 11vw;/* transform: translateX(-50%); */} /*.banner3 .listDiv{width: 89.58vw; height: 59.26vh; left: 5.21vw; top: 18.5vh;} .banner3 .listDiv .leftDiv{width: 62.8%;} .banner3 .listDiv .leftDiv .hd{padding-top: 27.777777%;position: relative;} .banner3 .listDiv .leftDiv .flexbet{position: absolute;width: 100%;height: 100%;left: 0;top: 0;} .banner3 .listDiv .leftDiv .hd .flexbet .itemDiv:nth-child(1){width: 40.86%;position: relative;} .banner3 .listDiv .leftDiv .hd .flexbet .itemDiv:nth-child(1) .conDiv{padding-bottom: 67.873%;} .banner3 .listDiv .leftDiv .hd .flexbet .itemDiv:nth-child(2){width: 59.14%;position: relative;} .banner3 .listDiv .leftDiv .hd .flexbet .itemDiv:nth-child(2) .conDiv{padding-bottom: 46.875%;} .banner3 .listDiv .leftDiv .bd{padding-top: 31.42%;position: relative;} .banner3 .listDiv .leftDiv .bd .flexbet .itemDiv:nth-child(1){width: 31.85%;position: relative;} .banner3 .listDiv .leftDiv .bd .flexbet .itemDiv:nth-child(1) .conDiv{padding-bottom: 98.84%;} .banner3 .listDiv .leftDiv .bd .flexbet .itemDiv:nth-child(2){width: 31.85%;position: relative;} .banner3 .listDiv .leftDiv .bd .flexbet .itemDiv:nth-child(2) .conDiv{padding-bottom: 98.84%;} .banner3 .listDiv .leftDiv .bd .flexbet .itemDiv:nth-child(3){width: 36.3%;position: relative;} .banner3 .listDiv .leftDiv .bd .flexbet .itemDiv:nth-child(3) .conDiv{padding-bottom: 86.96%;} .banner3 .listDiv .centerDiv{width: 18.6%;position: relative;z-index: 1;} .banner3 .listDiv .centerDiv .conDiv{padding-bottom: 200%;} .banner3 .listDiv .rightDiv{width: 18.6%;} .banner3 .listDiv .rightDiv .conDiv:nth-child(1){padding-bottom: 93.75%;} .banner3 .listDiv .rightDiv .conDiv:nth-child(2){padding-bottom: 106.25%;} .banner3 .conDiv{overflow: hidden;position: relative;display: block;} .banner3 .pic{position: absolute;left: 0;top: 0;width: 100%;height: 100%;transition-duration: .6s;-ms-transition-duration: .6s;-moz-transition-duration: .6s;-webkit-transition-duration: .6s;} .banner3 .conDiv:hover .pic{transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);-webkit-transform:scale(1.05);} .banner3 .color{position: absolute;top: 100%;width: 100%;height: 100%;background: linear-gradient(to bottom,rgba(255,0,0,0),#000);transition: all .3s ease-out;} .banner3 .conDiv:hover .color{transform: translateY(-60%);} .banner3 span{position: absolute;transition: all .3s;font-size: 1.2vw;width: 100%;text-align: center;left:0;bottom: 10%;text-align: center;color: #fff; z-index: 9;opacity: 0;padding: 0 5%;} .banner3 .conDiv:hover span{opacity: 1;} */ .banner3 .Masonry{width: 78vw; height: 59.26vh; left: 50%;transform: translateX(-50%); top: 22.5vh;overflow-y: auto;} .Masonry::-webkit-scrollbar {width:6px;height:0} .Masonry::-webkit-scrollbar {background-color:transparent;border-radius:3px} .Masonry::-webkit-scrollbar-thumb {background-color:#fde192;border-radius:20px} .Masonry::-webkit-scrollbar-track-piece {background-color:#d3d3ec;border-radius:3px} .Masonry::-webkit-scrollbar-button {background-color:transparent;width:0;height:0} .Masonry::-webkit-scrollbar-corner {background-color:#d3d3ec;} .banner3 .grid-item { width: 15.1vw; overflow: hidden;} .banner3 .grid-item .gallery-thumbnail{display: block; width: 100%; height: 100%;} .banner3 .grid .color{position: absolute;top: 100%;width: 100%;height: 100%;background: linear-gradient(to bottom,rgba(255,0,0,0),#000);transition: all .3s ease-out;} .banner3 .grid .grid-item:hover .color{transform: translateY(-60%);} .banner3 .grid .grid-item .gallery-link{display: block;position: relative;overflow: hidden;transition: all .3s;} .banner3 .grid .grid-item .gallery-link span{ width: 100%;text-align: center;font-size: 1vw;position: absolute;left: 50%;bottom: 10%;transform: translateX(-50%);color: #fff; z-index: 9;} .banner3 .grid .grid-item .gallery-link:hover {transform: scale(1.1); transition: all .3s;} /* .banner3 .grid .grid-item .gallery-link.show span{transition: opacity .5s;opacity: 1;-webkit-transition: opacity .5s;} .banner3 .grid .grid-item .gallery-link.hide span{transition: opacity .5s;opacity: 0;-webkit-transition: opacity .5s;} */ .banner3 .grid .grid-item .gallery-link .gallery-thumbnail{display: block;max-width: 100%;height: auto;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;} .banner3 .lineImg{width: 24.5325vw;right: 10.21vw;bottom: 10.1vh;} .banner4{width: 100%;height:100%;background: url(../img/i-bg4.jpg) no-repeat center center;background-size: cover;} .banner4 .title{width: 17.7vw;top: 14vh;left: 11vw;/* transform: translateX(-50%); */} .banner4 .listDiv{width: 72.92vw;left: 50%;transform: translateX(-50%);top: 33.4vh;} .banner4 .listDiv .row{ margin: 0 -0.57vw;} .banner4 .listDiv .row>div{padding: 0 0.57vw;flex: 0 0 14.2857%;max-width: 14.2857%;} .banner4 .listDiv .row>div a{padding-top: 103.333333%;position: relative;display: block;transition: all .5s;} .banner4 .listDiv .row>div .conDiv{display: flex;justify-content: center;align-items: center;background: url(../img/s4-bg.png) no-repeat center center/100%;position: absolute;width: 100%;height: 100%;left: 0;top: 0;} .banner4 .listDiv .row>div .conDiv img{width: 38.888888%;display: block;margin-bottom: 5%;} .banner4 .listDiv .row>div .conDiv span{position: absolute;width: 100%;text-align: center;font-size: 0.84vw;color: #fff;left: 0;bottom: 15.3%;color: #fff;text-transform: uppercase;} .banner4 .listDiv .row>div a:hover{transform: translateY(-10px);} .banner4 .jiaImg{right: 11.5vw;bottom: 29vh;} .banner4 .footer{width: 100%;height: 18.5vh;background: #000;left: 0;bottom: 0;} .banner4 .footer img{width: 23.2vw;} .section.active .move_u{animation: move_u .7s .2s forwards; -webkit-animation: move_u .7s .2s forwards;} body .move_u{ opacity:0; transform: translatX(-50px);} @keyframes move_u{ from{ opacity:0; transform: translateX(-50px);} to{ opacity:1; transform: translateX(0);} } @-webkit-keyframes move_u{ from{ opacity:0; transform: translateX(-50px);} to{ opacity:1; transform: translateX(0);} } /*pop */ .pop_Mark{width:100%;height:100%;background-color:rgba(0,0,0,.8);position:fixed;top:0;left:0;display:none;z-index:9999;} .pop{position: fixed;left: 50%;transform: translate(-50%, -50%);transition: all .5s;top: 50%;} .pop_close{position: absolute;right: -5px;top: -40px; transition: all .3s; z-index: 999;} .pop_close:hover {transform: rotate(360deg); -webkit-transform: rotate(360deg);} .videoDiv{width: 96vw;max-width: 1200px;height: 80vh;max-height: 600px;} .videoDiv .pop_close{top: -70px;} .rechargePop{width: 96vw;max-width: 640px;height: 80vh;max-height: 560px;background: #190f08;border: 1px solid #7e6e2d;border-radius: 10px;padding: 58px 25px;position: relative;text-align: center;} .rechargePop .logoDiv img{margin: 0 auto;} .pop_close1{position: absolute;right: 0;bottom: 0px; transition: all .3s; z-index: 999;} .rechargePop .dyysl{width: 100%;position: absolute;right: 30px;top: 15px;} .rechargePop .dyysl .langSelect{display: inline-block;cursor: pointer;} .rechargePop .dyysl .ant-select{line-height: 40px;text-align: right;font-size: 18px;color: #fde192;} .rechargePop .dyysl .ant-select img{margin-left: 10px;} .rechargePop .dyysl .ant-list{position: absolute;right: 0;top: 100%;width: 140px;background: rgba(53,41,10,.9);display: none;height: 240px;overflow-y: auto;z-index: 11;} .rechargePop .dyysl .ant-list a{display: block;text-align: center;line-height: 40px;font-size: 14px;color: #fff;} .rechargePop .dyysl .ant-list a.active{background: rgba(91,87,57,.8);} .rechargePop .dyysl .ant-list a:hover{background: rgba(255,255,255,.2);} .rechargePop .btnDiv .aDiv{margin-top: 45px;} .rechargePop .btnDiv a:hover{opacity: .8;} .rechargePop .p{font-size: 18px;color: #fde192;margin-top: 40px;} .rechargePop .p.cfd0000{color: #fd0000;} .rechargePop .back_a{position: absolute;left: 30px;top: 16px;line-height: 40px;display: block;z-index: 22;width: 30px;} /* ::-webkit-scrollbar { width: 5px; height: 8px; } ::-webkit-scrollbar-track { border-radius: 5px; } ::-webkit-scrollbar-thumb { border-radius: 5px; background-color: #47382d;} */ ::-webkit-scrollbar {width:5px;height:5px;} ::-webkit-scrollbar {background-color:transparent;border-radius:3px} ::-webkit-scrollbar-thumb {background-color:#47382d;border-radius:20px} ::-webkit-scrollbar-track-piece {background-color:#47382d;border-radius:3px} ::-webkit-scrollbar-button {background-color:transparent;width:0;height:0} ::-webkit-scrollbar-corner {background-color:#47382d;} .rechargePop .formDiv{margin: 40px auto 0;max-width: 500px;} .rechargePop .formDiv .groupDiv{margin-top: 20px;} .rechargePop .formDiv .groupDiv span{font-size: 20px;} .rechargePop .formDiv .groupDiv small{font-size: 15px;} .rechargePop .formDiv .groupDiv a{font-size: 15px;color: #ff1d1d;border-bottom: 1px solid #ff1d1d;display: inline-block;margin-left: 15px;} .rechargePop .formDiv .groupDiv input{width: 100%;line-height: 60px;border: 1px solid #ffee7d;height: 60px;border-radius: 6px;background: none;padding: 0 15px;color: #fff;margin-top: 7px;font-size: 20px;} .rechargePop .formDiv button{display: block;background: #fee392;text-align: center;font-size: 20px;color: #333;line-height: 60px;border-radius: 6px;padding: 0;margin-top: 40px;width: 100%;border: 0;cursor: pointer;} .rechargePop .formDiv button:hover{opacity: .8;} .morePop{max-height: 100%;height: 90vh;padding: 25px 5px 50px;} .morePop .title{font-size: 18px;color: #fde192;margin-bottom: 35px;} .morePop .cont{height: calc(100% - 60px);overflow-y: auto;} .morePop .cont .item{margin:0 auto 35px;max-width: 420px;} .morePop .cont .item p{text-align: left;font-size: 18px;color: #fde192;margin-bottom: 10px;} /***充值***/ .czDiv{height: 100vh;width: 100%;} .czDiv .wrap{width: 98%;max-width: 67.7vw;top: 50%;left: 50%;transform: translate(-50%,-50%);height:39.375vw;max-height: 760px;background: #3e3132;border: 1px solid #5f5253;} .czDiv .wrap .clearfix{height: 100%;} .czDiv .wrap .leftDiv{width: 28.5%;background: #292121;position: absolute;left: 0;top: 0;height: 100%;} .czDiv .wrap .leftDiv .hd{text-align: center;padding: 10px 16% 20px;background: #161313;} .czDiv .wrap .leftDiv .hd span{display: block;font-size: 2vw;color: #ffed7d;} .czDiv .wrap .leftDiv .bd ul li a{font-size: 1vw;color: #fff;height: 4.2vw;border-bottom: 1px solid #3e3132;padding: 0 0 0 12.4%;} .czDiv .wrap .leftDiv .bd ul li a .iconDiv{margin-right: 1.3vw;} .czDiv .wrap .leftDiv .bd ul li a .iconDiv img{width: 1.5vw;} .czDiv .wrap .leftDiv .bd ul li.active a{background: #3e3132;color: #fde192;} .czDiv .wrap .leftDiv .bd ul li.active a .hImg{display: block;} .czDiv .wrap .leftDiv .bd ul li.active a .dImg{display: none;} .czDiv .wrap .rightDiv{width: 71.5%;height: 100%;padding: 1.85vh 0 4.3vh;position: relative;} .czDiv .wrap .rightDiv .hd{padding: 0 5.2% 1.67vh;} .czDiv .wrap .rightDiv .hd a{font-size: 1.14583vw;color: #ffed7d;padding-left: 1.5625vw;background: url(../img/help.png) no-repeat left center;background-size: 1.3vw;} .czDiv .wrap .rightDiv .hd a:hover{text-decoration: underline;} .czDiv .wrap .rightDiv .hd .dbDiv{min-width: 8.4375vw;height: 2.5vw; background: url(../img/db-bg.png) no-repeat center center/100%;color: #c5730a;font-size: 1.14583vw;padding: 0 1.25vw;} .czDiv .wrap .rightDiv .hd .dbDiv img{width: 1.40625vw;margin-right: 0.46875vw;} .czDiv .wrap .rightDiv .bd{/* overflow-y: auto; */padding: 0 5.2%;height:calc(100% - 7.1vh);} .czDiv .wrap .rightDiv .bd .row{margin: 0 -1.83vw;} .czDiv .wrap .rightDiv .bd .row>div{margin-bottom: 1.67vh;padding: 0 1.83vw;} .czDiv .wrap .rightDiv .bd .row>div a{transition: all .3s;display: block;} .czDiv .wrap .rightDiv .bd .row>div a:hover{transform: translateY(-5px);} .czDiv .wrap .rightDiv .helpDiv{position: absolute;width: calc(100% - 40px);height: calc(100% - 2.5vw - 5.22vh); right: 20px;bottom: 2vh;border: 1px solid #5f5253;background: #3e3132;display: none; padding: 0 3.3%;border-radius: 10px;} .czDiv .wrap .rightDiv .helpDiv .hph{font-size: 1.14583vw;color: #ffed7d;border-bottom: 1px solid #5f5253;height: 6.1vh;} .czDiv .wrap .rightDiv .helpDiv .hpb{padding: 20px 0;line-height: 2.6;color: #ffed7d;font-size: 0.9375vw;} /***支付***/ .payDiv{height: 100vh;width: 100%;} .payDiv .wrap{width: 98%;max-width: 67.7vw;top: 50%;left: 50%;transform: translate(-50%,-50%);max-height: 760px;background: #3e3132;border: 1px solid #5f5253;} .payDiv .wrap .clearfix{height: 100%;} .payDiv .wrap .leftDiv{width: 33.85%;height: 100%;background: #161313;/* position: absolute;left: 0;top: 0; */padding: 0 2vw;} .payDiv .wrap .leftDiv .hd{padding: 2.1875vw 0;} .payDiv .wrap .leftDiv .hd .imgDiv{text-align: center;margin-bottom: 2.6vw;} .payDiv .wrap .leftDiv .hd .imgDiv img{width: 11.98vw;} .payDiv .wrap .leftDiv .hd .total small{font-size: 1vw;color: #ffed7d;display: block;} .payDiv .wrap .leftDiv .hd .total span{font-size: 2vw;color: #ffffff;display: block;margin: 1vw 0 2vw;line-height: 1;} .payDiv .wrap .leftDiv .hd .total a{font-size: 1vw;color: #7b474b;} .payDiv .wrap .leftDiv .bd{padding: 1.3vw 0 2vw;border-top: 1px solid #3e3132;} .payDiv .wrap .leftDiv .bd span{font-size: 1vw;color: #fff;display: block;} .payDiv .wrap .leftDiv .bd .wayDiv{margin-top: 1vw;} .payDiv .wrap .leftDiv .bd .wayDiv img{height: 1.93vw;margin-right: 1.3vw;} .payDiv .wrap .rightDiv{width: 66.15%;height: 100%;padding: 1vw 1.5625vw 1.8vw;position: relative;} .payDiv .wrap .rightDiv .hd span{font-size: 1.14583vw;color: #ffed7d;} .payDiv .wrap .rightDiv .hd img{width: 12.65625vw;} .payDiv .wrap .rightDiv .bd{padding: 1.8vw 0;border-top: 1px solid #5f5253;border-bottom: 1px solid #5f5253;margin-top: 1.2vw;} .payDiv .wrap .rightDiv .bd ul li{margin-bottom: 2.7vw;} .payDiv .wrap .rightDiv .bd ul li:last-child{margin-bottom: 0;} .payDiv .wrap .rightDiv .bd ul li label{display: flex;justify-content: flex-start;align-items: center;cursor: pointer;} .payDiv .wrap .rightDiv .bd ul li label input{} .payDiv .wrap .rightDiv .bd ul li label img{width: 8.33vw;margin: 0 1vw;} .payDiv .wrap .rightDiv .bd ul li label p{font-size: 1vw;color: #ffed7d;} .payDiv .wrap .rightDiv .btnDiv a{display: block;margin: 1vw auto 0;width: 17.7vw;line-height: 2.9vw;text-align: center;font-size: 1vw;border-radius: 4px;border: 1px solid #ffed7d;} .payDiv .wrap .rightDiv .btnDiv a:hover{opacity: .8;} .payDiv .wrap .rightDiv .btnDiv .payBtn{background: #ffed7d;color: #24191d;} .payDiv .wrap .rightDiv .btnDiv .cancelBtn{color: #ffed7d;} input[type="radio"]{width: 1vw;height: 1vw;margin-top:-6px;display: inline-block;text-align: center;vertical-align: middle; position: relative;} input[type="radio"]::before{content: "";position: absolute;top: 0;left: 0;background: #fff;width: 100%;height: 100%;background: url(../img/radio.png) no-repeat center center/100%;} input[type="radio"]:checked::before{outline:none;content: "";position: absolute;top: 0;left: 0;width:100%;background: url(../img/radio_.png) no-repeat center center/100%;} .payDiv .wrap .rightDiv .successDiv{padding: 1.8vw 0;border-top: 1px solid #5f5253;margin-top: 1.2vw;color: #ffed7d;} .payDiv .wrap .rightDiv .successDiv .title{font-size: 2.6vw;} .payDiv .wrap .rightDiv .successDiv .line{width: 2.7vw;height: 1px;background: #5f5253;margin: 2vw 0;} .payDiv .wrap .rightDiv .successDiv .orderId{font-size: 1vw;} .payDiv .wrap .rightDiv .successDiv .buyed{font-size: 1vw;margin: 1.5vw 0 2.5vw;} .payDiv .wrap .rightDiv .successDiv .buyed img{width: 1vw;margin-right: 0.3vw;} .payDiv .wrap .rightDiv .successDiv .p{font-size: 1vw;} .payDiv .wrap .rightDiv .backBtn{display: block;width: 17.7vw;line-height: 2.9vw;text-align: center;font-size: 1vw;border-radius: 4px;border: 1px solid #ffed7d;background: #ffed7d;color: #24191d;margin: 6.5vw auto 0;} .payDiv .wrap .rightDiv .backBtn:hover{opacity: .8;} /**交易记录**/ .jyjlDiv .wrap .rightDiv{padding: 0 0.6vw 2.3vw;position: relative;} .jyjlDiv .wrap .rightDiv .hd{padding: 1.5625vw 2vw;} .jyjlDiv .wrap .rightDiv .hd span{font-size: 1.354vw;color: #ffed7d;} .jyjlDiv .wrap .rightDiv .tableDiv{padding: 0 1.4vw;height: 31.8vw;overflow: auto;max-width: 100%;} .jyjlDiv .wrap .rightDiv .tableDiv table{width: 100%;text-align: center;line-height: 2.6vw;height: 100%;} .jyjlDiv .wrap .rightDiv .tableDiv table th{background: #161313;font-weight: normal;font-size: 0.9375vw;color: #c5730a;} .jyjlDiv .wrap .rightDiv .tableDiv table td{font-size: 0.83vw;color: #d1d1d1;min-width: 150px;} .jyjlDiv .wrap .rightDiv .tableDiv table td:last-child{width: 30%;} .jyjlDiv .wrap .rightDiv .tableDiv table tbody tr:hover td{background: rgba(22,19,19,.2);} .jyjlDiv .wrap .rightDiv .tableDiv table .failed td{color: #cc2e2e;} .jyjlDiv .wrap .rightDiv .tableDiv::-webkit-scrollbar-thumb {background-color: #161313;} .laodimgDiv{position: fixed;top: 0;width: 100%;height: 100vh;left: 0;background: url(../img/l-bg.jpg) no-repeat center center/cover;z-index: 10000;} .laodimgDiv .mainDiv{width: 69.4vh; height: 69.4vh; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-52%);text-align: center;} .laodimgDiv .mainDiv .bigImg{width: 100%;height: 100%;left: 0;top: 0;animation:fadenum 5s linear infinite;} .laodimgDiv .mainDiv .smallImg{width: 60%;height: 60%;left: 20%;top: 20%;animation:fadenum1 5s linear infinite;} .laodimgDiv .mainDiv .conDiv .numDiv{font-size: 58px;color: #ff9b00;} .laodimgDiv .mainDiv .conDiv span{font-size: 32px;color: #ff9b00;text-transform: uppercase;} .laodimgDiv .mainDiv .logoImg{bottom: -20px;width: 37.6vh;} .laodimgDiv .lineImg{width: 78.125vw;bottom: 1.67vw;left: 50%;transform: translateX(-50%);} @keyframes fadenum{100%{transform:rotate(360deg);}} @keyframes fadenum1{100%{transform:rotate(-360deg);}} .floatRightDiv{position: fixed;top: 50%;transform: translateY(-50%);right: 0.52vw;width: 9.375vw;display: none;} .floatRightDiv .hdDiv{background: #36280b;border-radius: 1.5625vw 0 1.5625vw 1.5625vw;padding-bottom: 2vw;position: relative;} .floatRightDiv .hd{position: relative;top: -0.52vw;} .floatRightDiv .hd img{width: 100%;} .floatRightDiv .bd{padding:0 0 0.52vw;} .floatRightDiv .bd a{display: flex;justify-content: flex-start;align-items: center;font-size: 0.88vw;color: #fff;text-transform: uppercase;padding: 0.78125vw 0 0.78125vw 1vw;} .floatRightDiv .bd a img{margin-right: 0.52vw;width: 1.4vw;} .floatRightDiv .bd a:hover .dImg{display: none;} .floatRightDiv .bd a:hover .hImg{display: block;} .floatRightDiv .bd a:hover{color: #ffee7e;} .floatRightDiv a.toggleBtn{background: url(../img/fr-bg.png) no-repeat center center/100%;width: 100%;height: 2vw;position: absolute;bottom: 0;left: 0;font-size: 1vw;color: #564114;} .floatRightDiv a.toggleBtn img{width: 0.677vw;margin-left: .78vw;} a.zk_a{background: #ffee7e;border-radius: 2.4vw 0 0 2.4vw;width: 7.7vw;height: 2.4vw;color: #36280b;font-family: impact;text-transform: uppercase;right: -2.195vw;position: relative;display: none;font-size: 1vw;} a.zk_a img{width: 0.677vw;margin-right: .78vw;} /* body:after { content: ''; position: fixed; z-index: 9998; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .8); display: none; } body.on-menu:after { display: block; } */ @media (max-width:1220px) { } @media (min-width:992px) and (max-width:1024px) { } @media (min-width:768px) and (max-width:991px) { } @media (max-width: 991px) { } /*手机*/ @media (max-width:767px) { .visible-xs{display: block!important;} .hidden-xs{display: none!important;} header { position: fixed !important; z-index: 9999; top: 0; left: auto; right: 0; width: 100%; height: 60px; transition: right 300ms !important; background: #000; } header .header-container{padding-left: 5px;} header .logo {height: 60px;line-height: 60px;width: 33.33vw;margin-right: 0;z-index: 0;align-items: center;} header .logo img {max-height: 80%;margin-top: -2vw;} header .mbtn {display: block;} body.on-menu header .mbtn{z-index: 2;} header .rightDiv .menu { float: right; position: fixed; top: 0px; right: 0; width: 100%; height: 100%; padding-top: 0; background-color: rgba(0,0,0,.9); /*border-bottom: 1px solid #f8f8f847;*/ transition: right 300ms; right: -100%; padding: 0; overflow-y: auto; z-index: 1; } header .rightDiv .menu ul li { margin: 0 15px; /*border-bottom: 1px solid #f8f8f847;*/ float: none; } header .rightDiv .menu ul li a { display: block; line-height: 12.93vw; height: 12.93vw; color: #fff; padding: 0; text-align: left; font-size: 3.73vw; } header .rightDiv .menu ul {display: block;padding-top: 70px;} body.on-menu header .rightDiv .menu {right: 0;} body.on-menu .main {right: 0;} header .rightDiv .menu ul li>a{margin: 0;padding-left: 15px;border-bottom: 1px solid rgba(253,253,253,.2);} header .rightDiv .menu>ul>li>a::after{width: 3px;height: 15px;left: 0;bottom: 50%;margin-bottom: -7.5px;} header .rightDiv .otherDiv{padding-right: 45px;height: 60px;} header .rightDiv .otherDiv .rechargeDiv .czBtn{font-size: 12px;} header .rightDiv .otherDiv .musicBtn{margin-left: 4.3vw;} header .rightDiv .otherDiv .musicBtn img{width: 15px;} header .rightDiv .otherDiv .languageDiv{padding: 0 0 0 4.5vw;} header .rightDiv .otherDiv .languageDiv .langBtn img{width: 15px;} header .rightDiv .otherDiv .playNowDiv{display: none;} header .hbDiv{display: flex;justify-content: center;align-items: center;bottom: 12vw;left: 15px;width: calc(100% - 30px);/* border-top: 1px solid rgba(253,253,253,.2); */padding-top: 10px;} header .hbDiv a{display: block;width: 8.8vw;margin: 0 2.6vw;} header .rightDiv .otherDiv .rechargeDiv .czBtn{line-height: 60px;} header .rightDiv .otherDiv .rechargeDiv .czmenu{width: 100vw;position: fixed;top: 0;left: 0;background: rgba(0,0,0,.9);height: 100vh;transform:initial;z-index: 9999;padding: 60px 20px;transition: left 300ms;left: -100%;} header .rightDiv .otherDiv .rechargeDiv .czmenu .closeBtn{width: 16px;right: 15px;top: 15px;position: absolute;display: block;} header .rightDiv .otherDiv .rechargeDiv .czmenu .acID{height: 60px;justify-content: space-between;font-size: 16px;padding-left: 20px;position: relative;} header .rightDiv .otherDiv .rechargeDiv .czmenu .acID:before{content: '';width: 3px;height: 15px;left: 0;bottom: 50%;margin-bottom: -7.5px;position: absolute;background: #ffee7d;} header .rightDiv .otherDiv .rechargeDiv .czmenu .acID span{background-size: 14px;padding-left: 24px;} header .rightDiv .otherDiv .rechargeDiv .czmenu .itemDiv{border-bottom: 1px solid rgba(253,253,253,.2);} header .rightDiv .otherDiv .rechargeDiv .czmenu .itemDiv a{height: 60px;justify-content: flex-start;padding-left: 20px;font-size: 16px;border-top: 1px solid rgba(253,253,253,.2);} header .rightDiv .otherDiv .rechargeDiv .czmenu .itemDiv a .iconDiv{margin-right: 15px;} header .rightDiv .otherDiv .rechargeDiv .czmenu .itemDiv a .iconDiv img{width: 20px;} header .rightDiv .otherDiv .rechargeDiv.on .czmenu{left: 0;} header .rightDiv .otherDiv .languageDiv .langList{width: 100vw;position: fixed;top: 0;left: 0;background: rgba(0,0,0,.9);height: 100vh;transform:initial;z-index: 9999;padding: 60px 20px;transition: left 300ms;left: -100%;} header .rightDiv .otherDiv .languageDiv .langList a.closeBtn{width: 16px;right: 15px;top: 20px;position: absolute;padding: 0;line-height: 1;} header .rightDiv .otherDiv .languageDiv .langList a{line-height: 60px;font-size: 16px;border-bottom: 1px solid rgba(253,253,253,.2);text-align: left;} header .rightDiv .otherDiv .languageDiv.on .langList{left: 0;} .pop_close{width: 16px;right: 0px;top: -25px;} .pop{width: 100%;} #video .pop{height: 100%;} .videoDiv{height: initial;max-height: 80%;top: 50%;transform: translateY(-50%);position: absolute;left: 2vw;} .banner1 .playBtn{width: 12%;top: 65vh;} .banner1 .download_box{flex-direction: column;bottom: 3.4vh;} .banner1 .download_box a{width: 50%;margin: 0 0 2.2vh;} .banner1 .download_box .app_store{display: none;} .banner1 .swiper-container-horizontal>.swiper-pagination-progressbar{bottom: 11.94vh;width: calc(100% - 30px);left: 15px;} .nextImg{width: 3.87vw;bottom: 1.67vh;left: 50%;margin-left: -1.935vw;z-index: 999;animation: next 2s infinite linear;} @keyframes next {0%{-webkit-transform: translateY(0);}25% {-webkit-transform: translateY(-5px);} 50%, 100% {-webkit-transform: translateY(0);}75% {-webkit-transform: translateY(5px);}} .banner2 .dian1{width: 13vw;bottom: 26.89vh;top: auto;left: 6.66vw;} .banner2 .dian2{width: 10.67vw;right: 4.66vw;left: auto;bottom: 2vh;} .banner2 .title2{width: 46.4vw;bottom: 21vh;top:auto; left: 6.66vw;} .banner2 .more{width: 26.67vw;line-height: 6.93vw;height: 6.93vw;font-size: 2.67vw;bottom: 21.77vh;left: auto;right: 2.8vw;} .banner2 .BigSwiper{width: 100vw;top: 60px;transform: initial;height: calc(100% - 60px);} .banner2 .Bigswiper .swiper-slide .img_swiper{height: 60vh;width: 100vw;padding: 0;} .banner2 .Bigswiper .swiper-slide .img_swiper_bg{height: 60vh;width: 67.5vw;} .banner2 .Bigswiper .swiper-slide .swiper_introduce{width: calc(100% - 13vw);top: auto;bottom: 7.88vh;-webkit-line-clamp: 2;font-size: 3.2vw;left: 6.66vw;} .banner2 .nlDiv{display: flex;position: absolute;justify-content: flex-start;align-items: center;width: 100%;bottom: 16vh;left: 6.66vw;} .banner2 .Bigswiper .swiper-slide .swiper_name{position: relative;top: auto;} .banner2 .Bigswiper .swiper-slide .swiper_name span{font-size: 4.53vw;} .banner2 .Bigswiper .swiper-slide .swiper_skill{position: relative;top: auto;margin-left: 4vw;} .banner2 .Bigswiper .swiper-slide .swiper_skill img{margin-right: 1.867vw;} .banner2 .Bigswiper .swiper-slide .swiper_skill>img{width: 5.33vw;} .banner2 .Bigswiper .swiper-slide .swiper_skill .level img{width: 3.73vw;} .banner2 .mLeft{height: 60vh;display: flex;justify-content: center;align-items: center;position: absolute;left: 0;top: 60px;} .banner2 .SmallSwiper{width: 14vw;left: 16.25vw; top: 50%;margin: 0;display: block;transform: translate(-50%,-50%);} .banner2 .SmallSwiper .smicon{width: 14vw;height: 14vw;border-radius: 1.33vw;box-shadow: 0.53vw 0.53vw 1px #ffee7d;} .banner2 .SmallSwiper .swiper-slide-img{margin: 3vh 0;} .banner2 .btnDiv{width: 5.1vw;left: 2.6vw;height: initial;flex-direction: column;top: 50%;transform: translateY(-50%);} .banner2 .swiper-button-prev1{width: 5.1vw !important;height: 5.1vw !important;background: url(../img/left1.png) no-repeat center center/100%;} .banner2 .swiper-button-next1{width: 5.1vw !important;height: 5.1vw !important;background: url(../img/right1.png) no-repeat center center/100%;} .banner2 .smallswiper-pagination{line-height: 1;margin: 4.8vw 0;width: 1.6vw;} .banner2 .smallswiper-pagination .swiper-pagination-bullet{width: 1.6vw;height: 1.6vw;background: url(../img/dian1.png) no-repeat center center/100%;margin: 0 0;} .banner2 .smallswiper-pagination .swiper-pagination-bullet-active{width: 1vw;height: 8vw;background: url(../img/line1.png) no-repeat center center/100%;} .banner3 .title{width: 35vw;top: 70px;} .banner3 .listDiv{width: 94.8vw; height: auto; left: 2.6vw; top: 13.4vh;} .banner3 .listDiv .li:nth-child(1){height: 14.2vh;overflow: hidden;} .banner3 .listDiv .li:nth-child(2){height: 17.2vh;overflow: hidden;margin: 0.6vw 0 0;} .banner3 .listDiv .li:nth-child(3){height: 17.5vh;overflow: hidden;margin: 0.6vw 0;} .banner3 .listDiv .li:nth-child(4){height: 30.7vh;overflow: hidden;} .banner3 .listDiv .li:nth-child(1) .itemDiv:nth-child(1){width: 57.6%;} .banner3 .listDiv .li:nth-child(1) .itemDiv:nth-child(1) .conDiv{padding-top: 48.72%;} .banner3 .listDiv .li:nth-child(1) .itemDiv:nth-child(2){width: 41.8%;} .banner3 .listDiv .li:nth-child(1) .itemDiv:nth-child(2) .conDiv{padding-top: 67.6%;} .banner3 .listDiv .li:nth-child(2) .conDiv{padding-top: 0;height: 100%;} .banner3 .listDiv .li:nth-child(3) .itemDiv:nth-child(1){width: 44.7%;} .banner3 .listDiv .li:nth-child(3) .itemDiv:nth-child(1) .conDiv{padding-top: 73.3%;} .banner3 .listDiv .li:nth-child(3) .itemDiv:nth-child(2){width: 54.5%;} .banner3 .listDiv .li:nth-child(3) .itemDiv:nth-child(2) .conDiv{padding-top: 61%;} .banner3 .listDiv .li:nth-child(4) .lilDiv{width: 49.6%;height: 100%;} .banner3 .listDiv .li:nth-child(4) .lilDiv .conDiv{padding-top: 116%;} .banner3 .listDiv .li:nth-child(4) .lirDiv{width: 49.9%;} .banner3 .listDiv .li:nth-child(4) .lirDiv .itemDiv:nth-child(1) .conDiv{padding-top: 57.3%;} .banner3 .listDiv .li:nth-child(4) .lirDiv .itemDiv:nth-child(2) .conDiv{padding-top: 57.3%;margin: 0.6vw 0 0} .banner3 span{font-size: 3vw;bottom: 15%;} .Masonry::-webkit-scrollbar {width:3px;height:0} .banner3 .Masonry{width: 94vw;height: 78vh;top: 16vh;} .banner3 .grid-item{width: 46vw;} .banner4 .title{width: 45vw;top: 70px;} .banner4 .listDiv{width: 82.67%;top: 50%;transform: translate(-50%,-55%);} .banner4 .listDiv .row{margin: 0 -2.67vw;} .banner4 .listDiv .row>div{flex: 0 0 33.3%;max-width: 33.3%;padding: 1.5vh 2.67vw;} .banner4 .listDiv .row>div .conDiv span{font-size: 2.13vw;} .banner4 .jiaImg{display: none;} .banner4 .footer{height: 16vh;} .banner4 .footer img{width: 59.3vw;} .rechargePop{max-height: 460px;} .rechargePop .dyysl{right: 15px;} .rechargePop .dyysl .ant-select{font-size: 14px;} .rechargePop .btnDiv .aDiv{margin-top: 30px;} .rechargePop .btnDiv .aDiv img{width: 70%;} .rechargePop .p{font-size: 16px;} .iosPop{max-height: 380px;padding: 48px 35px;} .iosPop .logoDiv img{width: 45px;} .rechargePop .formDiv{margin: 20px 0 0;} .rechargePop .formDiv .groupDiv{margin-top: 15px;} .rechargePop .formDiv .groupDiv span{font-size: 14px;} .rechargePop .formDiv .groupDiv small{font-size: 12px;} .rechargePop .formDiv .groupDiv a{font-size: 12px;margin-left: 7px;} .rechargePop .formDiv .groupDiv input{line-height: 40px;height: 40px;font-size: 14px;} .rechargePop .formDiv button{line-height: 40px;height: 40px;font-size: 14px;margin-top: 20px;} #ios .pop_close{right: 15px;top: 15px;width: 16px;} #more .pop_close{right: 15px;top: 15px;width: 16px;} .morePop{max-height: 100%;height: 85vh;padding: 25px 5px;} .rechargePop .back_a{left: 10px;} .morePop .title{font-size: 16px;margin-bottom: 20px;} .morePop .cont .item{max-width: 90%;} .morePop .cont .item p{font-size: 14px;} .morePop .cont .item{margin-bottom: 20px;} .czDiv .wrap{max-width: 100%;width: calc(100% - 20px);border: 0;background: transparent;height: initial;} .czDiv .wrap .rightDiv{width: 100%;padding: 0;} .czDiv .wrap .rightDiv .hd{padding: 10px;height: 26.2vh;background: url(../img/cz-rbg.jpg) no-repeat center center/cover;align-items: flex-start;} .czDiv .wrap .rightDiv .hd a{font-size: 16px;background-size: 16px;padding-left: 20px;} .czDiv .wrap .rightDiv .hd .dbDiv{min-width: 81px;height: 24px;font-size: 14px;padding: 0 10px;} .czDiv .wrap .rightDiv .hd .dbDiv img{width: 13px;margin-right: 5px;} .czDiv .wrap .rightDiv .bd{height: initial;padding: 0;overflow: hidden;} .czDiv .wrap .rightDiv .bd .row{margin: 0 -2.5px;} .czDiv .wrap .rightDiv .bd .row>div{padding: 0 2.5px;margin-top: 5px;margin-bottom: initial;} .czDiv .wrap .rightDiv .helpDiv{width:100%;height: initial;min-height: 70%;right: 0;bottom: 50%;transform: translateY(50%);} .czDiv .wrap .rightDiv .helpDiv .hph{font-size: 16px;} .czDiv .wrap .rightDiv .helpDiv .hph img{width: 12.5px;} .czDiv .wrap .rightDiv .helpDiv .hpb{font-size: 13px;} .mpayDiv{min-height: 100vh;padding: 10vh 8.67vw 8.6vh;} .mpayDiv .hd{text-align: center;margin-bottom: 3vh;} .mpayDiv .hd .jbbimg{width: 24.3vw;} .mpayDiv .hd .onbuy{margin: 2.4vh 0 4.3vh;} .mpayDiv .hd small{display: block;font-size: 14px;color: #999999;margin-bottom: 1.8vh;} .mpayDiv .hd span{font-size: 18px;line-height: 1;} .mpayDiv .hd span img{width: 5.33vw;margin-right: 2.1vw;} .mpayDiv .hd .totalPrice span{font-size: 8vw;} .mpayDiv .bd .payWay{position: relative;} .mpayDiv .bd .payWay span{display: block;font-size: 4vw;color: #999999;} /* .mpayDiv .bd .payWay select{-webkit-appearance: none;display: block;width: 100%;height: 11.73vw;background:url(../img/xsj1.png) #000 no-repeat right 4vw center;background-size: 2.5vw; border: 1px solid #fff;margin-top: 1.5vh;color: #fff;padding: 0 4vw;font-size: 15px;} */ .mpayDiv .bd ul{margin-top: 10px;} .mpayDiv .bd ul li label{display: flex;justify-content: flex-start;align-items: center;cursor: pointer;} .mpayDiv .bd ul li label p{font-size: 15px;color: #fff;} .mpayDiv input[type="radio"]{width: 15px;height: 15px;margin-top: 0;margin-right: 10px;} .mpayDiv .bd .p{font-size: 14px;margin: 1.5vh 0;line-height: 1.8;} .mpayDiv .bd .p a{color: #ffed7d;} .mpayDiv .bd .btnDiv a{display: block;width: 100%;line-height: 11.73vw;text-align: center;font-size: 15px;border: 1px solid #ffed7d;margin-top: 1.45vh;color: #FFED7D;border-radius: 4px;} .mpayDiv .bd .btnDiv a.jxBtn{background: #FFED7D;color: #000000;} .mpayDiv .line{width: 100%;height: 1px;background: rgba(255,255,255,.3);margin: 0 0 7.8vh;} .mJyjlDiv{padding:70px 15px 0;background: #000;min-height: 100vh;} .mJyjlDiv .hdDiv{text-align: center;font-size: 19px;color: #ffed7d;} .mJyjlDiv .bdDiv{margin-top: 15px;} .mJyjlDiv .bdDiv .hd{background: #372f2f;height: 10.67vw;padding: 0 10.67vw;font-size: 14px;color: #c5730a;} .mJyjlDiv .bdDiv .bd a{padding: 13px;border-bottom: 1px solid #372f2f;} .mJyjlDiv .bdDiv .bd .left small{font-size: 12px;color: #939393;} .mJyjlDiv .bdDiv .bd .left span{font-size: 17px;color: #fff;} .mJyjlDiv .bdDiv .bd .left span img{width: 17px;margin-right: 5px;} .mJyjlDiv .bdDiv .bd .right{font-size: 13px;color: #d5bf7b;} .mJyjlDiv .bdDiv .bd .right img{width: 5px;margin-left: 5px;} .mJyjlDetailDiv{min-height: 100vh;background: #000;padding: 60px 15px;position: relative;} .mJyjlDetailDiv .conDiv{width: calc(100% - 30px);background: #190f08;border: 1px solid #7e6e2d;border-radius: 10px;position: absolute;top: 50%;left: 15px;transform: translateY(-50%);padding: 20px;} .mJyjlDetailDiv .hdDiv{text-align: center;font-size: 17px;color: #ffed7d;position: relative} .mJyjlDetailDiv .hdDiv a{width: 17px;position: absolute;left: 0;top: 50%;transform: translateY(-50%);} .mJyjlDetailDiv .bdDiv{margin: 25px 0;} .mJyjlDetailDiv .bdDiv .orderId{background: #372f2f;color: #c5730a;font-size: 15px;line-height: 10.67vw;padding: 0 18px;} .mJyjlDetailDiv .bdDiv .itemDiv{margin-top: 15px;padding: 0 18px;} .mJyjlDetailDiv .bdDiv .itemDiv small{font-size: 12px;color: #939393;} .mJyjlDetailDiv .bdDiv .itemDiv span{display: block;font-size: 16px;} .mJyjlDetailDiv .bdDiv .itemDiv span img{width: 17px;} .mJyjlDetailDiv .fbDiv{padding: 20px 18px 0;border-top: 1px solid #372f2f;} .mJyjlDetailDiv .fbDiv small{font-size: 12px;color: #939393;} .mJyjlDetailDiv .fbDiv span{display: block;font-size: 16px;} .laodimgDiv .mainDiv{width: 96vw;height: 96vw;} .laodimgDiv .mainDiv .conDiv .numDiv{font-size: 30px;} .laodimgDiv .mainDiv .conDiv span{font-size: 14px;} .floatRightDiv{display: none!important;} @media (max-width:320px) { } }