@charset "utf-8";

* {
    margin: 0;
    padding: 0
}

* html .png {
    position: relative;
    behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName=="IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage="none", this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" +this.src+"', sizingMethod='image')", this.src="image/bg/transparent.gif"):(this.origBg=this.origBg? this.origBg:this.currentStyle.backgroundImage.toString().replace('url("', '').replace('")', ''), this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" +this.origBg+"', sizingMethod='crop')", this.runtimeStyle.backgroundImage="none")), this.pngSet=true))
}

article,
aside,
dialog,
footer,
header,
section,
footer,
nav,
figure,
menu,
hgroup {
    display: block
}

body {
    color: #f8f8f8;
    font-size: 12px;
    font-family: "΢���ź�", "����", Arial, Verdana, Helvetica, sans-serif;
    margin: 0
}

.clearFix:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.clearFix {
    zoom: 1
}

.clear {
    clear: both
}

.clear2 {
    clear: both;
    _clear: none
}

.hide {
    display: none
}

.floatr {
    float: right
}

.floatl {
    float: left
}

.floatrImg {
    float: right;
    clear: right;
    margin: 10px 10px 10px 10px
}

.floatlImg {
    float: left;
    clear: left;
    margin: 0 10px 10px 0
}

.ImgM {
    margin-top: 20px
}

.ul li,
.ol li {
    line-height: 1.8em
}

.ul {
    list-style: outside;
    padding: 0 0 0 20px
}

.ul li {
    list-style-type: square
}

.ul li li {
    list-style-type: disc
}

.ul li li li {
    list-style-type: circle
}

.ol {
    list-style: outside;
    padding: 0 0 0 20px
}

.ol li {
    list-style-type: decimal
}

.ol li li {
    list-style-type: lower-latin
}

.ol li li li {
    list-style-type: decimal-leading-zero
}

ul,
ul li {
    list-style: none;
    list-style-type: none;
    margin: 0;
    padding: 0
}

ol,
ol li {
    list-style: none;
    list-style-type: none;
    margin: 0;
    padding: 0
}

dl,
dl dd,
dl dt {
    list-style: none;
    list-style-type: none;
    margin: 0;
    padding: 0
}

img {
    border: 0
}

a {
    text-decoration: none;
    color: #f8f8f8;
    outline: 0
}

a:visited {
    color: #f8f8f8
}

a:active {
    color: #f8f8f8
}

a:hover {
    color: #f8f8f8;
    text-decoration: none
}

.c1 {
    color: #f8f8f8;
    padding: 10px 0 0 40px;
    font-size: 14px
}

.c1 a:link,
.c1 a:active,
.c1 a:visited {
    color: #f8f8f8
}

.c2 {
    color: #f8f8f8
}

.c2 a:link,
.c2 a:active,
.c2 a:visited {
    color: #f8f8f8
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: bold;
    font-size: 100%
}

.enFont {
    font-family: Arial, Verdana, Helvetica, sans-serif, Century Gothic
}

.noline {
    border: none !important
}

.nobg {
    background: none !important
}

.nopaL {
    padding-left: 0 !important
}

.nopaR {
    padding-right: 0 !important
}

.mr_10 {
    margin-right: 10px
}

.mt_10 {
    margin-top: 10px
}

.mt_30 {
    margin-top: 30px
}

body {
    overflow: hidden;
    height: 100%;
    background: #2a3144;
    -webkit-text-size-adjust: none
}

.bodyBg {
    background: #111022
}

.fn_hide {
    display: none
}

.display {
    display: block
}

.main {
    height: 100%;
    -webkit-text-size-adjust: none;
    width: 640px
}

section {
    width: 640px;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    display: none;
    position: absolute;
    top: 0;
    background-size: 100% 100%
}

section .music {
    display: block;
    position: absolute;
    width: 50px;
    height: 50px;
    background: url("../images/img2.png") no-repeat;
    top: 2.312%;
    right: 20px;
    z-index: 999999;
    background-position: -50px 0
}

