.hide2 { visibility: hidden; } body .layui-layer { background-color: transparent; box-shadow: none; border-radius: 0; } body .layui-layer.layui-layer-hui { background-color: #000; filter: alpha(opacity=60); background-color: rgba(0, 0, 0, .6); } body, html { line-height: 1.2; font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif, "宋体"; } .main{ width: 10rem; position: relative; font-size: 0; margin: 0 auto; overflow: auto; } .mLogo{ width: 2.013rem; top: 0; z-index: 10; } .mBg{ background: url(../img/bg.png) no-repeat; background-size: 100% 100%; width: 10rem; height: 11.466rem; position: relative; margin: 0 auto; font-size: 0; overflow-y: auto; } .mBgHead{ width: 10rem; position: relative; font-size: 0; margin: 0 auto; padding-top: 0.3rem; } .mBgTitle{ background: url(../img/cn/title.png?v=202101111217) no-repeat; background-size: 100% 100%; width: 8.146rem; height: 1.826rem; position: relative; margin: 0 auto; } .mBgCenter{ position: relative; width: 100%; height: 9.285rem; margin: 0 auto; font-size: 0; } .mDetail{ background: url(../img/card1.png) no-repeat; background-size: 100% 100%; width: 9.066rem; height: 3.786rem; position: relative; margin: 0 auto; font-size: 0; } .mDetailTop{ width: 9.066rem; height: 0.933rem; top: 0.35rem; } .mDetailNum{ position: absolute; left: 0; top: 0; width: 7rem; height: 0.933rem; font-size: 0; } .mDetailNumBg{ background: url(../img/titlebg.png) no-repeat; background-size: 2rem 1.066rem; width: 2rem; height: 1.066rem; position: absolute; left: 0; top: -.033rem; } .mDetailNumText{ position: absolute; width: 100%; left: 0.453rem; top: 0; height: 1.066rem; line-height: 1rem; font-size: 0.346rem; color: #D9F8FF; } .mDetailNumText .mDetailNumTextImg1{ width: 0.226rem; vertical-align: middle; margin: -.05rem 0.066rem 0 0.093rem; } .mDetailNumText1{ color: #00F3D7; font-size: 0.346rem; } .mDetailNumTextImg2{ width: 1px; vertical-align: middle; margin: -.05rem 0.333rem 0 0.333rem; } .mDetailNumText2{ font-size: 0.266rem; color: #90CDE6; } .mDetailNumText2 font{ color: #00F3D7; } .mDetailBtn{ position: absolute; top: 0.133rem; right: 0.226rem; width:1.666rem; height: 0.63rem; font-size: 0; text-align: center; border: solid 0.036rem transparent; border-radius: 1rem; background-image: linear-gradient(to left,#0e375d, #0f4647),linear-gradient(to left, #00a0e9, #00f088); background-origin: border-box; background-clip: content-box, border-box; color: #FFF; z-index: 20; } .mDetailBtn font{ font-size: 0.346rem; width: 100%; top: 47%; } .mDetail.mDetail3{ background: url(../img/card2.png) no-repeat; background-size: 100% 100%; width: 9.066rem; height: 5.893rem; } .mDetail.mDetail3 .mDetailTop{ top: .39rem; } .mDetail.mDetail3 .mDetailNumBg{ top: -.023rem; } .mDetailCenter{ width: 9.066rem; height: 2rem; top: 1.2rem; text-align: center; } .mDetailCon{ position: relative; display: inline-block; width: 25%; text-align: center; } .mDetailCon img{ width: 1.2rem; } .mDetailConInfo{ position: relative; width: 100%; text-align: center; font-size: 0; margin-top: -.1rem; } .mDetailConInfo p{ color: #608899; font-size: 0.28rem; width: 100%; } .mDetailConInfo p:nth-child(2){ margin-top: 0.1rem; font-size: 0.32rem; color: #63ECF8; } .mDetail3 .mDetailCenter{ height: 4.3rem; } .mDetail2 .mDetailCon{ width: 1.8rem; } .mDetail3 .mDetailCon:nth-child(n+5){ margin-top: .15rem; } .mDetailLine2{ width: 8.413rem; top: 3.25rem; } .L_En .mBgTitle{ background: url(../img/en/title.png?v=2021012112011111111111111111111) no-repeat; background-size: 100% 100%; width: 8.626rem; height: 2.32rem; } .L_Ar{ direction: rtl; } .L_Ar .mBgTitle{ background: url(../img/en/title.png?v=2021012112011111111111111111111) no-repeat; background-size: 100% 100%; width: 8.626rem; height: 2.32rem; } .L_Ar .mDetailNum{ left: auto; right: 0; } .L_Ar .mDetailBtn{ right: auto; left: .226rem; } .L_Ar .mDetailNumBg{ left: auto; right: 0; transform: rotate(180deg); } .L_Ar .mDetailNumText{ left: auto; right: .453rem; }