@font-face{
	font-family: eng_med;
	src: url('/fonts/AlibabaSans-Medium.otf');
}
@font-face{
	font-family: eng_reg;
	src: url('/fonts/AlibabaSans-Regular.otf');
}
@font-face{
	font-family: enga;
	src: url('/fonts/EnglishNor.woff2');
}
@font-face{
	font-family: engb;
	src: url('/fonts/EnglishMed.woff2');
}

@font-face{
	font-family: bebas;
	src: url('/fonts/BebasNeue.ttf');
}
/*transition:all 1s ease-in-out; */
.hyper { position: relative; background: #000 }

/**/
.contianer { min-width: 375px; max-width: 425px; margin: 0 auto }
.hyper .top_logo {position: fixed; background: black;z-index: 2;transition: all .4s ease-in-out; width: 100%; text-align: center;}
.hyper .top_logo .contianer { min-width: 375px; max-width: 425px; margin: 0 auto;display: flex;flex-flow: row;flex-wrap: nowrap;justify-content: center;align-items: stretch;}
.hyper .top_logo .contianer .a {flex: 1;text-align: right;padding-right: 0.2rem;font-size: 0.4rem;line-height: 2.55}
.hyper .top_logo .contianer .b { flex: 0.5 }
.hyper .top_logo .contianer .b img { width: 100%;border-radius: 50% }
.hyper .top_logo .contianer .c {flex: 1.1;text-align: left;padding-left: 0.2rem;font-size: 0.52rem;line-height: 2;}
/**/
.hyper .posterpage { background-image: url('/img/carto_1.webp'); background-position: 50 50;background-size: contain;position: relative;text-align: center; margin: 0 auto; height: 11.2rem;min-width: 375px; max-width: 425px; }

.hyper .posterpage .ufoflies { top:1.1rem;left: 0; position: absolute; width: 100%;text-align: center; }
.hyper .posterpage .ufoflies .obj1 {}
.hyper .posterpage .ufoflies .obj1 img { width: 3.7rem }

.hyper .posterpage .title {padding-top: 0.7rem;}
.hyper .posterpage .title h1 {color: #f3d698;font-size: 0.35rem;font-weight: 100;margin-bottom: 0.9rem;}
.hyper .posterpage .title .tt { color: #df8f1b; font-weight: 600;display: flex;flex-flow: row;flex-wrap: nowrap;justify-content: center;align-self: stretch; }
.hyper .posterpage .title .tt dd {font-size: 0.95rem; line-height: 1 }
.hyper .posterpage .title .tt dt {font-family: "bebas";font-size: 0.95rem; line-height: 1.3}

.hyper .posterpage .title p {color: #f3d698;font-size: 0.3rem;font-weight: 100;margin-bottom: 0.2rem;}
.hyper .posterpage .title h4 { color: #d1cfb6; font-size: 0.25rem; font-weight: 100 }
.hyper .posterpage .foots { width: 100%; position: fixed;bottom: 0; left: 0 }
.hyper .posterpage .foots .contrack {min-width: 375px; max-width: 425px; text-align: center; margin: 0 auto; display: flex;flex-flow: row;flex-wrap: nowrap;justify-content: center; }
.hyper .posterpage .foots .contrack dd { flex: 1;text-align: right }
.hyper .posterpage .foots .contrack dd img { width:45%; margin: 0 0 0 auto}
.hyper .posterpage .foots .contrack dt { flex: 1.2; padding-left: 0.33rem; padding-top: 0.2rem }
.hyper .posterpage .foots .contrack dt p { text-align: left; color: #2e57bf}
.hyper .posterpage .foots .contrack dt p:nth-child(1) { font-size: 0.25rem; line-height: 1.3 }
.hyper .posterpage .foots .contrack dt p:nth-child(2) { font-size: 0.2rem; line-height: 1 }
.hyper .posterpage .foots .contrack dt p:nth-child(3) { font-size: 0.2rem; line-height: 1 }

.topmenu {position: fixed; z-index: 2; width: 100%;transition: all .4s ease-in-out; text-align: center; }
.topmenu .contianer {margin: 0 auto}

.hyper .layui-nav * { font-size: 0.2rem }
.hyper .layui-nav .layui-nav-item { line-height: 0.6rem }
.hyper .layui-nav .layui-nav-item a { padding: 0 0.25rem }
.hyper .layui-nav .layui-nav-more { right: 0 }
.hyper .layui-nav-child { top: 0.58rem }

.hyper .secondloader { position: relative; }
.hyper .secondloader img { width: 100% }
.hyper .popGenius { position: absolute; width: 100%; text-align: center;  font-size: 0.3rem; line-height: 1;font-weight: 100;}
.hyper .popGen_1 { top: -2.1rem }
.hyper .popGen_2 { top: -1.5rem } 
.hyper .popGen_3 { top: -0.9rem } 
.hyper .popGen_4 { top: -0.3rem }
.hyper .popGen_5 { top: 0.3rem }
.hyper .popGen_6 { top: 0.9rem }

.hyper .popPhotographer { position: absolute; bottom: 0.6rem; width: 100%;display: flex;flex-flow: row;flex-wrap: nowrap;justify-content: center;align-items: stretch; padding-bottom: 10px }
.hyper .popPhotographer dd { flex:1.3;text-align: right; padding-right: 15px}
.hyper .popPhotographer dd p {font-size: 16px;line-height: 1.4;}
.hyper .popPhotographer dd p span {font-size: 14px;line-height: 1.5;}

.hyper .popPhotographer dt {  flex:1; }
.hyper .popPhotographer dt h3 {font-size: 14px;font-weight: 100;line-height: 1.5;}

.pubtitle { text-align: center; padding: 0.2rem 0;background: #000}
.pubtitle h1 { font-size: 0.38rem; font-weight: 100}
.pubtitle p { text-transform: uppercase;font-size: 0.15rem }

#shopContianerA,#shopContianerB,#shopContianerC {}
#shopContianerA img,#shopContianerB img,#shopContianerC img { width: 100% }

#shopContianerD { position: relative; }
#shopContianerD img {  width: 100% }

.hyper .passage_content ,.hyper .passage_content2 {display: flex;flex-flow: row;flex-wrap: nowrap;justify-content: center;align-items: stretch; padding: 0 0.25rem; margin-bottom: 0.55rem }

.hyper .passage_content dd { flex:1; }
.hyper .passage_content dd img { width: 100% }
.hyper .passage_content dt { flex: 1.2; padding-left: 0.2rem }
.hyper .passage_content dt h1 { font-size: 0.3rem; line-height: 1.3; margin-bottom: 0.2rem }
.hyper .passage_content dt p { font-size: 0.23rem; line-height: 1.35 }

.hyper .passage_content2 dd { flex: 1.2; padding-right: 0.2rem }
.hyper .passage_content2 dd h1 { font-size: 0.3rem; line-height: 1.3; margin-bottom: 0.2rem;text-align: right }
.hyper .passage_content2 dd p { font-size: 0.23rem; line-height: 1.35 }
.hyper .passage_content2 dt { flex:1; }
.hyper .passage_content2 dt img { width: 100% }

.event_shower {}
.event_shower .item { padding: 0.1rem; background: #000 ; margin-bottom: 0.25rem}
.event_shower .item img { width: 100% }
.event_shower .item p { text-align: center; line-height: 1.55 }
.event_shower .item span  { color: #FF9800 }
.event_shower .item .btns {}
.event_shower .item .notes { padding: 0.26rem 0 }



.hyper .foot_area { text-align: center; padding: 0.4rem 0;background: #424242}
.hyper .foot_area h3 { font-size: 0.16rem; font-weight: bold; text-transform: uppercase; }
.hyper .foot_area p { font-size: 0.2rem }