section .nomusic {
    background-position: 0 0
}

section .logo {
    width: 258px;
    height: 66px;
    background: url("../images/img1.png") no-repeat;
    left: 20px;
    top: 1.83%
}

section .back {
    z-index: 99999;
    width: 180px;
    height: 50px;
    background: url("../images/img7.png") no-repeat;
    bottom: 5.394%;
    left: 0
}

section.index {
    background: url("../images/img1.jpg") center top no-repeat
}

section.index .music {
    display: block
}

section.index div {
    position: absolute
}

section.index .title {
    width: 567px;
    height: 137px;
    background: url("../images/img3.png") no-repeat;
    left: 50%;
    margin-left: -283px;
    top: 12.524%
}

section.index .info {
    width: 472px;
    height: 429px;
    left: 50%;
    margin-left: -236px;
    top: 57.813%
}

section.index .info span {
    display: block;
    position: absolute;
    width: 472px;
    background: url("../images/img4.png") ;
    height: 92px;
    text-indent: -10000px
}

section.index .info span:nth-child(1) {
    background-position: 0 0
}

section.index .info span:nth-child(2) {
    background-position: 0 -115px;
    top: 115px
}

section.index .info span:nth-child(3) {
    background-position: 0 -230px;
    top: 230px
}

section.index .info span:nth-child(4) {
    background-position: 0 -345px;
    top: 345px
}

section.card {
    background: #30384f
}

section.card .music {
    display: block
}

section.card div {
    position: absolute
}

section.card .title {
    width: 588px;
    height: 38px;
    left: 50%;
    margin-left: -294px;
    top: 16.088%
}

section.card .info {
    width: 405px;
    left: 50%;
    margin-left: -202px;
    top: 23.603%;
    height: 100%
}

section.card .info span {
    display: block;
    position: absolute;
    width: 405px;
    height: 320px
}

section.card .info span:nth-child(1) {
    top: 0
}

section.card .info span:nth-child(2) {
    top: 340px
}

section.card .entrance {
    width: 141px;
    height: 24px;
    background: url("../images/img28.png") no-repeat;
    bottom: 6.358%;
    right: 22px
}

section.enjoyAct .music {
    display: block
}

section.enjoyAct div {
    position: absolute
}

section.enjoyAct .title {
    width: 588px;
    height: 34px;
    background: url("../images/img8.png") no-repeat;
    left: 50%;
    margin-left: -294px;
    top: 16.088%
}

section.enjoyAct .list {
    width: 596px;
    left: 50%;
    margin-left: -298px;
    top: 24.373%;
    height: 650px
}

section.enjoyAct .list ul li {
    width: 596px;
    height: 135px;
    background: #101321;
    margin-bottom: 24px;
    border-radius: 10px
}

section.enjoyAct .list ul li img {
    position: absolute;
    height: 135px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px
}

section.enjoyAct .list ul li .txt {
    position: absolute;
    right: 24px;
    padding-top: 5px
}

section.enjoyAct .list ul li .txt span {
    display: block;
    font-size: 38px;
    border-bottom: 2px solid #fff;
    table-layout: 2px;
    padding-bottom: 5px;
    padding-top: 5px;
    font-weight: normal
}

section.enjoyAct .list ul li .txt a {
    display: block;
    color: #dac8b1;
    font-size: 24px;
    text-align: right;
    padding-top: 10px;
    padding-right: 5px
}

section.enjoyAct .list #enjoyWrapper {
    width: 596px;
    overflow: hidden;
    height: 100%
}

section.bigclass {
    background: url("../images/img3.jpg") center top no-repeat
}

section.bigclass div {
    position: absolute
}

section.bigclass .title {
    width: 588px;
    height: 75px;
    left: 50%;
    margin-left: -294px;
    top: 11.946%
}
section.bigclass .desc{
    width: 581px;
    left: 50%;
    margin-left: -294px;
    text-align: justify;
    font-size: 18px;
    letter-spacing: 1px;
    top: 51.5%;
    opacity: 0;
}
section.bigclass .list {
    top: 54.624%;
    height: 279px;
    width: 581px;
    left: 50%;
    margin-left: -290px
}

