html{height: 100%;}
body{background: #000;height: 100%;}

.m_txt {font-size:20px;}
@media screen and (max-width: 3000px){.m_txt {font-size:20px;}}
@media screen and (max-width: 600px){.m_txt {font-size:16px;}}
@media screen and (max-width: 450px){.m_txt {font-size:12px;}}

.t_txt p{font-size:22px;}
.t_txt b {color: orangered;}
@media screen and (max-width: 3000px){.t_txt p{font-size:22px;}}
@media screen and (max-width: 600px){.t_txt p{font-size:18px;}}
@media screen and (max-width: 450px){.t_txt p{font-size:12px;}}

.o_txt1 {font-size:25px;}
@media screen and (max-width: 3000px){.o_txt1 {font-size:25px;}}
@media screen and (max-width: 600px){.o_txt1 {font-size:20px;}}
@media screen and (max-width: 480px){.o_txt1 {font-size:15px;}}
@media screen and (max-width: 400px){.o_txt1 {font-size:12px;}}

.o_txt2 {font-size:40px;}
@media screen and (max-width: 3000px){.o_txt2 {font-size:40px;}}
@media screen and (max-width: 600px){.o_txt2 {font-size:35px;}}
@media screen and (max-width: 480px){.o_txt2 {font-size:30px;}}
@media screen and (max-width: 400px){.o_txt2 {font-size:20px;}}

.f_txt {font-size:15px;}
@media screen and (max-width: 1900px){.f_txt {font-size:15px;}}
@media screen and (max-width: 600px){.f_txt {font-size:12px;}}
@media screen and (max-width: 450px){.f_txt {font-size:10px;}}

.Container_wrap{max-width: 640px;min-width: 320px;margin: 0 auto;height: 100%;position: relative;}
.Notice_Container{margin: 0 20px;padding-bottom: 30px;}
.Notice_Container .Logo{text-align: center;margin-top: 30px;}
.Notice_Container .Logo img{height: 40px;}
.Container_wrap .Logo_top{width: 100%;}
.Notice_Container .t_txt{text-align: center;margin: 8px 0 30px 0;}
.Notice_Container .t_txt p{color: #fff;line-height: 1.5;}
.Notice_Container .t_txt p b{color: #ff4500;}
.Notice_Container .dm_main{}
.Notice_Container .dm_main li{cursor: pointer;position: relative;margin-bottom: 30px;}
.Notice_Container .dm_main li p{position: absolute;font-weight: bold;left: 25%;color: #fff;top: 50%;}
.Notice_Container .dm_main li p.m_txt{transform: translateY(-50%);}
.Notice_Container .dm_main li img{width: 100%;}
.Notice_Container .dm_main p.o_txt1 {top:12%;left:6%;color:#f6ff00;font-weight: 500;}
.Notice_Container .dm_main p.o_txt2 {top:26%;left:6%;color:#fbff97;font-weight: bold;}
.Notice_Container .dm_main li:hover, .Notice_Container .dm_main li:active {filter:brightness(150%); color:yellow;}
.Notice_Container .dm_main li:hover p.m_txt{color:yellow;}
.Notice_Container footer{animation-delay:0.9s;margin-top: 20px;margin-bottom:10px;text-align: center;}
.Notice_Container footer .m_txt{color:#DDD;line-height: 1.3;}
.Notice_Container li.app_main{height: 60px;}
.android-logo{display: flex;}
.explain_click{flex: 1;}
.explain_click2{flex: 1;}
.android-logo div {height: 60px;text-align: center;background: #ff4500;border-radius: 15px;display: flex;align-items: center;justify-content: center;}
.android-logo div span { font-size: 14px; color: #fff;font-weight: 700; }
.android-logo div img {margin-right: 5px;}
.android-logo-right{margin-left: 20px;flex: 1;}
.android-logo-right a{display: inline-flex;align-items: center;justify-content: center;height: 60px;}
.ios-logo {display: flex;}
.ios-logo div {flex: 1;height: 60px;text-align: center;background: #ff4500;border-radius: 15px;display: flex;align-items: center;justify-content: center;}
.ios-logo div span { font-size: 14px; color: #fff;font-weight: 700; }
.ios-logo div img {margin-right: 5px;}
.ios-logo-right {margin-left: 20px;flex: 1;}
.ios-logo-right a{display: inline-flex;align-items: center;justify-content: center;height: 60px;}

.Notice_Container .dm_main li.app_main:hover, .Notice_Container .dm_main li.app_main:active {filter:brightness(100%);}
.Notice_Container .dm_main li.app_main .android-logo-left:hover{filter:brightness(150%);}
.Notice_Container .dm_main li.app_main .android-logo-right:hover{filter:brightness(150%);}
.Notice_Container .dm_main li.app_main .ios-logo-left:hover{filter:brightness(150%);}
.Notice_Container .dm_main li.app_main .ios-logo-right:hover{filter:brightness(150%);}

@media screen and (max-width: 3000px){
	.android-logo div span{font-size:20px;}
	.ios-logo div span{font-size:20px;}
	.android-logo div img{width:26px !important; height:26px;}
	.ios-logo div img{width:26px !important; height:26px;}
	}
@media screen and (max-width: 600px){
	.android-logo div span{font-size:16px;}
	.ios-logo div span{font-size:16px;}
	.android-logo div img{width:24px !important; height:24px;}
	.ios-logo div img{width:24px !important; height:24px;}
	.android-logo div{border-radius: 12px;}
	}
@media screen and (max-width: 450px){
	.android-logo div span{font-size:12px;}
	.ios-logo div span{font-size:14px;}
	.android-logo div img{width:20px !important; height:20px;}
	.ios-logo div img{width:20px !important; height:20px;}
	.android-logo div{border-radius: 9px;height: 50px;}
	.ios-logo div{border-radius: 9px;height: 50px;}
	.Notice_Container .dm_main li{margin-bottom: 20px;}
	.Notice_Container li.app_main{height: 50px;}
	}
.popor{width: 100%;background: rgba(0, 0, 0, .5);position: absolute;top: 0;left: 0;display: none;transition: all .2s;z-index: 20}
.explain_wrap{width: 300px;height: 478px;position: absolute;margin: 0 auto;left: 50%;top: 50%;transform: translate(-50%,-50%);transition: all .5s;animation:mymove .3s 1;overflow: hidden;z-index: 99;}
.title_ios{height: 59px;background: url('../images/iosExplain/title.png') no-repeat top center;background-size: 100%;}
.explain_wrap .close{height: 52px;background:  url('../images/iosExplain/button.png')no-repeat top center;background-size: 100%;clear: both;cursor: pointer;}
.explain_wrap .close:hover{filter:brightness(150%);}
@keyframes mymove{from {top:30%;}to {top:40%;}}
.title_android{height: 59px;background: url('../images/androidExplain/title.png') no-repeat top center;background-size: 100%;}
.swiper-slide { text-align: center; font-size: 18px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.explain_wrap .swiper-container{ width:300px; height: 368px;background: rgb(0 0 0 / 80%);}
.explain_wrap .swiper-container .swiper-slide img{width: 100%;}

.Notice_Container h1{text-align: center;margin-bottom: 30px;font-size: 36px;font-weight: 900;color: #ff4500;}
@media screen and (max-width: 3000px){.Notice_Container h1{font-size:36px;}}
@media screen and (max-width: 600px){.Notice_Container h1{font-size:28px;}}
@media screen and (max-width: 450px){.Notice_Container h1{font-size:22px;}}