@charset "utf-8";

/* CSS Document */
body {margin: 0 auto;font-size: 12px;font-family: "微软雅黑", Arial, Helvetica, sans-serif;color: #000;text-align: center;background-color: #060b16;}
img {border: 0px;}
form, input, select, div, ul, li, p, h1, h2, h3, h4, em, i {margin: 0;padding: 0;list-style-type: none;font-size: 12px;font-weight: normal;font-family: "微软雅黑";font-style: normal;}
a {text-decoration: none;cursor: pointer}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}

.may2022Container {width: 100%;height: auto;margin: 0 auto;display: table;}

.may2022One {width: 100%;height: 503px;background: url("/images/application/pc/com/2022juneactivity/2022june_bg1.jpg") no-repeat top center;display: table;}

.may2022Two {width: 100%;height: 993px;background: url("/images/application/pc/com/2022juneactivity/2022june_bg2.jpg") no-repeat top center;display: table;}

.may2022TwoToApp {display: table;background: url("/images/application/pc/com/2022juneactivity/2022june_icon1.png") no-repeat;width: 1266px;height: 291px;margin: 30px auto 0;}
.may2022TwoToAppUl {float: left;width: 1114px;height: 111px;margin: 97px 0 0 77px;}
.may2022TwoToAppLi {float: left;width: auto;height: auto;margin-right: 15px;cursor: pointer;}
.may2022TwoToAppLi:nth-child(4) {margin-right: 0;}

