.layui-layer img{
	/*width:50%;*/
    max-width:100%;
}

.main-content{
	max-width: 1280px;
	padding: 0 10px;
	margin: 0 auto 5px;
}
.banner-area{
	overflow: hidden;
	height: 284px;
	margin-top: 20px;
}
.banner-area .my-focus{
    position: relative;
    z-index: 2;
    background-color: transparent;
}
.banner-area .my-focus, .banner-area .my-focus .pic{
    height: 100%;
    width: 100%;
}
.banner-area .my-focus .pic li, .banner-area .my-focus .rePic li{
	width: 100%;
	height: 100%;
}
.banner-area .my-focus .pic li{
	width: 100%;
	height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: none;
}
.banner-area .my-focus .pic li a, .banner-area .my-focus .rePic li a{
	display: inline-block;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.banner-area .my-focus .num{
	bottom: 10px;
    height: auto;
}
.banner-area .my-focus .num li{
	margin: 0 5px;
    width: 20px;
    height: 20px;
}

.banner-area .my-focus .num li a{
	width: 20px;
    height: 20px;
    background: #999;
    z-index: 800;
}
.banner-area .my-focus li.current a, .banner-area .my-focusli.hover a{
	 background: #54c6a1;
}

.home-marquee{
	padding: 0.1rem 0.35rem;
    display: flex;
    align-items: center;
    margin-top: 20px;
}
.home-marquee .icon-noitce{
    border-radius: 50% 0 0 50%;
    background: linear-gradient(to bottom, #c93534, #930000);
	box-shadow: 0 0.21rem 0.4rem rgba(108, 12, 0, 0.5);
    text-align: center;
	padding: 10px 12px;
}
.home-marquee .marquee{
	flex: 1;
    position: relative;
    height: 47px;
    overflow: hidden;
    background: linear-gradient(to bottom, #ffffff, #f1d4c1 -30%);
    box-shadow: 0 0.21rem 0.4rem rgba(108, 12, 0, 0.5);
    border-radius: 0px 40px 40px 0px;
}
.home-marquee .marquee .marquee-c{
	color: #930000;
    font-size: 26px;
    white-space: nowrap;
    position: absolute;
    animation: marquee 30000ms linear infinite;
	top: 17%;
}

.app{
	color: white;
}
.app .title{
	margin-top: 25px;
    margin-bottom: 25px;
    margin-left: 70px;
    font-size: 30px;
    color: #5b483a;
    font-weight: bold;
    width: 220px;
    padding: 10px 20px;
    border-radius: 20px;
    text-align: center;
	background: linear-gradient(to bottom, #f1d4c1, #d8a366 30%, #dbae91);
    box-shadow: 0 0.21rem 0.4rem rgba(108, 12, 0, 0.5);
}
.app .app-content{
	display: flex;
}
.app .app-content .right{
	/*position: absolute;
	right: 140px;
	top: 460px;*/
	margin-top: -95px;
	margin-left: 220px
}
.app .app-content .right img{
	height: 440px;
}
.app .app-content .left{
	width: 35%;
	background: #be7e7e;
	border-radius: 10px;
	padding: 0px 20px;
	margin-left: 70px;
}
.app .app-content .left .btn-content{
	display: flex;
	margin-top: 5px
}
.app .app-content .left .btn-content .btn{
	max-width: 50px;
	height: 45px;
	padding:10px;
	margin: 5px;
	border-radius: 9999px;
	border: 2px solid #eecf38;
	color: white;
	font-size: 20px;
	cursor: pointer;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: .5s;
}
.app .app-content .left .btn-content .btn .icon{
	width: 25px;
	height: 25px
}
.app .app-content .left .btn-content .btn span{
	display: none;
	margin-left: 5px;
	margin-top: 5px;
}
.app .app-content .left .btn-content img{
	opacity: 0;
	width: 0px!important;
}
.app .app-content .left .btn-content img.current{
	opacity: 1;
	width: 20px!important;
}
.app .app-content .left .btn-content .btn.current{
	max-width: 200px;
	background: linear-gradient(to bottom, #f1d4c1, #d8a366 30%, #dbae91);
    box-shadow: 0 0.21rem 0.4rem rgba(108, 12, 0, 0.5);
	border: none;
}
.app .app-content .left .btn-content .btn.current span{
	display:block;
}
.app .app-content .left .qr-code{
	margin-top: 10px;
	max-width: 250px;
	height: 250px;
	position: relative;
}
.app .app-content .left .qr-code img{
	width: 100%;
	position: absolute;
	opacity:0;
	transition: .3s;
	padding: 10px;
}
.app .app-content .left .qr-code img.current{
	opacity: 1;
}
#red-packet-rain-container{
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	pointer-events: none;
	overflow: hidden;
	z-index: 1000;
}
@keyframes marquee{
 0% {
  left: 100%;
  transform: translateX(0%);
 }

 100% {
  left: 0;
  transform: translateX(-100%);
 }
}