.no-select { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.hide { display: none; }

.hide-text { text-indent: -9999px; }

.float-left { float: left; }

.float-right { float: right; }

.text-right { text-align: right; }

.text-center { text-align: center; }

.text-left { text-align: left; }

body { background-color: #000; }

#main { width: 100%; height: 1179px; background-image: url('../../../imgs/event/2017deca/bg.jpg?1517900801'); background-repeat: no-repeat; background-position: center 0; background-color: transparent; background-size: 480px; margin: 0 auto; position: relative; }
#main .text { width: 300px; margin: 0 auto; text-align: center; font-size: 12px; position: relative; color: #b7766e; }
#main .text.text1 { top: 296px; color: #9a7e64; }
#main .text.text1 .name { color: #bc3729; }
#main .text.text2 { height: 30px; line-height: 30px; width: 210px; position: absolute; left: 50%; margin-left: -105px; top: 319px; z-index: 3; color: #ffffff; }
#main .text.text3 { top: 656px; }
#main .text.text4 { top: 710px; text-align: justify; }
#main .text.text5 { top: 836px; text-align: justify; }
#main .swiper-container { width: 250px; position: absolute; left: 50%; margin-left: -125px; top: 474px; border: 1px solid #4d5358; }
#main .swiper-button-prev { left: 50%; margin-left: -158px; margin-top: -66px; background-image: none; }
#main .swiper-button-next { right: 50%; margin-right: -158px; margin-top: -66px; background-image: none; }