section.bigclass .list span {
    display: block;
    position: absolute;
    width: 278px;
    height: 73px;
    background: url("../images/img29.png") no-repeat;
    text-align: center;
    line-height: 73px;
    font-size: 30px;
    letter-spacing: 4px
}
section.bigclass .list .vasa{
    width: 581px;
    left: 0;
    background-size: 100% 100%;
}
section.bigclass .list .vasa:nth-child(1) {
    left: 0;
    top: 0
}

section.bigclass .list .vasa:nth-child(2) {
    left: 0;
    top: 104px
}

section.bigclass .list .vasa:nth-child(3) {
    left: 0;
    top: 206px
}


section.bigclass .list span:nth-child(1) {
    left: 0;
    top: 0
}

section.bigclass .list span:nth-child(2) {
    left: 304px;
    top: 0
}

section.bigclass .list span:nth-child(3) {
    left: 0;
    top: 104px
}

section.bigclass .list span:nth-child(4) {
    left: 304px;
    top: 104px
}

section.bigclass .list span:nth-child(5) {
    left: 0;
    top: 206px
}

section.bigclass .list span:nth-child(6) {
    left: 304px;
    top: 206px
}

section.bigclass .list span:nth-child(7) {
    left: 0px;
    top: 308px
}

section.list div {
    position: absolute
}

section.list .title {
    width: 588px;
    height: 103px;
    background: url("../images/img11.png") center center no-repeat;
    left: 50%;
    margin-left: -294px;
    top: 14.088%;
    line-height: 103px
}

section.list .title ul {
    text-align: center
}

section.list .title ul li {
    display: inline-block;
    font-size: 34px;
    margin-left: 4px;
    margin-right: 4px;
    letter-spacing: 4px
}

section.list .title ul li abbr {
    float: left;
    display: block
}

section.list .title ul li abbr img {
    float: left;
    margin-top: -70px
}

section.list .title ul li span {
    float: left
}

section.list .list {
    width: 550px;
    left: 50%;
    top: 24.855%;
    height: 660px;
    margin-left: -275px
}

section.list .list ul {
    width: 550px
}

section.list .list ul li {
    width: 550px;
    height: 125px;
    background: url("../images/img13.png") no-repeat;
    margin-bottom: 30px;
    position: relative
}

section.list .list ul li.line {
    display: none;
    height: 34px;
    background: url("../images/img11.png") center center no-repeat;
    text-align: center;
    letter-spacing: 6px;
    font-size: 30px;
    line-height: 34px
}

section.list .list ul li .tips {
    width: 21px;
    height: 27px;
    background: url("../images/img14.png") no-repeat;
    top: 49px;
    right: 48px
}

section.list .list ul li span {
    display: block;
    /* font-size: 36px;  */
    /*border-bottom:2px solid #fff;*/

    font-size: 28px;
    width: 450px;
    padding-bottom: 20px;
    padding-top: 40px;
    /* padding-top: 8px; */
    margin-left: 20px
}

section.list .list ul li abbr {
    display: block;
    color: #dac8b1;
    font-size: 24px;
    padding-top: 5px;
    margin-left: 10px
}

section.list .list #listWrapper {
    width: 590px;
    overflow: hidden;
    height: 100%
}

section.list .list .iScrollVerticalScrollbar {
    position: absolute;
    z-index: 9999;
    width: 12px;
    bottom: 2px;
    top: 3px;
    right: 12px;
    overflow: hidden;
    background: url("../images/img21.png") center top repeat-y
}

section.list .list .iScrollVerticalScrollbar .iScrollIndicator {
    width: 12px;
    height: 5px;
    background: #dac8b1;
    border-radius: 5px
}

section.info div {
    position: absolute
}