.may2022Jika {display: table;width: 1266px;height: 669px;margin: 0px auto 0;background: url("/images/application/pc/com/2022juneactivity/2022june_icon6.png") no-repeat;position: relative;}
.may2022JikaXunzhang {position: absolute;top: -18px;left: 0;right: 0;width: 455px;height: 98px;margin: 0 auto;}
.may2022JikaXunzhangIcon {float: left;background: url("/images/application/pc/com/2022juneactivity/2022june_icon38.png") no-repeat;width: 105px;height: 98px;animation: xunzhangIcon 0.7s linear infinite;}
.may2022JikaXunzhang img {width: 82px;height: auto;margin: 12px 0 0 11px;position: absolute;left: 0;top: 0;}
@keyframes xunzhangIcon { 0%{opacity: 1;} 50%{opacity: 0;} 100%{opacity: 1;} }
.may2022JikaXunzhangBtn {float: right;width: 71px;height: 31px;border: solid 1px #ffffff;line-height: 31px;text-align: center;font-size: 18px;color: #ffffff;margin-top: 40px;margin-right: -25px;}

.may2022JikaLeft {float: left;width: 744px;height: 477px;margin-top: 96px;margin-left: 80px;}
.may2022JikaLeftUl {float: left;width: 744px;height: 477px;}
.may2022JikaLeftLi {float: left;width: 246px;height: 156px;margin-right: 2px;margin-bottom: 2px;position: relative;}
.may2022JikaLeftLi .con {float: left;width: 100%;height: 100%;}
.may2022JikaLeftLi:nth-child(3n) {margin-right: 0;}
.may2022JikaLeftLi:nth-child(1) .con {background: url("/images/application/pc/com/2022juneactivity/p1.jpg") no-repeat;background-size: 100% 100%;}
.may2022JikaLeftLi:nth-child(2) .con {background: url("/images/application/pc/com/2022juneactivity/p2.jpg") no-repeat;background-size: 100% 100%;}
.may2022JikaLeftLi:nth-child(3) .con {background: url("/images/application/pc/com/2022juneactivity/p3.jpg") no-repeat;background-size: 100% 100%;}
.may2022JikaLeftLi:nth-child(4) .con {background: url("/images/application/pc/com/2022juneactivity/p4.jpg") no-repeat;background-size: 100% 100%;}
.may2022JikaLeftLi:nth-child(5) .con {background: url("/images/application/pc/com/2022juneactivity/p5.jpg") no-repeat;background-size: 100% 100%;}
.may2022JikaLeftLi:nth-child(6) .con {background: url("/images/application/pc/com/2022juneactivity/p6.jpg") no-repeat;background-size: 100% 100%;}
.may2022JikaLeftLi:nth-child(7) .con {background: url("/images/application/pc/com/2022juneactivity/p7.jpg") no-repeat;background-size: 100% 100%;}
.may2022JikaLeftLi:nth-child(8) .con {background: url("/images/application/pc/com/2022juneactivity/p8.jpg") no-repeat;background-size: 100% 100%;}
.may2022JikaLeftLi:nth-child(9) .con {background: url("/images/application/pc/com/2022juneactivity/p9.jpg") no-repeat;background-size: 100% 100%;}
.may2022JikaLeftLi:nth-child(1) .con.checked {background: url("/images/application/pc/com/2022juneactivity/p1checked.jpg") no-repeat;background-size: 100% 100%;}
.may2022JikaLeftLi:nth-child(2) .con.checked {background: url("/images/application/pc/com/2022juneactivity/p2checked.jpg") no-repeat;background-size: 100% 100%;}
.may2022JikaLeftLi:nth-child(3) .con.checked {background: url("/images/application/pc/com/2022juneactivity/p3checked.jpg") no-repeat;background-size: 100% 100%;}
.may2022JikaLeftLi:nth-child(4) .con.checked {background: url("/images/application/pc/com/2022juneactivity/p4checked.jpg") no-repeat;background-size: 100% 100%;}
.may2022JikaLeftLi:nth-child(5) .con.checked {background: url("/images/application/pc/com/2022juneactivity/p5checked.jpg") no-repeat;background-size: 100% 100%;}
.may2022JikaLeftLi:nth-child(6) .con.checked {background: url("/images/application/pc/com/2022juneactivity/p6checked.jpg") no-repeat;background-size: 100% 100%;}
.may2022JikaLeftLi:nth-child(7) .con.checked {background: url("/images/application/pc/com/2022juneactivity/p7checked.jpg") no-repeat;background-size: 100% 100%;}
.may2022JikaLeftLi:nth-child(8) .con.checked {background: url("/images/application/pc/com/2022juneactivity/p8checked.jpg") no-repeat;background-size: 100% 100%;}
.may2022JikaLeftLi:nth-child(9) .con.checked {background: url("/images/application/pc/com/2022juneactivity/p9checked.jpg") no-repeat;background-size: 100% 100%;}
.may2022JikaLeftLi .con.active {width: 293px;height: 173px;box-shadow: 0 0 0.49rem 0.09rem rgb(70 31 10 / 69%);border: solid 4px #ffffff;position: absolute;top: -15px;left: -25px;z-index: 11;border-radius: 4px;}
.may2022JikaLeftLi p {position: absolute;top: 0;left: 0;width: auto;height: 21px;background-color: rgba(0, 0, 0, 0.5);padding: 0 7px;font-size: 14px;text-align: center;color: #ffffff;line-height: 21px;}
.may2022JikaRight {float: left;width: 330px;height: 473px;margin-top: 96px;margin-left: 32px;background: url("/images/application/pc/com/2022juneactivity/2022june_icon43.png") no-repeat;}
.may2022JikaRightGrade {float: left;width: 100%;height: 82px;}
.may2022JikaRightGrade .userImg {float: left;width: 48px;height: 48px;border-radius: 50%;margin: 17px 12px 0 25px;}
.may2022JikaRightGrade .grade {float: left;width: 219px;height: 20px;line-height: 20px;margin-top: 15px;font-size: 16px;text-align: left;color: #ffffff;font-weight: bold;}
.may2022JikaRightGrade .progressBar {float: left;width: 219px;height: 12px;background-color: rgba(0,0,0,0.5);margin-top: 3px;}
.may2022JikaRightGrade .progressBar span {float: left;width: auto;height: 6px;margin-top: 3px;background-image: linear-gradient(90deg, #0093ff 0%, #61e9ff 100%), linear-gradient(#0a0a0a, #0a0a0a);}
.may2022JikaRightGrade p {float: left;width: 228px;height: 15px;line-height: 15px;text-align: right;margin-top: 6px;font-size: 14px;color: #ffffff;}
.may2022JikaRightGrade p span {color: #ffffff;}
.may2022JikaRightTask {float: left;width: 300px;height: 276px;margin-left: 20px;margin-bottom: 16px;}
.may2022JikaRightTaskTab {float: left;width: 100%;height: 44px;}
.may2022JikaRightTaskTab span {float: left;width: auto;height: 44px;line-height: 44px;font-size: 16px;color: #ffffff;margin-right: 17px;cursor: pointer;opacity: 0.6;}
.may2022JikaRightTaskTab span.checked {font-size: 20px;font-weight: bold;color: #ffffff;opacity: 1;}
.may2022JikaRightTaskCon {float: left;width: 100%;height: 232px;overflow: hidden;display: none;}
.may2022JikaRightTaskCon:nth-child(2) {display: block;}
.may2022JikaRightTodayTaskLi {float: left;width: 100%;height: 58px;}
.may2022JikaRightTodayTaskLi .con {float: left;width: 210px;height: 58px;}
.may2022JikaRightTodayTaskLi .con .title {float: left;width: 100%;height: 18px;line-height: 18px;text-align: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 16px;color: #ffffff;margin-top: 10px;}
.may2022JikaRightTodayTaskLi .con p {float: left;width: 100%;height: 18px;line-height: 18px;text-align: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 14px;color: #ffffff;margin-top: 5px;opacity: 0.5;}
.may2022JikaRightTodayTaskLi.Tomplete {opacity: 0.5;}
.may2022JikaRightTodayTaskLi .Receive, .may2022JikaRightTodayTaskLi .ToFinish {float: right;width: 68px;height: 28px;line-height: 28px;text-align: center;font-size: 14px;color: #ffffff;margin-right: 16px;margin-top: 15px;background: #1e4270;background-blend-mode: normal, normal;box-shadow: 0px 1px 0px 0px #1e4270;border-radius: 8px 4px 10px 8px;}
.may2022JikaRightTodayTaskLi .Tompleted {float: right;width: 68px;height: 28px;line-height: 28px;text-align: center;font-size: 14px;color: rgba(255, 255, 255, 1);margin-right: 16px;margin-top: 15px;background-image: linear-gradient(0deg, #5f7875 0%, #85a6a2 100%), linear-gradient(#ffffff, #ffffff);background-blend-mode: normal, normal;box-shadow: 0px 1px 0px 0px #6c9776;border-radius: 8px 4px 10px 8px;}
.may2022JikaRightCreditsInfoTable {float: left;height: 100%;}
.may2022JikaRightCreditsInfoLi {float: left;width: 100%;height: 28px;}
.may2022JikaRightCreditsInfoLi .name {float: left;width: 131px;height: 26px;border: solid 1px #ffffff;text-align: center;line-height: 26px;font-size: 14px;color: #ffffff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.may2022JikaRightCreditsInfoLi .num {float: left;width: 78px;height: 26px;border: solid 1px #ffffff;text-align: center;line-height: 26px;font-size: 14px;color: #ffffff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.may2022JikaRightCreditsInfoLi .blance {float: left;width: 78px;height: 26px;border: solid 1px #ffffff;text-align: center;line-height: 26px;font-size: 14px;color: #ffffff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.may2022JikaRightCreditsInfoLi .text {color: #ffffff;font-weight: bold;}
.may2022JikaRightBtn {display: table;width: 290px;height: auto;margin: 0 auto;}
.may2022JikaRightBtn .lingqusp {float: left;background: url("/images/application/pc/com/2022juneactivity/2022june_icon7.png") no-repeat;width: 141px;height: 54px;cursor: pointer;}
.may2022JikaRightBtn .give {float: right;background: url("/images/application/pc/com/2022juneactivity/2022june_icon8.png") no-repeat;width: 141px;height: 54px;cursor: pointer;}
.may2022JikaRightBtn .lookRule {float: left;width: 100%;height: 20px;line-height: 20px;text-align: center;font-size: 16px;color: #ffffff;margin-top: 9px;cursor: pointer;}

.may2022Three {width: 100%;height: 1825px;background: url("/images/application/pc/com/2022juneactivity/2022june_bg3.jpg") no-repeat top center;display: table;}

.TreasureChest {display: table;width: auto;height: auto;margin: 0 auto 0;}
.TreasureChestLi {float: left;width: 280px;height: 411px;margin-left: 27px;position: relative;}
.TreasureChestLi:nth-child(1) {margin-left: 0;}
.TreasureChestLi img {position: absolute;width: 285px;height: 411px;top: 0px;left: -4px;}
.TreasureChestLi div {position: relative;z-index: 1;float: left;width: 181px;height: 50px;margin-left: 49px;margin-top: 266px;line-height: 25px;font-size: 16px;text-align: center;color: #ffffff;}
.TreasureChestLi .btn {float: left;background: url("/images/application/pc/com/2022juneactivity/2022june_icon10.png") no-repeat;width: 141px;height: 54px;margin: 20px 66px 0;position: relative;z-index: 1;}

.BannerOneCon {display: table;width: 1200px;height: 268px;margin: 64px auto 0;}

.may2022Commodity {display: table;background: url("/images/application/pc/com/2022juneactivity/2022june_icon11.png") no-repeat;width: 1266px;height: 986px;margin: 92px auto 0;}
.may2022CommodityUl {float: left;width: 1167px;height: 890px;overflow: hidden;margin: 95px 0 0 30px;}
.may2022CommodityUlCon {float: left;width: 1112px;margin-left: 55px;}
.may2022CommodityLi {float: left;width: 258px;height: 196px;margin: 8px 21px 19px 0;position: relative;background-image: linear-gradient(0deg, #00ccff 0%, #284566 100%), linear-gradient(#b7d84c, #b7d84c);}
.may2022CommodityLi:nth-child(4n) {margin-right: 0;}
.may2022CommodityLi .xunzhangicon {position: absolute;top: 0;left: 0;z-index: 1;width: 49px;height: auto;}
.may2022CommodityLi .xunzhangicon .icon {float: left;background: url("/images/application/pc/com/2022juneactivity/2022june_icon28.png") no-repeat;width: 49px;height: 55px;margin: -8px 0 0 8px; cursor: pointer; }
.may2022CommodityLi .xunzhangicon .text {position: relative;float: left;width: 49px;height: 55px;margin: -8px 0 0 8px;display: none;}
.may2022CommodityLi .xunzhangicon .text .texticon {position: absolute;top: 0;left: -62px;right: 0;background: url("/images/application/pc/com/2022juneactivity/2022june_icon27.png") no-repeat;width: 168px;height: 54px;margin: 0 auto;}
.may2022CommodityLi .xunzhangicon.ubsoft .icon {background: url("/images/application/pc/com/2022juneactivity/2022june_icon40.png") no-repeat;}
.may2022CommodityLi .xunzhangicon.ubsoft .text .texticon {background: url("/images/application/pc/com/2022juneactivity/2022june_icon41.png") no-repeat;}
.may2022CommodityLi .xunzhangicon:hover .text {display: block;}
.may2022CommodityLi img {float: left;width: 100%;height: 121px;}
.may2022CommodityLi .title {float: left;width: 100%;height: 31px;line-height: 31px;background-color: rgba(7,39,111, 0.5);text-align: left;font-size: 16px;color: #ffffff;overflow: hidden;text-indent: 10px;text-overflow: ellipsis;
    white-space: nowrap;}
.may2022CommodityLi .price {float: left;width: 100%;height: 44px;line-height: 44px;text-align: left;text-indent: 10px;font-size: 20px;font-weight: bold;color: #ffffff;}

.may2022Four {width: 100%;height: 1651px;background: url("/images/application/pc/com/2022juneactivity/2022june_bg4.jpg") no-repeat top center;display: table;}

.BannerTwo {display: table;width: 1200px;height: 168px;margin: 50px auto 0;}
.BannerTwo img {float: left;width: 1184px;height: 152px;}

.hot-game {width: 1232px;margin: auto;overflow: hidden;height: auto;margin-top: 130px;}
.hot-li {width: 276px;height: auto;margin: 0 16px 32px;float: left;background-image: linear-gradient(0deg, #00ccff 0%, #284566 100%), linear-gradient(#b7d84c, #b7d84c);}
.hot-li .hot-top {width: 100%;height: 129px;position: relative;overflow: hidden;}
.hot-li .hot-top img {width: 100%;height: 100%;vertical-align: bottom;}
.hot-li .hot-top p {height: 65px;line-height: 92px;text-align: center;overflow: hidden;width: 80.1%;padding: 0 10%;left: 0;bottom: 0;right: 0;margin: auto;font-size: 16px;color: #ffffff;position: absolute;text-overflow: ellipsis;white-space: nowrap;background-image: linear-gradient(0deg,   #074a8d 0%,   rgba(7,74,141,0) 100%);}
.hot-li .hot-bottom {width: 100%;height: 72px;}
.hot-li .hot-bottom .hot-left {float: left;width: 58px;height: 38px;border: solid 1px #ffffff;text-align: center;line-height: 38px;font-size: 18px;color: #ffffff;margin-left: 16px;margin-top: 16px;font-weight: bold;}
.hot-li .hot-bottom .hot-right {height: 50px;float: right;margin-right: 16px;margin-top: 12px;}
.hot-li .hot-right span {display: block;width: 100%;text-align: right;font-size: 14px;line-height: 20px;height: 20px;color: #ffffff;text-decoration: line-through;opacity: 0.8;}
.hot-li .hot-right p {display: block;width: 140px;line-height: 25px;height: 25px;color: #ffffff;text-align: center;font-size: 14px;font-weight: bold;background-image: linear-gradient(0deg, #1b8ee7 0%, #033977 100%), linear-gradient(#b60f27, #b60f27);}
.hot-li .hot-right p i {font-size: 20px;font-style: normal;padding: 0 2px;vertical-align: bottom;}
.hot-li.special {width: 378px;}
.hot-li + .special + .special {margin-left: 17px;}
.hot-li.special .hot-top {height: 177px;}

.may2022Contact {display: table;width: 1200px;height: auto;margin: 100px auto 0;}
.may2022ContactTitle {display: table;background: url("/images/application/pc/com/2022juneactivity/2022june_icon13.png") no-repeat;width: 692px;height: 39px;margin: 0 auto;}
.may2022ContactUl {display: table;width: auto;height: 169px;margin: 40px auto 0;}
.may2022ContactLi {float: left;width: 129px;height: 100%;position: relative;margin-left: 28px;}
.may2022ContactLi:nth-child(1) {margin-left: 0;}
.may2022ContactLi .img {float: left;width: 100%;height: auto;}
.may2022ContactLi .hoverimg {float: left;width: 78px;height: auto;position: absolute;top: 35px;left: 26px;display: none;}
.may2022ContactLi:hover .hoverimg {display: block;}

.rightEwm {position: fixed;top: 0;bottom: 0;right: 0;z-index: 10;background: url("/images/application/pc/com/2022juneactivity/2022june_icon20.png") no-repeat;width: 222px;height: 268px;margin: auto;/* display: none; */}
.rightEwm .tab {position: absolute;top: 78px;left: 0px;width: 34px;height: 62px;cursor: pointer;}
.rightEwm .tab span {float: left;background: url("/images/application/pc/com/2022juneactivity/2022june_icon21.png") no-repeat;width: 13px;height: 23px;margin: 19px 0 0 13px;}
.rightEwm .tab.checked span {filter:filph;-moz-transform: matrix(-1, 0, 0, 1, 0, 0);-webkit-transform: matrix(-1, 0, 0, 1, 0, 0);-o-transform:matrix(-1,0,0,1,0,0);}
.rightEwm img {float: left;width: 146px;height: 147px;margin: 28px 0 0 58px;}

.may2022RuleAlert {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);z-index: 999;display: none; }
.may2022RuleAlertCon {position: fixed;z-index: 1000;top: 0;bottom: 0;left: 0;right: 0;margin: auto;width: 1200px;height: 560px;background-image: linear-gradient(0deg, #00ccff 0%, #284566 100%), linear-gradient(#076f5e, #076f5e);background-blend-mode: normal, normal;border-style: solid;border-width: 1px;border-image-source: linear-gradient(0deg, #97deff 0%, #ffffff 100%);border-image-slice: 1;}
.may2022RuleAlertClose {float: right;background: url("/images/application/pc/com/2022juneactivity/2022june_icon31.png") no-repeat;width: 20px;height: 19px;cursor: pointer;margin: 11px;}
.may2022RuleAlertCon .title {float: left;width: 100%;height: 36px;line-height: 36px;text-align: center;font-size: 36px;color: #84e6ff;font-weight: bold;}
.may2022RuleAlertConUl {float: left;width: 1100px;height: 400px;overflow: hidden;margin: 32px 0 0 84px;}
.may2022RuleAlertConUl p {float: left;width: 1024px;line-height: 20px;text-align: left;font-size: 16px;color: #ffffff;margin: 8px 0;}

.may2022DownAppAlert {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);z-index: 999;display: none;}
.may2022DownAppAlertCon {position: fixed;z-index: 1000;top: 0;bottom: 0;left: 0;right: 0;margin: auto;width: 1200px;height: 560px;background-image: linear-gradient(0deg, #00ccff 0%, #284566 100%), linear-gradient(#076f5e, #076f5e);background-blend-mode: normal, normal;border-style: solid;border-width: 1px;border-image-source: linear-gradient(0deg, #97deff 0%, #ffffff 100%);border-image-slice: 1;}
.may2022DownAppAlertClose {float: right;background: url("/images/application/pc/com/2022juneactivity/2022june_icon31.png") no-repeat;width: 20px;height: 19px;cursor: pointer;margin: 11px;}
.may2022DownAppAlertConUl {float: left;width: 450px;height: 400px;overflow: hidden;margin: 90px 0 0 127px;}
.may2022DownAppAlertConUl p {float: left;width: 100%;line-height: 36px;text-align: left;font-size: 36px;color: #ffffff;margin: 10px 0;}
.may2022DownAppAlertConUl p span {font-weight: bold;}
.may2022DownAppAlertConUl a {float: left;margin-top: 80px;text-align: center;font-size: 32px;font-weight: bold;color: #ffffff;width: 229px;height: 72px;line-height: 72px;background-image: linear-gradient(0deg, #00f6ff 0%, #00b4ff 100%), linear-gradient(#076f5e, #076f5e);background-blend-mode: normal, normal;border: solid 1px #7bf1ff;}
.may2022DownAppAlertCon .img {margin-top: 15px;position: relative;background: url("/images/application/pc/com/2022juneactivity/2022june_icon36.png") no-repeat;width: 304px;height: 513px;float: right;margin-right: 127px;}
#qrcode {float: left;width: 138px;height: 138px;margin-top: 161px;margin-left: 83px;}

.may2022DownApp1Alert {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);z-index: 999;display: none;}
.may2022DownApp1AlertCon {position: fixed;z-index: 1000;top: 0;bottom: 0;left: 0;right: 0;margin: auto;width: 1200px;height: 560px;background-image: linear-gradient(0deg, #00ccff 0%, #284566 100%), linear-gradient(#076f5e, #076f5e);background-blend-mode: normal, normal;border-style: solid;border-width: 1px;border-image-source: linear-gradient(0deg, #97deff 0%, #ffffff 100%);border-image-slice: 1;}
.may2022DownApp1AlertClose {float: right;background: url("/images/application/pc/com/2022juneactivity/2022june_icon31.png") no-repeat;width: 20px;height: 19px;cursor: pointer;margin: 11px;}
.may2022DownApp1AlertConUl {float: left;width: 450px;height: 400px;overflow: hidden;margin: 90px 0 0 127px;}
.may2022DownApp1AlertConUl p {float: left;width: 100%;line-height: 36px;text-align: left;font-size: 36px;color: #ffffff;margin: 10px 0;}
.may2022DownApp1AlertConUl p span {font-weight: bold;}
.may2022DownApp1AlertConUl a {float: left;margin-top: 80px;text-align: center;font-size: 32px;font-weight: bold;color: #ffffff;width: 229px;height: 72px;line-height: 72px;background-image: linear-gradient(0deg, #00f6ff 0%, #00b4ff 100%), linear-gradient(#076f5e, #076f5e);background-blend-mode: normal, normal;border: solid 1px #7bf1ff;}
.may2022DownApp1AlertCon .img {margin-top: 15px;position: relative;background: url("/images/application/pc/com/2022juneactivity/2022june_icon36.png") no-repeat;width: 304px;height: 513px;float: right;margin-right: 127px;}
#qrcode2 {float: left;width: 138px;height: 138px;margin-top: 161px;margin-left: 83px;}

.may2022SuiPianAlert {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);z-index: 999;display: none;}
.may2022SuiPianAlertCon {position: fixed;z-index: 1000;top: 0;bottom: 0;left: 0;right: 0;margin: auto;width: 540px;height: 458px;background-image: linear-gradient(0deg, #00ccff 0%, #284566 100%), linear-gradient(#076f5e, #076f5e);background-blend-mode: normal, normal;border-style: solid;border-width: 1px;border-image-source: linear-gradient(0deg, #97deff 0%, #ffffff 100%);border-image-slice: 1;}
.may2022SuiPianAlertClose {float: right;background: url("/images/application/pc/com/2022juneactivity/2022june_icon31.png") no-repeat;width: 20px;height: 19px;cursor: pointer;margin: 11px;}
.may2022SuiPianAlertConUl {display: table;width: 100%;height: 400px;overflow: hidden;margin: 48px auto 0;}
.may2022SuiPianAlertConUl p {float: left;width: 100%;line-height: 36px;text-align: center;font-size: 36px;font-weight: bold;color: #84e6ff;margin: 0px 0 30px 0;}
.may2022SuiPianAlertConUl .con {float: left;width: 100%;height: auto;margin-top: 10px;margin-bottom: 20px;}
.may2022SuiPianAlertConUl .con img {display: inline-block;width: auto;height: auto;box-shadow: 0px 0px 101px 0px   rgba(0, 191, 255, 0.7);border: solid 4px #ffffff;border-radius: 4px;margin: 0 auto;}
.may2022SuiPianAlertConUl .con img.xunzhang {border: 0;box-shadow: unset;}
.may2022SuiPianAlertConUl .con span {float: left;width: 100%;height: 25px;line-height: 25px;text-align: center;font-size: 16px;color: #ffffff;}
.may2022SuiPianAlertConUl a {display: inherit;margin: 20px auto 0;text-align: center;font-size: 32px;font-weight: bold;color: #ffffff;width: 229px;height: 72px;line-height: 72px;background-image: linear-gradient(0deg, #00f6ff 0%, #00b4ff 100%), linear-gradient(#076f5e, #076f5e);background-blend-mode: normal, normal;border: solid 1px #7bf1ff;}

.alert-warn-container {position: fixed;top: 0;left: 0;right: 0;bottom: 0;display: none;margin: auto;z-index: 11;width: 540px;height: 370px;background-image: linear-gradient(0deg, #00ccff 0%, #284566 100%), linear-gradient(#076f5e, #076f5e);background-blend-mode: normal, normal;border-style: solid;border-width: 1px;border-image-source: linear-gradient(0deg, #97deff 0%, #ffffff 100%);border-image-slice: 1;}
.alert-close-in {position: absolute;top: 15px;right: 20px;background: url("/images/application/pc/com/2022juneactivity/2022june_icon31.png") no-repeat;width: 20px;height: 19px;cursor: pointer;}
.alert-warn-title {float: left;width: 100%;height: 36px;line-height: 36px;font-size: 36px;text-align: center;color: #84e6ff;font-weight: bold;margin-top: 47px;}
#my-code {display: inline-block;width: 433px;height: auto;text-align: center;color: #84e6ff;font-size: 24px;margin: 40px auto 0;overflow: hidden;font-weight: bold;}
#copy-btn {display: inline-block;line-height: 72px;text-align: center;font-size: 32px;font-weight: bold;color: #ffffff;margin: 20px auto 0;cursor: pointer;width: 229px;height: 72px;background-image: linear-gradient(0deg, #00f6ff 0%, #00b4ff 100%), linear-gradient(#076f5e, #076f5e);background-blend-mode: normal, normal;border: solid 1px #7bf1ff;}

.may2022ReceiveSuiPianAlert {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);z-index: 999;display: none;}
.may2022ReceiveSuiPianAlertCon {position: fixed;z-index: 1000;top: 0;bottom: 0;left: 0;right: 0;margin: auto;width: 640px;height: 440px;background-image: linear-gradient(0deg, #00ccff 0%, #284566 100%), linear-gradient(#076f5e, #076f5e);background-blend-mode: normal, normal;border-style: solid;border-width: 1px;border-image-source: linear-gradient(0deg, #97deff 0%, #ffffff 100%);border-image-slice: 1;}
.may2022ReceiveSuiPianAlertClose {position: absolute;top: 15px;right: 20px;background: url("/images/application/pc/com/2022juneactivity/2022june_icon31.png") no-repeat;width: 20px;height: 19px;cursor: pointer;}
.may2022ReceiveSuiPianAlertConUl {display: table;width: 100%;height: auto;overflow: hidden;margin: 48px auto 0;}
.may2022ReceiveSuiPianAlertConUl p {float: left;width: 100%;height: 36px;line-height: 36px;text-align: center;font-size: 36px;font-weight: bold;color: #84e6ff;margin: 0px 0 30px 0;overflow: hidden;}
.may2022ReceiveSuiPianAlertConUl .con {float: left;width: 100%;height: auto;margin-top: 10px;margin-bottom: 20px;}
.may2022ReceiveSuiPianAlertConUl .con img {display: inline-block;width: auto;height: auto;border-radius: 4px;margin: 0 auto;box-shadow: 0px 0px 101px 0px rgba(0, 191, 255, 0.7);border: solid 4px #ffffff;}
.may2022ReceiveSuiPianAlertConUl .con img.xunzhang {border: 0;box-shadow: unset;}
.may2022ReceiveSuiPianAlertConUl .con span {float: left;width: 100%;height: 25px;line-height: 25px;text-align: center;font-size: 16px;color: #ffffff;}
.may2022ReceiveSuiPianAlertConUl a {float: left;margin: 20px auto 0 80px;line-height: 69px;text-align: center;font-size: 32px;font-weight: bold;color: #ffffff;width: 229px;height: 72px;background-image: linear-gradient(0deg, #00f6ff 0%, #00b4ff 100%), linear-gradient(#076f5e, #076f5e);background-blend-mode: normal, normal;border: solid 1px #7bf1ff;}
.may2022ReceiveSuiPianAlertConUl a.close {margin-left: 14px;}

.tenThAnniversaryXunzhangAlert {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);z-index: 999;display: none;}
.tenThAnniversaryXunzhangAlertCon {position: fixed;z-index: 1000;top: 0;bottom: 0;left: 0;right: 0;margin: auto;width: 540px;height: 458px;background-image: linear-gradient(0deg, #00ccff 0%, #284566 100%), linear-gradient(#076f5e, #076f5e);background-blend-mode: normal, normal;border-style: solid;border-width: 1px;border-image-source: linear-gradient(0deg, #97deff 0%, #ffffff 100%);border-image-slice: 1;}
.tenThAnniversaryXunzhangAlertClose {position: absolute;top: 15px;right: 20px;background: url("/images/application/pc/com/2022juneactivity/2022june_icon31.png") no-repeat;width: 20px;height: 19px;cursor: pointer;}
.tenThAnniversaryXunzhangAlertConUl {display: table;width: 100%;height: 400px;overflow: hidden;margin: 48px auto 0;}
.tenThAnniversaryXunzhangAlertConUl p {float: left;width: 100%;line-height: 36px;text-align: center;font-size: 36px;font-weight: bold;color: #84e6ff;margin: 0px 0 30px 0;}
.tenThAnniversaryXunzhangAlertConUl .con {float: left;width: 100%;height: auto;margin-top: 10px;margin-bottom: 20px;}
.tenThAnniversaryXunzhangAlertConUl .con img {display: inline-block;width: 150px;height: auto;margin: 0 auto;}
.tenThAnniversaryXunzhangAlertConUl .con img.xunzhang {border: 0;box-shadow: unset;}
.tenThAnniversaryXunzhangAlertConUl .con span {float: left;width: 100%;height: 25px;line-height: 25px;text-align: center;font-size: 16px;color: #ffffff;}
.tenThAnniversaryXunzhangAlertConUl a {display: inherit;margin: 20px auto 0;text-align: center;font-size: 32px;font-weight: bold;width: 229px;height: 72px;line-height: 72px;color: #ffffff;background-image: linear-gradient(0deg, #00f6ff 0%, #00b4ff 100%), linear-gradient(#076f5e, #076f5e);background-blend-mode: normal, normal;border: solid 1px #7bf1ff;}

.may2022giveAlert {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);z-index: 999;display: none;}
.may2022giveAlertCon {position: fixed;z-index: 1000;top: 0;bottom: 0;left: 0;right: 0;margin: auto;width: 600px;height: 300px;background-image: linear-gradient(0deg, #00ccff 0%, #284566 100%), linear-gradient(#076f5e, #076f5e);background-blend-mode: normal, normal;border-style: solid;border-width: 1px;border-image-source: linear-gradient(0deg, #97deff 0%, #ffffff 100%);border-image-slice: 1;}
.may2022giveAlertClose {position: absolute;top: 15px;right: 20px;background: url("/images/application/pc/com/2022juneactivity/2022june_icon31.png") no-repeat;width: 20px;height: 19px;cursor: pointer;}
.may2022giveAlertCon .title {float: left;width: 100%;height: 36px;line-height: 36px;text-align: center;font-size: 36px;color: #84e6ff;font-weight: bold;margin-top: 47px;}
.may2022giveAlertConUl {float: left;width: 480px;height: 150px;overflow: hidden;margin: 32px 0 0 84px;}
.may2022giveAlertConUl p {float: left;width: 440px;line-height: 20px;text-align: left;font-size: 16px;color: #84e6ff;margin: 8px 0;}

.alert_Container{width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);position: fixed;top: 0;left: 0;z-index: 111;display: none;}
.alert_commodity_Container{position: absolute;top: 0;bottom: 0;right: 0;left: 0;margin: auto;width: 432px;height: 640px;background-color: #ffffff;border-radius: 8px;display: none;overflow: hidden;}
.alert_commodity_con{position: relative;}
.alert_commodity_close{position: absolute;top: 12px;right: 12px;background: url("/images/application/pc/com/credit_icon12.png") no-repeat;width: 28px;height: 28px;cursor: pointer;z-index: 111;}

.tab_con {width: 100%;height: auto;background-color: #FFF;zoom: 1;overflow: hidden;}
.tab_con_img {width: 100%;height: 243px;zoom: 1;overflow: hidden;position: relative;}
.swiper-slide {height: 243px;}
.tab_con_img img, .tab_con_img video {margin: 0 auto;width: 100%;display: block;height: 243px;vertical-align: bottom;}
.tab_con_img .swiper-pagination {width: 36px;height: 20px;border: 1px solid white;border-radius: 5px;color: white;font-size: 12px;right: 20px;left: auto;bottom: 15px;text-align: center;line-height: 20px;letter-spacing: -1px;}

.alert_commodity_con .price{float: left;width: 432px;height: 42px;background-color: #1b1e23;}
.alert_commodity_con .price p{float: left;width: auto;height: 42px;line-height: 42px;font-size: 24px;color: #fa4f20;margin-left: 22px;}
.alert_commodity_con .price span{float: right;width: auto;height: 42px;line-height: 42px;font-size: 16px;color: #fffefe;opacity: 0.8;margin-right: 8px;}
.alert_commodity_con .commodity_con{float: left;width: 400px;height: 98px;margin-left: 25px;}
.alert_commodity_con .commodity_con .title{float: left;width: 100%;height: 27px;line-height: 25px;margin-top: 10px;font-size: 22px;color: #050c14;overflow: hidden;}
.alert_commodity_con .commodity_con .etitle{float: left;width: 100%;height: 20px;line-height: 20px;margin-top: 5px;font-size: 16px;color: #050c14;overflow: hidden;}
.alert_commodity_con .commodity_con .type{float: left;width: 100%;height: 20px;line-height: 20px;margin-top: 5px;font-size: 14px;color: #bbbbbb;overflow: hidden;}
.alert_commodity_con .commodity_js{float: left;width: 400px;height: 200px;overflow-y: scroll;overflow-x: hidden;margin-left: 25px;margin-bottom: 10px;}
/*定义滚动条高宽及背景*/
.alert_commodity_con .commodity_js::-webkit-scrollbar {width: 8px;}
/*定义滚动条*/
.alert_commodity_con .commodity_js::-webkit-scrollbar-thumb {background-color: #eeeeee;border-radius: 4px;}

.alert_commodity_con .commodity_js *{font-size:14px!important;font-weight:normal!important;}
.products_js{float: left;width: 100%;height: auto;position: relative;text-align: left;margin-bottom: 30px;}
.products_js .products_js_title{display: inline-block;width: 94%;height: 40px;font-size: 18px!important;color: #2b2b2b;;font-weight: bold!important;line-height: 40px;position: relative;text-indent: 5px;}
.products_js .products_js_title:before{content: '';display: block;width: 3px;height: 14px;background: #f53b23;position: absolute;left:0;top: 0;bottom: 0;border-radius: 2px;margin: auto 0;}
.products_js .products_js_content{display: inline-block;width: 100%;color: #7b7b7b;font-size:14px!important;overflow: hidden;text-align: left;line-height: 20px;font-family: 'Microsoft YaHei';font-weight: normal!important;}
.products_js .products_js_content img{border-radius: 4px;width: 100%;margin-left: 0;}
.products_js .products_js_content.st_content img{width:200%;margin-left:-50%;}
.products_js .products_js_content span{line-height: 20px;}

.game_js{float: left;width: 100%;height: auto;position: relative;text-align: left;margin-bottom: 22px;padding-bottom: 25px;}
.game_js .game_js_title{display: inline-block;width: 100%;height: 40px;font-size: 18px!important;color: #2b2b2b;;font-weight: bold!important;line-height: 40px;position: relative;text-indent: 5px;}
.game_js .game_js_title:before{content: '';display: block;width: 3px;height: 14px;background: #f53b23;position: absolute;left:0;top: 0;bottom: 0;border-radius: 2px;margin: auto 0;}
.game_js .game_js_content{display: inline-block;width: 100%;color: #7b7b7b;font-size:14px!important;line-height: 20px;overflow: hidden;text-align: left;font-family: 'Microsoft YaHei';font-weight: normal!important;}
.game_js .game_js_content img{border-radius: 4px;width: 100%;height:auto;}

.commodity_exchange{display: table;width: 321px;height: 36px;background-color: #fa4f20;border-radius: 18px;line-height: 36px;text-align: center;font-size: 18px;color: #ffffff;margin: 0 auto;}
.commodity_exchange.noclick{background: #d0d0d0;}

.may2022TopDownAppAlert {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);z-index: 999;display: none;}
.may2022TopDownAppAlertCon {position: fixed;z-index: 1000;top: 0;bottom: 0;left: 0;right: 0;margin: auto;background: url("/images/application/pc/com/2022juneactivity/2022june_icon32.png") no-repeat;width: 1082px;height: 459px;}
.may2022TopDownAppAlertClose {position: absolute;top: 23px;right: 24px;background: url("/images/application/pc/com/2022juneactivity/2022june_icon31.png") no-repeat;width: 20px;height: 19px;cursor: pointer;}
.may2022TopDownAppAlertCon a {float: left;width: 229px;height: 72px;line-height: 72px;text-align: center;font-size: 32px;color: #ffffff;font-weight: bold;margin: 334px 0 0 80px;background-image: linear-gradient(0deg, #00f6ff 0%, #00b4ff 100%), linear-gradient(#076f5e, #076f5e);background-blend-mode: normal, normal;border: solid 1px #7bf1ff;}
.may2022TopDownAppAlertCon .xuanzhangIcon {float: left;width: 178px;height: 167px;margin: 121px 0 0 162px;opacity: 0;}
.may2022TopDownAppAlertCon .img {float: left;width: 193px;height: 193px;margin: 147px 0 0 26px;}

.may2022TopDownApp2Alert {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);z-index: 999;display: none;}
.may2022TopDownApp2AlertCon {position: fixed;z-index: 1000;top: 0;bottom: 0;left: 0;right: 0;margin: auto;background: url("/images/application/pc/com/2022juneactivity/2022june_icon33.png") no-repeat;width: 1082px;height: 459px;}
.may2022TopDownApp2AlertClose {position: absolute;top: 23px;right: 23px;background: url("/images/application/pc/com/2022juneactivity/2022june_icon31.png") no-repeat;width: 20px;height: 19px;cursor: pointer;}
.may2022TopDownApp2AlertCon a {float: left;width: 229px;height: 72px;line-height: 72px;text-align: center;font-size: 32px;color: #ffffff;font-weight: bold;margin: 334px 0 0 80px;background-image: linear-gradient(0deg, #00f6ff 0%, #00b4ff 100%), linear-gradient(#076f5e, #076f5e);background-blend-mode: normal, normal;border: solid 1px #7bf1ff;}
.may2022TopDownApp2AlertCon .xuanzhangIcon {float: left;width: 178px;height: 167px;margin: 121px 0 0 162px;opacity: 0;}
.may2022TopDownApp2AlertCon .img {float: left;width: 193px;height: 193px;margin: 148px 0 0 44px;}

.may2022TopDownApp3Alert {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);z-index: 999;display: none;}
.may2022TopDownApp3AlertCon {position: fixed;z-index: 1000;top: 0;bottom: 0;left: 0;right: 0;margin: auto;background: url("/images/application/pc/com/2022juneactivity/2022june_icon34.png") no-repeat;width: 1082px;height: 459px;}
.may2022TopDownApp3AlertClose {position: absolute;top: 23px;right: 23px;background: url("/images/application/pc/com/2022juneactivity/2022june_icon31.png") no-repeat;width: 20px;height: 19px;cursor: pointer;}
.may2022TopDownApp3AlertCon a {float: left;width: 229px;height: 72px;line-height: 72px;text-align: center;font-size: 32px;color: #ffffff;font-weight: bold;margin: 334px 0 0 80px;background-image: linear-gradient(0deg, #00f6ff 0%, #00b4ff 100%), linear-gradient(#076f5e, #076f5e);background-blend-mode: normal, normal;border: solid 1px #7bf1ff;}
.may2022TopDownApp3AlertCon .xuanzhangIcon {float: left;width: 178px;height: 167px;margin: 121px 0 0 162px;opacity: 0;}
.may2022TopDownApp3AlertCon .img {float: left;width: 193px;height: 193px;margin: 150px 0 0 32px;}

.may2022TopDownApp4Alert {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);z-index: 999;display: none;}
.may2022TopDownApp4AlertCon {position: fixed;z-index: 1000;top: 0;bottom: 0;left: 0;right: 0;margin: auto;background: url("/images/application/pc/com/2022juneactivity/2022june_icon35.png") no-repeat;width: 1082px;height: 463px;}
.may2022TopDownApp4AlertClose {position: absolute;top: 23px;right: 24px;background: url("/images/application/pc/com/2022juneactivity/2022june_icon31.png") no-repeat;width: 20px;height: 19px;cursor: pointer;}
.may2022TopDownApp4AlertCon a {float: left;width: 229px;height: 72px;line-height: 72px;text-align: center;font-size: 32px;color: #ffffff;font-weight: bold;margin: 334px 0 0 80px;background-image: linear-gradient(0deg, #00f6ff 0%, #00b4ff 100%), linear-gradient(#076f5e, #076f5e);background-blend-mode: normal, normal;border: solid 1px #7bf1ff;}
.may2022TopDownApp4AlertCon .xuanzhangIcon {float: left;width: 178px;height: 167px;margin: 121px 0 0 162px;opacity: 0;}
.may2022TopDownApp4AlertCon .img {float: left;width: 193px;height: 193px;margin: 144px 0 0 32px;}

.fhyx_footer {margin-top: 0!important;}