body {width: 640px;margin:0 auto;background: #fff;padding-bottom: 120px;} .banner {height: 100%;overflow: hidden;position: absolute;top:0px;left:50%;z-index: 1;width: 640px;margin-left: -320px;} .banner .swiper-pagination {position: absolute;width: 100%;text-align: center;bottom:60px;} .banner .swiper-pagination .swiper-pagination-bullet {width: 30px;height: 30px;opacity: 1;background: #fff;} .banner .swiper-pagination .swiper-pagination-bullet-active {background: #ed5b40;} .table {border:2px solid #ffd979;width:100%;} .table caption {height: 72px;line-height: 72px;background: #ed5b40;color:#fff;} .table th,.table td {padding:10px;font-size: 20px;text-align: center;border:2px solid #ffd979;} .time-show tr td:nth-child(2n-1) {background: #fff5dc;} .mark {background: #fbfbfb;} .mark .title {background: #ffe1db;color:#ec1010;border:2px solid #ec7059;padding:0px 20px;font-size: 20px;height: 40px;line-height: 40px;} .mark .title img {margin-right: 10px;vertical-align: -3px;} .mark ul {font-size: 20px;border-width: 2px;} .mark ul li {position: relative;padding-left: 30px;padding-top: 10px;padding-bottom: 10px;} .mark ul li span {position: absolute;width: 24px;height: 24px;border-radius: 12px;display: block;text-align: center;line-height: 24px;background: #e5e5e5;left:0px;top:14px;} nav.nav {height: 102px;background:url("/r/cms/www/default/css/dpz/statics/pc/map/images/footer-nav-bg.png");position: fixed;width: 640px;left:50%;bottom:0px;margin-left: -320px;padding-top: 14px;line-height: 88px;font-size: 20px;z-index: 9;} nav.nav a {width: 25%;display: block;float: left;text-align: center;} nav.nav a img {height:215px;} nav.nav a:active,.nav a.active {color:#000;} nav.nav a:nth-child(1) {background: url("/r/cms/www/default/css/dpz/statics/pc/map/images/footer-nav-1.png") no-repeat 20px center;background-size: auto 24px;} nav.nav a:nth-child(2) {background: url("/r/cms/www/default/css/dpz/statics/pc/map/images/footer-nav-2.png") no-repeat 0px center;background-size: auto 24px;} nav.nav a:nth-child(3) {background: url("/r/cms/www/default/css/dpz/statics/pc/map/images/footer-nav-3.png") no-repeat 10px center;background-size: auto 24px;} nav.nav a:nth-child(4) {background: url("/r/cms/www/default/css/dpz/statics/pc/map/images/footer-nav-4.png") no-repeat 0px center;background-size: auto 24px;} nav.nav a:nth-child(1):active,.nav a:nth-child(1).active {background: url("/r/cms/www/default/css/dpz/statics/pc/map/images/footer-nav-1-active.png") no-repeat 20px center;background-size: auto 24px;} nav.nav a:nth-child(2):active,.nav a:nth-child(2).active {background: url("/r/cms/www/default/css/dpz/statics/pc/map/images/footer-nav-2-active.png") no-repeat 0px center;background-size: auto 24px;} nav.nav a:nth-child(3):active,.nav a:nth-child(3).active {background: url("/r/cms/www/default/css/dpz/statics/pc/map/images/footer-nav-3-active.png") no-repeat 10px center;background-size: auto 24px;} nav.nav a:nth-child(4):active,.nav a:nth-child(4).active {background: url("/r/cms/www/default/css/dpz/statics/pc/map/images/footer-nav-4-active.png") no-repeat 0px center;background-size: auto 24px;} .navlist {background: #fff7d6;} .navlist .ui-cf a {width: 50%;float: left;text-align: center;font-weight: bold;margin-top: 30px;} .guide .main {height: 100%;position: absolute;left:50%;top:0px;width: 640px;padding:0px;margin-left: -320px;} .guide .main .area {height: 100%;overflow: hidden;} .guide .main .area img {height: 100%;max-width: none;} .guide .hand {position:absolute;width:120px;height:120px;border-radius:10px;background:rgba(0,0,0,0.6);left:50%;margin-left:-60px;z-index:99;bottom:160px;} .guide .hand img {margin:0 auto;display:block;margin-top:10px;} .map {height: 340px;position: relative;z-index: 0;} .tab-nav {height: 72px;display: -webkit-box;-webkit-box-orient: horizontal;line-height: 72px;background: #ffc73d;} .tab-nav a {height: 100%;width:100%;display: block;-webkit-box-flex: 1;text-align: center;color:#fff;position: relative;} .tab-nav a img {vertical-align: -8px;margin-right: 10px;} .tab-nav a.active {background: #ed5b40;} .tab-nav a.active:after {display: block;content:" ";position: absolute;width: 42px;height: 20px;background:url("/r/cms/www/default/css/dpz/statics/pc/map/images/tab-active.png");left:50%;margin-left: -21px;top:60px;} .tab-address {margin-top: -40px;position: relative;z-index: 1;} .tab-address .tab-item {display: none;} .tab-address .tab-item ul li {position: relative;padding:20px 0px;padding-left: 80px;border-bottom: 1px dotted #999;} .tab-address .tab-item ul li span {position: absolute;width: 40px;height: 40px;display: block;border-radius: 20px;background: #ffd1bf;color:#ec6a39;text-align: center;line-height: 40px;left:20px;top:20px;} .tab-address .tab-item ul li h2 {color:#ec6a39;font-size: 28px;} .tab-address .tab-item ul li p {font-size: 24px;} .scenic {overflow: hidden;} .scenic .swiper-pagination {bottom:102px;} .scenic .header {background: #3fa7ff;} .scenic .desc {background: rgba(0,0,0,0.8);position: absolute;width:640px;bottom:88px;z-index: 3;color:#fff;font-size: 24px;-webkit-transition:all 0.5s;left:50%;margin-left: -320px;padding-bottom: 70px;} .scenic .desc.hide p {height:72px;overflow:hidden;-webkit-transition:all 0.5s;} .scenic .desc.hide i {-webkit-transform:rotate(180deg);border-radius:0px 0px 6px 6px;} .scenic .desc i {width: 80px;height: 30px;border-radius: 6px 6px 0px 0px;background: #3fa7ff url("/r/cms/www/default/css/dpz/statics/pc/map/images/arrows-bottom.png") no-repeat center;position: absolute;top:-30px;right:30px;} .scenic .swiper-pagination .swiper-pagination-bullet-active {background: #3fa7ff;} .scenic .cate {position: absolute;width: 640px;height: 70px;line-height: 70px;background: rgba(14,138,243,0.6);top:88px;z-index: 3;overflow: hidden;left:50%;margin-left: -320px;} .scenic .cate .inner {height: 100%;} .scenic .cate a {color:#2664b2;float: left;margin-left: 20px;} .scenic .cate a.active {color:#fff;} .scenic2 .header {background: #3ac8ea;} .scenic2 .desc i {background-color: #3ac8ea;} .scenic2 .cate {background: rgba(58,200,234,0.6);} .scenic2 .cate a {color:#068eb5;} .scenic2 .swiper-pagination .swiper-pagination-bullet-active {background: #3ac8ea;} .scenic3 .header {background: #59cb59;} .scenic3 .desc i {background-color: #59cb59;} .scenic3 .cate {background: rgba(89,203,89,0.6);} .scenic3 .cate a {color:#098509;} .scenic3 .swiper-pagination .swiper-pagination-bullet-active {background: #59cb59;} .scenic4 .header {background: #e358d2;} .scenic4 .desc i {background-color: #e358d2;} .scenic4 .cate {background: rgba(227,88,210,0.6);} .scenic4 .cate a {color:#a01b90;} .scenic4 .swiper-pagination .swiper-pagination-bullet-active {background: #e358d2;} .scenic5 .header {background: #e7daa7;} .scenic5 .header .title {color:#b56110;} .scenic5 .desc i {background-color: #b56110;} .scenic5 .cate {background: rgba(231,218,167,0.6);} .scenic5 .cate a {color:#a56222;} .scenic5 .swiper-pagination .swiper-pagination-bullet-active {background: #b56110;} .contact {background: #fffaed;} .contact .list .item {padding-left: 130px;position: relative;padding-top: 50px;padding-bottom: 50px;} .contact .list .item:before {display: block;position: absolute;content:" ";width: 100px;height: 100px;border-radius: 50px;left:0px;top:40px;} .contact .list .item:nth-child(1):before {background:#ed5b40 url("/r/cms/www/default/css/dpz/statics/pc/map/images/contact-address.png") no-repeat center;} .contact .list .item:nth-child(2):before {background:#ffc73d url("/r/cms/www/default/css/dpz/statics/pc/map/images/contact-phone.png") no-repeat center;} .contact .list .item:nth-child(3):before {background:#ed5b40 url("/r/cms/www/default/css/dpz/statics/pc/map/images/contact-email.png") no-repeat center;} .ticket-cart .table td {padding:30px 20px;font-size: 24px;} .ticket-cart .table tr:nth-child(2n) {background: #fff5dc;} .ticket-price .table {background: #fff5dc;} .ticket-price .table td:nth-child(1) {width:30%;} .ticket-price .table caption {background: #fff5dc;border:2px solid #ffc73d;border-bottom: none;color:#ed5b40;} .ticket-price .tab-item {overflow: hidden;} .ticket-price .swiper {position: relative;} .ticket-price .swiper-button {width: 74px;height: 74px;top:0px;margin-top: 0px;} .ticket-price .swiper-button-prev {left:0px;background:url("/r/cms/www/default/css/dpz/statics/pc/map/images/swiper-prev.png") no-repeat center;} .ticket-price .swiper-button-next {right:0px;background:url("/r/cms/www/default/css/dpz/statics/pc/map/images/swiper-next.png") no-repeat center;} .ticket-price .swiper-button-prev:active {background:url("/r/cms/www/default/css/dpz/statics/pc/map/images/swiper-prev-active.png") no-repeat center;} .ticket-price .swiper-button-next:active {background:url("/r/cms/www/default/css/dpz/statics/pc/map/images/swiper-next-active.png") no-repeat center;} .ticket-price .swiper-button-prev.swiper-button-disabled {background:url("/r/cms/www/default/css/dpz/statics/pc/map/images/swiper-prev-disabled.png") no-repeat center;} .ticket-price .swiper-button-next.swiper-button-disabled {background:url("/r/cms/www/default/css/dpz/statics/pc/map/images/swiper-next-disabled.png") no-repeat center;} .activity-year .ui-border {height: 187px;padding:17px;border-color:#c1c1c1;position: relative;} .activity-year .ui-border:before {width: 70px;height: 57px;display: block;content:" ";position: absolute;left:0px;top:0px;} .activity-year .ui-border.in:before {background: url("/r/cms/www/default/css/dpz/statics/pc/map/images/activity-in.png") no-repeat;} .activity-year .ui-border.end:before {background: url("/r/cms/www/default/css/dpz/statics/pc/map/images/activity-end.png") no-repeat;} .activity-year .ui-border img {display: block;width: 265px;height: 151px;float: left;} .activity-year .ui-border p {height: 72px;overflow: hidden;} .notice .list {background: #fff5dc;} .notice .list p {position: relative;padding-left: 30px;} .notice .list p:before {width: 20px;height: 20px;border-radius: 10px;display: block;content:" ";position: absolute;background: #d0c9b7;left:0px;top:20px;} .introd p {text-indent: 2em;padding:10px 0px;} .business .table tr:nth-child(2) td {background: #fff5dc;} .business .table tr:nth-child(2) td:empty {background: #fff;} .business .table tr td:nth-child(1) {background: #fff5dc;} .business .table tr td:nth-child(1):empty {background: #fff;} .business .table tr img {vertical-align: middle;margin-right: 10px;}