section.info .title {
    width: 640px;
    height: 72px;
    left: 50%;
    margin-left: -320px;
    top: 16.088%;
    text-align: center
}

section.info .heigth {
    height: 36px
}

section.info .title span {
    display: inline-block;
    width: 640px;
    font-size: 34px;
    letter-spacing: 3px;
    text-align: center
}

section.info .info {
    width: 530px;
    left: 50%;
    margin-left: -265px;
    top: 26%;
    height: 630px
}

section.info .info ul.swiper-wrapper {
    width: 530px
}

section.info .info ul li.swiper-slide {
    font-size: 26px;
    line-height: 40px;
    height: 630px;
    width: 532px !important;
    overflow: hidden
}

section.info .info ul li.swiper-slide span.tips {
    display: block;
    width: 116px;
    height: 49px;
    background: url("../images/item1.png") no-repeat;
    color: #cdac8d;
    font-size: 28px;
    padding-left: 132px;
    line-height: 49px;
    padding-bottom: 15px
}

section.info .info ul li.swiper-slide span.tips1 {
    background-image: none;
    padding-left: 0;
}

section.info .info ul li.swiper-slide span.tips2 {
    background-image: url("../images/item3.png")
}

section.info .info ul li.swiper-slide span.tips3 {
    background-image: url("../images/item1.png")
}

section.info .info ul li.swiper-slide span.tips4 {
    background-image: url("../images/item4.png")
}

section.info .info ul li.swiper-slide abbr {
    color: #cdac8d
}

section.info .info ul li.swiper-slide a {
    color: #cdac8d
}

section.info .info ul li.swiper-slide p {
    padding: 5px 0;
    text-align: justify;
}

section.info .info .swiper-container {
    height: 630px;
    overflow: scroll
}

section.info .info .swiper-slide {
    width: 520px;
    height: 630px;
    float: left
}

section.info .info #infoWrapper1 {
    width: 510px;
    overflow: scroll;
    height: 100%;
    padding-right: 20px
}

section.info .info #infoWrapper2 {
    width: 530px;
    overflow: scroll;
    height: 100%
}

section.info .info #scroller {
    width: 515px
}

section.info .info .iScrollVerticalScrollbar {
    position: absolute;
    z-index: 9999;
    width: 12px;
    bottom: 2px;
    top: 3px;
    right: 0;
    overflow: hidden;
    background: url("../images/img21.png") center top repeat-y
}

section.info .info .iScrollVerticalScrollbar .iScrollIndicator {
    width: 12px;
    height: 5px;
    background: #dac8b1;
    border-radius: 5px
}

section.info .info .swiper-button-next {
    display: none;
    right: -40px
}

section.info .info .swiper-button-prev {
    display: none;
    left: -40px
}

section.info .info .swiper-button-disabled {
    display: none
}

section.info .btn {
    top: 90%;
    width: 487px;
    left: 50%;
    margin-left: -243px
}

section.info .btn a {
    width: 227px;
    height: 72px;
    text-align: center;
    line-height: 72px;
    display: block;
    background: url("../images/img18.png") no-repeat;
    font-size: 26px;
    letter-spacing: 2px;
    float: left;
    position: absolute
}

section.info .btn a:nth-child(1) {
    letter-spacing: 12px
}

section.info .btn a:nth-child(2) {
    left: 260px
}

.pop {
    width: 640px;
    height: 100%;
    position: absolute;
    background-color: rgba(0, 0, 0, .7);
    display: none;
    z-index: 9999;
    overflow: hidden
}

.rulesPop {
    z-index: 99999
}

.rulesPop .info {
    position: absolute;
    width: 494px;
    height: 754px;
    border: 2px solid #fff;
    left: 50%;
    margin-left: -247px;
    top: 50%;
    margin-top: -377px;
    background: #2b3348;
    border-radius: 8px
}

.rulesPop .info .close {
    width: 50px;
    height: 50px;
    background: url("../images/img19.png") no-repeat;
    top: -24px;
    right: -24px;
    position: absolute
}

