@charset "UTF-8";
/*全局*/
body, div, h1, h2, h3, h4, h5, h6, p, blockquote, pre, dl, dt, dd, ol, ul, li, hr, fieldset, form, label, legend, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, summary, hgroup {
    margin: 0;
    padding: 0;
    border: 0;
    font-family: Verdana,"Microsoft YaHei", "SimHei", "SimSun";
}
area {
    outline: 0 none;
    border: 0 none;
}
ul,ol{ list-style-type: none;}
dfn{ font-style: normal}
html {
    height: 100%;
    font-size: 62.5%;
}
body {
    width: 100%;
    font-family: Helvetica, Arial, sans-serif;
    -webkit-touch-callout: none;
    height: 100%;
}
img{ max-width: 100%;}
.wrap{min-height: 100%;  height: auto !important;  height: 100%; position: relative; }
.cont{ padding-bottom: 60px;}
.footer{ width:100%; height: 60px; background: url("../images/footer.png") center bottom no-repeat;position: absolute;  bottom: 0;   }

.padding10{ padding: 1rem;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{_zomm:1}
.header{  height: 70px; width:100%;background: #1998e7; }
.header p{ height: 70px; color: #fff; text-align: center; font-size: 2.4rem; line-height: 70px;}
.menuBox{ background: #fff; position: relative; width: 100%; height: 30px; padding: 5px;}
.menuBox .login{ display:block; position:absolute; right:10px; top:10px;font-size:14px;}
.menuBox .login a{ background-size:100%; padding:7px 8px; text-align:center; color:#4a4b4b; text-decoration:none; }
.menuBox .crumbs{ float:left; display:inline-block; position:absolute; left:70px; top:10px; color: #3994ff; font-size: 1.6rem;}

/*banner*/
.banner {  width: 100%;  height: 240px;  position: relative;  }
.banner .bd {  width: 100%;  height: 240px;  overflow: hidden;  }
.banner .bd li {  width: 100%;  height: 240px;  display: none;  float: left  }
.banner .bd li img {  width: 100%;  height: 100%; overflow: hidden; }
.banner .hd {  position: absolute;  bottom: 10px;  right: 10px;  }
.banner .hd li {  width: 8px;  height: 8px;  border-radius: 8px;  background: #999;  float: left; margin-right: 6px;}
.banner .hd li.On {  background: #06C;  }
.nav li{ width: 24%; display: inline-block; margin-top:20px}
.nav li img{ display: block; width: 70px; margin: 10px auto }
.nav li p{ text-align: center}

.indexNotice{ background: #fff; padding: 0.5rem 1rem; height: 2.4rem; line-height: 2.4rem; font-size: 1.6rem; overflow: hidden;}
.indexNotice i{ display: inline-block; width: auto; height: 1.8rem; margin-right: 0.5rem; vertical-align: middle}
.indexNotice i img{ width: auto; height:100%;}
.indexNotice span{ color:#3994ff; }
.indexTitle{ color: #000; font-size: 2.0rem; background: url("../images/titleBg.jpg") bottom center no-repeat; height: 60px; text-align: center; line-height: 60px; margin-top: 20px; margin-bottom: 16px;}
.more{ display: block; width: 120px; height: 24px; background: #0d91e5; color: #fff; text-align: center; line-height: 14px; margin: 16px auto; text-decoration: none; padding: 5px; border-radius: 8px; font-size: 1.6rem;}
.indexIntro{ color: #3f4041; font-size: 1.4rem; line-height: 2rem; padding-bottom: 1.5rem; box-shadow: 0.2rem 0.2rem 0.2rem #57b0e8;}
.indexImg{ width:100%; list-style: none;letter-spaceing:-1rem; margin-top: 0.5rem;}
.indexImg li{ width:42%; margin: 0.8rem 3.5% 1rem;  display: inline-block; }
.indexImg li a{ display: block; width: 100%; text-decoration: none;letter-spaceing:-1px;}
.indexImg li img{ border-radius: 0.8rem; width:100%; display: block}
.indexImg li p{ font-size: 1.4rem; color: #3f5b71; line-height: 2.2rem; text-align: center;}
.hs{ background: #f7f7f7; padding-bottom:16px }
.dz{ background: #0d91e5;}
.indexImgDz{ width:100%; list-style: none;letter-spaceing:-1rem; margin-top: 0.5rem;}
.indexImgDz li{ width:42%; margin: 0.8rem 3.5% 1rem;  display: inline-block; position: relative }
.indexImgDz li a{ display: block; width: 100%; text-decoration: none;letter-spaceing:-1px;}
.indexImgDz li img{ border-radius: 0.2rem; width:100%; display: block}
.indexImgDz li p{ font-size: 1.4rem; color: #3f5b71; line-height: 2.2rem; text-align: center; position: absolute; bottom: 0; z-index: 3; background: rgba(0,0,0,0.5); color: #fff; display: block; width: 100%;}

.indexImgVip{ width:100%; list-style: none;letter-spaceing:-1rem; margin-top: 0.5rem;}
.indexImgVip li{ width:42%; margin: 0.8rem 3.5% 1rem;  display: inline-block; position: relative }
.indexImgVip li a{ display: block; width: 100%; text-decoration: none;letter-spaceing:-1px;}
.indexImgVip li img{ border-radius: 0.2rem; width:100%; display: block; margin-bottom: 6px;}
.indexImgVip li p{ font-size:1.4rem; z-index: 3; color: #000; display: block; width: 66%; height: 4.6rem; overflow: hidden; display: inline-block; line-height: 2.2rem}
.indexImgVip li span{ display: inline-block; position: absolute; right: 0;width: 32%; color: #d16505; font-size: 1.6rem; line-height: 4.6rem;}
.indexImgVip li span i{ font-size: 1.2rem;}

/*list*/
.list p{ font-size: 1.6rem; line-height: 2.6rem; color: #3f5b71; border-bottom: 0.2rem dotted #3a96ff; padding: 0.5rem 0}
.list i{width:1.2rem; height: 1.2rem; display: inline-block;  margin-right: 0.3rem;}
.list i img{ width: 100%; height: auto;}

/*article*/
.article{ padding: 1rem 1rem 60px 1rem}
.articleTitle{ color: #fff; font-size: 2rem; line-height: 4rem; text-align: center;}
.articleIntro{ font-size: 1.4rem; line-height: 2.2rem; color: #3f4041;}
.article img{ max-width: 100%; margin: 0.8rem auto; border-radius: 0.8rem; display: block}

/*login*/
.loginTitle{ color: #fff; text-align: center; font-size: 2rem; line-height: 4rem; margin-top: 2.5rem;}
.loginInput{background: #addffe; border-radius: 1.5rem; height: 1.5rem;margin: 1.5rem auto;  width:70%; padding: 0.5rem; color: #5fc0fd; line-height: 1.5rem;}
.loginInput i{ display: inline-block; width: 1.5rem; height: 1.5rem; margin-right: 0.5rem; margin-left: 0.5rem; vertical-align: middle}
.loginInput i img{ width:100%; height: auto;}
.loginInput input{ background: none; border: none; outline: none; text-indent: 0.5rem; height: 2.5rem; margin-top: -0.5rem;}
.button{ width: 70%; height: 3rem;  color: #fff; font-size: 1.8rem; text-align: center; line-height: 1.8rem; display: block; background: #0364bf; margin: 1rem auto; border: none; outline: none; border-radius: 1.5rem; padding: 0.5rem;}
.loginBottom{ width: 70%; margin: 1rem auto; position: relative; margin-top: 2rem; height: 3rem;}
.loginBottom a{ color: #0364bf; line-height: 2rem; font-size: 1.4rem; text-decoration: none;}

/*booking*/
.ticket{ position: relative;}
.ticketImg{ width:36%; height: auto; float: left; margin-right:0.5rem;}
.ticketImg img{ width:100%;  height:auto; border-radius: 1rem;}
.ticketInfo{ float: left; width:60%;}
.ticketName{ color: #fff; font-size: 1.6rem; line-height: 1.8rem;}
.pri{ color: #3f4041; font-size: 1.4rem;flex:1;}
.booking{ border-radius:0.6rem; padding: 0.5rem; background: #0364bf; color: #fff; border: none; outline: none; height: 2.5rem; line-height: 2rem; margin-top: 2.4rem;}
.booking i{ display: inline-block; vertical-align: middle; width: 1.8rem; height: 1.8rem; margin-top: -0.5rem;}
.booking i img{ width: 100%;  height:auto;}
.yuanjia{ text-decoration: line-through;  font-size: 1.4rem;}
.sale span{ color: #a84c14;}
.sale em{ color: #a84c14; font-style: normal; font-size: 2rem;}
.flexCell{display: -webkit-box;  display: -moz-box;  display: -ms-flexbox;  display: -webkit-flex;  display: flex;}