* { padding: 0; margin: 0;}
.header {/* padding-top: .2rem; *//* line-height: 1.8rem; */}
html, body { font-size: 100px;overflow:hidden;}
img { display: block;}
.bg img {width: 100%;}
.header p {color: #666;font-size: 0.32rem;text-align: center;line-height: 1rem;width: 100%;}
.wrap {position: relative;box-sizing: border-box;padding: .2rem .5rem;padding-bottom: 180px;}
.wrap .content {position: absolute; width: 24vw; margin: auto; content: "viewport-units-buggyfill; height:23.9vw; width: 23.9vw";
 /* border-radius: 11px; */ width: 100%; height: auto; border: 3px; box-sizing: border-box; background: #fff;}
.wrap .content div { position: absolute; z-index: 10; content: "viewport-units-buggyfill; width: 10vw; height: 10vw";}
.wrap .content div img { width: 100%; height: 100%;}
.container { position: relative;    overflow: hidden}
section.ORCode {position: relative;}
section.ORCode canvas { position: absolute;left: 0;right: 0;bottom: 0; top: 0;box-sizing: border-box;}
section.ORCode img { width: 100%; height: 100%;box-sizing: border-box;;}
section.ORCode { position: absolute; left: 3%; top: 3%; width: 94%; height: 94%;}
canvas {float: left;}
.bg { width: 100%; min-height: 200px;display: inline-block;position: relative;min-width: 100px;}
.layer .compose { width: 100%; left: 0; top: 0; right: 0; bottom: 0;}
footer {left: 0;bottom: 0;opacity: .8;width: 100%;z-index: 2000;position: fixed;background: #fff;padding-bottom: 30px;}
footer p {
    color: #666;
    font-size: 0.22rem;
    text-align: center;
    line-height: 0.45rem;
    width: 100%;
}footer p.ft_b {
    color: #333;
    font-weight: 700;
}
.swiper-pagination.swiper-pagination-fraction { bottom: 0rem; height: .5rem; font-weight: 700; font-size: .23rem; line-height: .6rem; position: relative; font-family: '΢���ź�';}
.uleLogo { top: 50%; left: 50%; width: 20%; height: 20%; position: absolute; transform: translate(-50%, -50%);}
p.ft_0.swiper-pagination-fraction { opacity: 1; color: #333; font-weight: 700; font-size: .2rem;}
.pop-wrapper {position: absolute;left: 0;top: 0;bottom: 0;right: 0;background: #fff;z-index: 2000;}
.pop-content { text-align: center;margin-top: 30%;font-size: 14px;}
.pop-wrapper .pop-title { font-size: 15px; font-weight: 600;margin-bottom: 10%}
.pop-wrapper .pop-btn {text-decoration: none; background: red; color: #fff; padding: 10px 40px; border-radius: 5px;margin-top: 10%; display: inline-block;}
.pop-wrapper .pop-disc { padding: 0 15%;}
.v-toast { position: fixed; left: 50%; top: 50%; max-width: 200px; background-color: rgba(0, 0, 0, 0.75); color: #fff; font-size: 16px; line-height: 1.3; padding: 10px 20px; border-radius: 6px; transform: translate(-50%, -50%); z-index: 9999;}