.rulesPop .info .list {
    width: 498px;
    height: 715px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -249px;
    top: 25px
}

.rulesPop .info .list ul {
    width: 436px;
    top: 32px;
    margin: 0px auto;
}

.rulesPop .info .list ul li {
    width: 436px;
    font-size: 19px;
    line-height: 38px
}

.rulesPop .info .list ul li a {
    color: #cdac8d
}

.rulesPop .info .list ul li.title {
    height: 33px;
    background: url("../images/img20.png") center center no-repeat;
    text-align: center;
    line-height: 33px;
    font-size: 25px;
    letter-spacing: 2px;
    margin-top: 16px
}

.rulesPop .info .list #rulesWrapper {
    width: 498px;
    overflow: hidden;
    height: 100%
}

.rulesPop .info .list .iScrollVerticalScrollbar {
    position: absolute;
    z-index: 9999;
    width: 12px;
    bottom: 2px;
    top: 3px;
    right: 12px;
    overflow: hidden;
    background: url("../images/img21.png") center top repeat-y
}

.rulesPop .info .list .iScrollVerticalScrollbar .iScrollIndicator {
    width: 12px;
    height: 5px;
    background: #dac8b1;
    border-radius: 5px
}

.sharePop {
    z-index: 99999
}

.sharePop .info {
    width: 516px;
    height: 922px;
    position: absolute;
    background: url("../images/img15.png") no-repeat;
    left: 50%;
    margin-left: -258px;
    top: 50%;
    margin-top: -461px
}

.endPop {
    z-index: 99999
}

.endPop .info {
    width: 516px;
    height: 922px;
    position: absolute;
    background: url("../images/img19.png") no-repeat;
    left: 50%;
    margin-left: -258px;
    top: 50%;
    margin-top: -461px;
}

section.card .entrance {
    display: none;
}

.fc_btn {
    position: absolute;
    right: 0;
    display: none;
    bottom: 74px;
    font-size: 2.2em;
    letter-spacing: 10px;
    border-bottom: 1px solid white;
    padding-bottom: 10px;
}

.fc_btn1 {
    position: absolute;
    right: 0;
    display: none;
    bottom: 74px;
    font-size: 2.2em;
    letter-spacing: 10px;
    border-bottom: 1px solid white;
    padding-bottom: 10px;
}

.fc_btn2 {
    position: absolute;
    right: 0;
    display: none;
    bottom: 74px;
    font-size: 2.2em;
    letter-spacing: 10px;
    border-bottom: 1px solid white;
    padding-bottom: 10px;
}

.fc {
    width: 640px;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    display: none;
    position: absolute;
    top: 0;
    background-size: 100% 100%;
    background: #30384f;
    text-align: center;
}

.fc img {
    margin-top: 200px;
}

.bac_fc {
    width: 227px;
    height: 72px;
    background-size: 100% 100%;
    margin: 0 auto;
    background: url(../images/back_btn.png) no-repeat;
    left: 0;
    right: 0;
    bottom: 130px;
}

.fc1 {
    width: 640px;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    display: none;
    position: absolute;
    top: 0;
    background-size: 100% 100%;
    background: #30384f;
    text-align: center;
}

.fc1 img {
    margin-top: 200px;
}

.bac_fc1 {
    width: 227px;
    height: 72px;
    background-size: 100% 100%;
    margin: 0 auto;
    background: url(../images/back_btn.png) no-repeat;
    left: 0;
    right: 0;
    bottom: 130px;
}

.fc2 {
    width: 640px;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    display: none;
    position: absolute;
    top: 0;
    background-size: 100% 100%;
    background: #30384f;
    text-align: center;
}

.fc2 img {
    margin-top: 200px;
}

.bac_fc2 {
    width: 227px;
    height: 72px;
    background-size: 100% 100%;
    margin: 0 auto;
    background: url(../images/back_btn.png) no-repeat;
    left: 0;
    right: 0;
    bottom: 130px;
}