@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: #0d9171;}
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;max-width: 1913px;}

.may2022One {width: 100%;height: 736px;background: url("/images/application/pc/com/2022aug/bg1.jpg") no-repeat top center;display: table;position: relative;z-index: 2;}
.may2022OneLogo {position: absolute;top: 40px;left: 0;right: 0;background: url("/images/application/pc/com/2022aug/newicon3.png") no-repeat;width: 274px;height: 87px;margin: 0 auto;}
.may2022TwoToApp {display: table;width: auto;height: auto;margin: 594px auto 0;}
.may2022TwoToAppUl {display: table;width: auto;height: auto;margin: 0 auto;}
.may2022TwoToAppLi {float: left;width: auto;height: auto;/* margin-right: 15px; */cursor: pointer;}
.may2022TwoToAppLi2 {margin-top: -9px;}
.may2022TwoToAppLi3 {margin-top: -9px;margin-left: -10px;}
.may2022TwoToAppLi4 {margin-top: -34px;}
.may2022TwoToAppLi:nth-child(4) {margin-right: 0;}

.may2022Two {display: table;background: url("/images/application/pc/com/2022aug/bg2.jpg") no-repeat top center;width: 100%;height: 1105px;margin: 0 auto;}

.eleventhanniversaryTask {display: table;background: url("/images/application/pc/com/2022aug/icon3.png") no-repeat;width: 1201px;height: 1037px;margin: 35px auto 0;position: relative;}
.eleventhanniversaryTaskTitle {display: table;background: url("/images/application/pc/com/2022aug/newicon1.png") no-repeat;width: 603px;height: 56px;margin: 80px auto 0;}
.TreasureChest {display: table;width: auto;height: 263px;margin: 67px auto 0;position: relative;z-index: 3;}
.TreasureChestLi {float: left;width: 267px;/* height: 305px; */margin-right: 8px;cursor: pointer;opacity: 0.5;position: relative;}
.TreasureChestLi:nth-child(4) {width: 289px;margin-top: -57px;}
.TreasureChestLi.checked {opacity: 1;}
.TreasureChestLi.checked em {position: absolute;top: -50px;left: 0;right: 0;margin: auto;background: url("/images/application/pc/com/2022aug/bx_c.png") no-repeat;width: 50px;height: 57px;}
.TreasureChestLi img {float: left;width: 100%;/* height: 100%; */}
.eleventhanniversaryTaskCenter {display: table;width: 1200px;height: auto;margin: 27px auto 0;}
.eleventhanniversaryTaskCenter .openTreasureChest {float: left;width: 320px;height: 80px;position: relative;cursor: pointer;margin-left: 392px;margin-right: 8px;background-image: linear-gradient(0deg, #ecda3e 0%, #f29716 100%), linear-gradient(#000000, #000000);background-blend-mode: normal, normal;border: 4px solid #57b64f;border-radius: 40px 12px 12px 40px;}
.eleventhanniversaryTaskCenter .openTreasureChest p {position: relative;z-index: 2;float: left;width: 100%;height: 40px;line-height: 40px;text-align: center;font-size: 32px;font-weight: bold;color: #ffffff;margin-top: 9px;}
.eleventhanniversaryTaskCenter .openTreasureChest span {position: relative;z-index: 2;float: left;width: 100%;height: 20px;line-height: 20px;text-align: center;font-size: 16px;font-weight: bold;color: #ffffff;margin-top: 4px;}
.eleventhanniversaryTaskCenter .creditsInfo {display: table;width: 89px;height: 80px;position: relative;cursor: pointer;margin-left: 8px;background-image: linear-gradient(0deg, #50de57 0%, #40f0ac 100%), linear-gradient(#000000, #000000);border: 4px solid #42b85e;border-radius: 12px 40px 40px 12px;}
.eleventhanniversaryTaskCenter .creditsInfo .bg {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: url("/images/application/pc/com/2022aug/2022june_icon1.png") no-repeat;width: 50px;height: 47px;margin: auto;}
.eleventhanniversaryTaskCenter .creditsInfo span {float: left;width: auto;padding: 0 5px;height: 20px;line-height: 20px;text-align: center;font-size: 12px;color: #ffffff;background-image: linear-gradient(0deg,   #00ffa8 0%,   #36d77e 100%),  linear-gradient(  #ffffff,   #ffffff);background-blend-mode: normal, normal;border-radius: 10px 10px 10px 2px;border: solid 2px #ffffff;z-index: 1;position: relative;top: -8px;left: 73px;/* display: none; */}
.eleventhanniversaryTaskCenter .creditsInfo:hover span {display: block;}
.eleventhanniversaryRule {float: left;width: 100%;height: 20px;line-height: 20px;text-align: center;font-size: 16px;color: #ffffff;text-decoration: underline;margin-top: 20px;position: relative;z-index: 2;cursor: pointer;}
.taskUlText {float: left;width: 100%;height: 20px;line-height: 20px;text-align: center;font-size: 18px;color: #ffffff;margin-top: 45px;}
.may2022JikaRightTodayTaskUl {display: inline-block;width: 1020px;height: 240px;overflow: hidden;margin: 18px auto 0;}
.may2022JikaRightTodayTaskLi {float: left;width: 323px;height: 64px;margin: 0 13px 13px 0;background-image: linear-gradient(0deg, #1accb7 0%, #04a779 100%), linear-gradient(         #000000, #000000);background-blend-mode: normal, normal;border: 2px solid #33972d;border-radius: 8px;}
.may2022JikaRightTodayTaskLi.Tomplete {opacity: 0.5;}
.may2022JikaRightTodayTaskLi .con {float: left;width: 215px;height: auto;margin: 12px 0 0 12px;}
.may2022JikaRightTodayTaskLi .con .title {float: left;width: 100%;height: 20px;line-height: 20px;text-align: left;font-size: 18px;color: #ffffff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: bold;}
.may2022JikaRightTodayTaskLi .con p {float: left;width: 100%;height: 16px;line-height: 16px;text-align: left;font-size: 14px;color: #ffffff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-top: 6px;font-weight: bold;}
.may2022JikaRightTodayTaskLi .con p span {opacity: 0.5;font-weight: unset;}
.may2022JikaRightTodayTaskLi a {float: right;margin: 16px 17px 0 0;width: 64px;height: 30px;line-height: 30px;text-align: center;font-size: 14px;color: #ffffff;background-image: linear-gradient(0deg, #ecda3e 0%, #f29716 100%), linear-gradient(#d2ef6e, #d2ef6e);background-blend-mode: normal, normal;border: 2px solid #266797;border-radius: 16px;}

.may2022Three {display: table;background: url("/images/application/pc/com/2022aug/bg3.jpg") no-repeat top center;width: 100%;height: 1352px;margin: 0 auto;}
.BannerOneCon {display: table;width: 1200px;height: auto;margin: 64px auto 70px;}

.CommodityBg {display: table;background: url("/images/application/pc/com/2022aug/icon3.png") no-repeat;background-size: 100% 805px;width: 1201px;height: 805px;margin: 0 auto;}
.eleventhanniversaryCommodity.one {margin-top: 90px;}
.eleventhanniversaryCommodity {display: table;width: 1140px;height: auto;margin: 0 auto;}
.CommodityLi {float: left;width: 212px;height: 307px;margin: 0 8px 24px;border-radius: 12px;overflow: hidden;position: relative;}
.CommodityLi.heng {height: 142px;background-image: linear-gradient(0deg,   #842b1d 1%,   #4b1a0f 100%),  linear-gradient(  #d61d35,   #d61d35);/* background-blend-mode: normal, normal, normal; *//* border-style: solid; *//* border-width: 1px; *//* border-image-source: linear-gradient(0deg, #3b050c 0%, #90533e 100%); *//* border-image-slice: 1; */}
.CommodityLi.shu {}
.CommodityLi.shu.right {float: right;}
.CommodityLi .img {float: left;width: 100%;height: 100%;transition: all .4s ease;}
.CommodityLi.shu .img {transition: all .4s ease;}
.CommodityLi.shu:hover .img {transform: scale(1.3);}
.CommodityLi.heng .img {float: left;width: 100%;height: 99px;}
.CommodityLi .lowest {position: absolute;top: 0;left: 0;background: url("/images/application/pc/com/2022aug/icon16.png") no-repeat;width: 51px;height: 52px;}
.CommodityLi .title {position: absolute;top: 0;bottom: 0;left: 0;right: 0;width: 230px;height: 30px;line-height: 30px;text-align: center;font-size: 24px;color: #ffffff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin: auto;}
.CommodityLi.heng .title {width: 158px;height: 40px;background-image: linear-gradient(180deg, rgba(58,8,6,0.1) 0%, #0c0c0c 100%);bottom: -32px;font-size: 14px;padding: 0 27px;line-height: 25px;}
.CommodityLi .priceCon {position: absolute;left: 0;bottom: 0;width: 100%;height: 43px;background-image: linear-gradient(0deg,   #09856a 1%,   #028d78 100%),  linear-gradient(  #ff4d40,   #ff4d40);}
.CommodityLi.shu .priceCon {height: 60px;background-image: linear-gradient(180deg, rgba(58,8,6,0) 0%, #0c0c0c 100%);padding-top: 108px;}
.CommodityLi .priceCon .zk {float: left;width: 61px;height: 25px;background-image: linear-gradient(0deg, #ff6215 0%, #8d1515 100%), linear-gradient(#0c0c0c, #0c0c0c);background-blend-mode: normal, normal;border-radius: 4px;line-height: 25px;text-align: center;font-size: 18px;color: #ffffff;margin-left: 16px;margin-top: 10px;}
.CommodityLi .priceCon .price {float: right;width: 120px;height: 20px;line-height: 20px;text-align: right;font-size: 16px;color: #ffffff;margin: 8px 13px 0 0;}
.CommodityLi .priceCon .oldprice {float: right;width: 120px;height: 13px;line-height: 13px;text-align: right;font-size: 12px;color: #ffffff;margin: 0px 13px 0 0;opacity: 0.5;text-decoration: line-through;}

.may2022Four {display: table;background: url("/images/application/pc/com/2022aug/bg4.jpg") no-repeat top center;width: 100%;height: 940px;margin: 0 auto;}
.may2022Commodity {display: table;background: url("/images/application/pc/com/2022aug/icon3.png") no-repeat;background-size: 100% 830px;width: 1201px;height: 830px;margin: 70px auto 0;}
.may2022CommodityTitle {display: table;background: url("/images/application/pc/com/2022aug/newicon2.png") no-repeat;width: 1038px;height: 56px;margin: 82px auto 0;}
.may2022CommodityUl {float: left;width: 1125px;height: 605px;overflow: hidden;margin: 40px 0 0 30px;}
.may2022CommodityUlCon {float: left;width: 1060px;margin-left: 45px;}
.may2022CommodityLi {float: left;width: 248px;height: 172px;margin: 8px 21px 19px 0;position: relative;border-radius: 8px;background-image: linear-gradient(0deg, #0eccb2 0%, #3cd43f 100%), linear-gradient(#2ecbff, #2ecbff);}
.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/2022aug/2022june_icon28.png") no-repeat;background-size: 100% 100%;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 23px;display: none;}
.may2022CommodityLi .xunzhangicon .text .texticon {position: absolute;top: 0;left: -62px;right: 0;background: url("/images/application/pc/com/2022aug/2022june_icon27.png") no-repeat;width: 168px;height: 54px;margin: 0 auto;}
.may2022CommodityLi .xunzhangicon:hover .text {display: block;}
.may2022CommodityLi img {float: left;width: 100%;height: 116px;border-radius: 8px 8px 0 0;}
.may2022CommodityLi .title {float: left;width: 100%;height: 24px;line-height: 24px;background-color: rgba(7,39,111, 0.3);text-align:left;font-size: 14px;color: #ffffff;overflow: hidden;text-indent: 10px;text-overflow: ellipsis;white-space: nowrap;}
.may2022CommodityLi .price {float: left;width: 100%;height: 32px;line-height: 32px;text-align: left;text-indent: 10px;font-size: 18px;font-weight: bold;color: #ffffff;}

.may2022Five {display: table;background: url("/images/application/pc/com/2022aug/bg5.jpg") no-repeat top center;width: 100%;height: 1118px;margin: 0 auto;}
.BannerTwo {display: table;width: 1200px;height: 168px;margin: 50px auto 0;}
.BannerTwo img {float: left;width: 1184px;height: 152px;}

.may2022Contact {display: table;width: 1200px;height: auto;margin: 100px auto 0;}
.may2022ContactTitle {display: table;background: url("/images/application/pc/com/2022aug/2022june_icon13.png") no-repeat;width: 762px;height: 43px;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/2022aug/2022june_icon20.png") no-repeat;width: 185px;height: 273px;margin: auto;/* display: none; */}
.rightEwm .tab {position: absolute;top: 78px;left: -34px;width: 34px;height: 62px;cursor: pointer;background: rgba(0,0,0,0.5);border-radius: 16px 0 0 16px;}
.rightEwm .tab span {float: left;background: url("/images/application/pc/com/2022aug/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 22px;}

.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;border-radius: 16px;background-image: linear-gradient(0deg, #067c61 0%, #02a881 100%), linear-gradient(         #3b050c, #3b050c);background-blend-mode: normal, normal;border-style: solid;border-width: 8px;border-image-source: linear-gradient(0deg, #40ff5f 1%, #70ff87 100%);border-image-slice: 1;}
.may2022RuleAlertClose {float: right;background: url("/images/application/pc/com/2022aug/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: #ffffff;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;opacity: 0.5;margin: 8px 0;}

.creditsInfoAlert {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);z-index: 111;display: none;}
.creditsInfoAlertCon {position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 1080px;height: 573px;margin: auto;border-radius: 16px;background-image: linear-gradient(0deg, #067d62 0%, #02a57f 100%), linear-gradient(         #3b050c, #3b050c);background-blend-mode: normal, normal;border-style: solid;border-width: 8px;border-image-source: linear-gradient(0deg, #70ff70 0%, #70ff7d 100%);border-image-slice: 1;}
.creditsInfoAlertClose {position: absolute;top: 15px;right: 15px;background: url("/images/application/pc/com/2022aug/2022june_icon31.png") no-repeat;width: 20px;height: 19px;background-size: 100% 100%;cursor: pointer;}
.creditsInfoAlertConUserInfo {float: left;width: 912px;height: 65px;border-radius: 8px;margin: 48px 0 0 80px;background-image: linear-gradient(0deg, #45df45 0%, #1ce396 100%);border-style: solid;border-width: 4px;border-image-source: linear-gradient(0deg, #48b842 0%, #0a7626 100%);border-image-slice: 1;}
.creditsInfoAlertConUserInfo .userImg {float: left;width: 45px;height: 45px;margin: 10px 0 0 16px;border-radius: 50%;}
.creditsInfoAlertConUserInfo .user {float: left;width: 450px;height: 65px;}
.creditsInfoAlertConUserInfo .user .userName {float: left;width: 100%;height: 20px;line-height: 20px;text-align: left;font-size: 16px;color: #ffffff;margin: 15px 0 0 12px;}
.creditsInfoAlertConUserInfo .totalCredits {float: left;width: 100%;height: 15px;line-height: 15px;text-align: left;font-size: 14px;color: #ffffff;margin-left: 12px;margin-top: 3px;}
.creditsInfoAlertConUserInfo .totalCredits em {opacity: 0.5;}
.creditsInfoAlertConUserInfo .totalCredits span {margin: 0 3px;font-weight: bold;}
.creditsInfoAlertConUserInfo .blanceCredits {float: right;width: auto;margin-right: 16px;height: 65px;line-height: 65px;text-align: left;font-size: 16px;color: #ffffff;}
.creditsInfoAlertConUserInfo .blanceCredits span {font-style: italic;font-size: 32px;margin: 0 3px;}
.may2022JikaRightCreditsInfoTable {float: left;width: 950px;height: 376px;margin-left: 80px;margin-top: 15px;overflow: hidden;}
.may2022JikaRightCreditsInfoLi {float: left;width: 100%;height: 34px;}
.may2022JikaRightCreditsInfoLi .time {float: left;width: 178px;height: 32px;border: solid 1px rgba(255, 255, 255, 0.3);text-align: center;line-height: 32px;font-size: 16px;color: #ffffff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.may2022JikaRightCreditsInfoLi .name {float: left;width: 444px;height: 32px;border: solid 1px rgba(255, 255, 255, 0.3);text-align: center;line-height: 32px;font-size: 16px;color: #ffffff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.may2022JikaRightCreditsInfoLi .num {float: left;width: 139px;height: 32px;border: solid 1px rgba(255, 255, 255, 0.3);text-align: center;line-height: 32px;font-size: 16px;color: #ffffff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.may2022JikaRightCreditsInfoLi .blance {float: left;width: 150px;height: 32px;border: solid 1px rgba(255, 255, 255, 0.3);text-align: center;line-height: 32px;font-size: 16px;color: #ffffff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.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;border-radius: 16px;background-image: linear-gradient(0deg, #067d62 0%, #02a57f 100%), linear-gradient(         #3b050c, #3b050c);background-blend-mode: normal, normal;border-style: solid;border-width: 8px;border-image-source: linear-gradient(0deg, #70ff70 0%, #70ff7d 100%);border-image-slice: 1;}
.may2022DownAppAlertClose {float: right;background: url("/images/application/pc/com/2022aug/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: 221px;height: 64px;line-height: 64px;background-image: linear-gradient(0deg,   #ecda3e 0%,   #f29716 100%),  linear-gradient(  #076f5e,   #076f5e);background-blend-mode: normal, normal;border: solid 4px #1469a9;border-radius: 32px;}
.may2022DownAppAlertCon .img {margin-top: 15px;position: relative;background: url("/images/application/pc/com/2022aug/2022june_icon36.png") no-repeat;width: 304px;height: 513px;float: right;margin-right: 127px;}
#qrcode {float: left;width: 138px;height: 138px;margin-top: 155px;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;border-radius: 16px;background-image: linear-gradient(0deg, #067d62 0%, #02a57f 100%), linear-gradient(#3b050c, #3b050c);background-blend-mode: normal, normal;border-style: solid;border-width: 8px;border-image-source: linear-gradient(0deg, #70ff70 0%, #70ff7d 100%);border-image-slice: 1;}
.may2022DownApp1AlertClose {float: right;background: url("/images/application/pc/com/2022aug/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: 64px;line-height: 64px;background-image: linear-gradient(0deg,   #ecda3e 0%,   #f29716 100%),  linear-gradient(  #076f5e,   #076f5e);background-blend-mode: normal, normal;border: solid 4px #1469a9;border-radius: 32px;}
.may2022DownApp1AlertCon .img {margin-top: 15px;position: relative;background: url("/images/application/pc/com/2022aug/2022june_icon36.png") no-repeat;width: 304px;height: 513px;float: right;margin-right: 127px;}
#qrcode2 {float: left;width: 138px;height: 138px;margin-top: 155px;margin-left: 83px;}

.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/2022aug/2022june_icon32.png") no-repeat;width: 1098px;height: 476px;}
.may2022TopDownAppAlertClose {position: absolute;top: 23px;right: 24px;width: 20px;height: 19px;cursor: pointer;}
.may2022TopDownAppAlertCon a {float: left;width: 229px;height: 64px;margin: 343px 0 0 58px;}
.may2022TopDownAppAlertCon .xuanzhangIcon {float: left;width: 178px;height: 167px;margin: 121px 0 0 162px;opacity: 0;}
.may2022TopDownAppAlertCon .img {float: left;width: 193px;height: 193px;margin: 149px 0 0 408px;}

.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/2022aug/2022june_icon33.png") no-repeat;width: 1098px;height: 476px;}
.may2022TopDownApp2AlertClose {position: absolute;top: 23px;right: 24px;width: 20px;height: 19px;cursor: pointer;}
.may2022TopDownApp2AlertCon a {float: left;width: 229px;height: 64px;margin: 343px 0 0 58px;}
.may2022TopDownApp2AlertCon .xuanzhangIcon {float: left;width: 178px;height: 167px;margin: 121px 0 0 162px;opacity: 0;}
.may2022TopDownApp2AlertCon .img {float: left;width: 193px;height: 193px;margin: 153px 0 0 416px;}

.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/2022aug/2022june_icon34.png") no-repeat;width: 1098px;height: 476px;}
.may2022TopDownApp3AlertClose {position: absolute;top: 23px;right: 24px;width: 20px;height: 19px;cursor: pointer;}
.may2022TopDownApp3AlertCon a {float: left;width: 229px;height: 64px;margin: 343px 0 0 58px;}
.may2022TopDownApp3AlertCon .xuanzhangIcon {float: left;width: 178px;height: 167px;margin: 121px 0 0 162px;opacity: 0;}
.may2022TopDownApp3AlertCon .img {float: left;width: 193px;height: 193px;margin: 154px 0 0 411px;}

.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/2022aug/2022june_icon35.png") no-repeat;width: 1098px;height: 476px;}
.may2022TopDownApp4AlertClose {position: absolute;top: 23px;right: 24px;width: 20px;height: 19px;cursor: pointer;}
.may2022TopDownApp4AlertCon a {float: left;width: 229px;height: 64px;margin: 343px 0 0 58px;}
.may2022TopDownApp4AlertCon .xuanzhangIcon {float: left;width: 178px;height: 167px;margin: 121px 0 0 162px;opacity: 0;}
.may2022TopDownApp4AlertCon .img {float: left;width: 193px;height: 193px;margin: 148px 0 0 431px;}

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