@charset "utf-8";
/*wap*/
@media screen and (min-width:0px)  and  (max-width:1023px)  {
* {-webkit-tap-highlight-color:transparent;}
html,body{max-width:100%; margin:0 auto; font-size: 1.2rem;}
html{font-size:62.5%}
.pc{display:none;}
.wap{display:block;}
.icon{font-family:iconfont;}
span{display:block;}
input{-webkit-user-select:text !important; display:block; cursor:pointer;}
button{display:block; cursor:pointer;}
img{display:block;}
a{cursor:pointer;}
em,i,p,span{line-height:100%;}

@media only screen and (min-width:321px) {html {font-size:62.5%!important}}
@media only screen and (min-width:361px) {html {font-size:70.31%!important}}
@media only screen and (min-width:376px) {html {font-size:73.24%!important}}
@media only screen and (min-width:481px) {html {font-size:94%!important}}
@media only screen and (min-width:561px) {html {font-size:109%!important}}
@media only screen and (min-width:641px) {html {font-size:125%!important}}


#example{width: 100%;}


/* --- top --- */
.page-top{background: #1F1A1A; color: #8F8D8D;  padding: 1rem; text-align: center;}

/* right */
.page-top .right{ display: flex; justify-content: space-between; margin-top: .5rem;}
.page-top .right .item{position: relative; }

/* login */
.page-top .right .login{}

/* reg */
.page-top .right .reg{}

/* language */
.page-top .right .language{display: flex; align-items: center;}
.page-top .right .language a{ width: 1.8rem; height: 1.8rem; display: block; line-height: 1.8rem; text-align: center; color: #C7C6C6; font-size:1.2rem;}
.page-top .right .language a.now{ font-weight: bolder;}




/* --- header --- */
.page-header{width: 100%; background: #000; padding: 1.5rem; position:relative;}

/* logo */
.page-header .logo{ width: 85%;}

/* line */
.page-header .nav-show{ position:absolute; right:1.5rem; top:1.5rem; width:3rem; height:2.5rem; background:url(../images/nav.svg) no-repeat center center; background-size:2.5rem; cursor:pointer;}
.page-header .nav-show.close{background:url(../images/close.svg) no-repeat center center; background-size:2.5rem;}



/* --- nav --- */
.page-nav{ display: none; margin-top: 1.5rem;}

/* ul */
.page-nav ul{ border-top: 1px solid #222;}
.page-nav ul li{text-align: center; position: relative; height: 3.5rem; line-height: 3.5rem; border-bottom: 1px solid #222;}
.page-nav ul li em{ margin-right: .5rem;}
.page-nav ul li a{color:#fff; text-transform: uppercase;}
.page-nav ul li a:hover{color:#C82C2C;}

/* active */
.page-nav ul li.active a{color:#C82C2C;}

/* background */
.page-nav::before{display: none;}
.page-nav::after{display: none;}



/* --- banner --- */
.page-banner{background: url(../images/banner.jpg) no-repeat #000 center bottom; padding: 5rem 0; background-size: cover;}
.page-banner .content{display:flex; justify-content: center;}
.page-banner .content img{ margin: 0 auto;}




/* --- tickets --- */
.page-tickets{background:url(../images/tickets.jpg) no-repeat #201A1A center bottom; }
.page-tickets .wrap{ padding: 2.5rem 1.5rem;}

/* content */
.page-tickets .content{ margin-bottom: 2rem;}
.page-tickets .content h3{color: #fff; font-size: 1.6rem; margin-bottom: 1rem;}
.page-tickets .content .text{color: #949393; line-height: 180%;}

/* btn */
.page-tickets .btn{margin-left: auto;}
.page-tickets .btn a{background: url(../images/tickets-btn.png) no-repeat; width: 129px; height: 56px; text-align: center; display: block; color: #fff; display: flex; align-items: center; justify-content: center;}



/* --- footer --- */
.page-footer{padding: 1.5rem 0; background: #212025;}

/* wrap */
.page-footer .wrap{}

/* item */
.page-footer .item{color: #fff; border-bottom: 1px solid #38373B; padding: 1.5rem;}

/* item - title */
.page-footer .item .title{color: #646367; margin-bottom: 1rem;}

/* item - list */
.page-footer .item .list{display:flex; flex-wrap: wrap;}
.page-footer .item .list p{width: 33.333%;}
 

/* item - content */
.page-footer .item .content{margin-bottom: 2rem;}
.page-footer .item .content p{line-height: 220%;}
.page-footer .item .content p a{color: #fff;}
.page-footer .item .content p a.red{color: #c82c2c;}
.page-footer .item .content p a:hover{color: #c82c2c;}

/* item - last */
.page-footer .item:last-child{border-right: none;}

/* contact */
.page-footer .contact{ padding:  1.5rem;}
.page-footer .contact li{}
.page-footer .contact li input{width: 100%;  background: none; height: 4rem; border: none; border-bottom: 1px solid #4D525A; color: #fff;  transition: all .3s;}
.page-footer .contact li input:focus {border-bottom: 1px solid #c82c2c; }
.page-footer .contact li button{width: 100%; height: 4rem; background: #34343A; border: none; color: #fff; margin-top: 1.5rem; cursor: pointer; transition: all .3s;}
.page-footer .contact li button:hover{background:#c82c2c;}
.page-footer .contact li button:active{background:#c82c2c;}



/* --- copyright --- */
.page-copyright{background: #212025;}
.page-copyright .wrap{ border-top: 1px solid #38373B; padding: 1.5rem; text-align: center;}
.page-copyright .text{color: #999; margin-bottom: 1rem;}
.page-copyright .link a{padding-right: 1rem; color: #fff; position: relative; padding-left: 1rem;}
.page-copyright .link a:hover{color: #c82c2c;}



/* --- path --- */
.page-path{border-bottom: 1px solid #e5e5e5; padding:1rem;} 
.page-path em{margin-left: 1rem; margin-right: 1rem; color: #ccc;}
.page-path a.now{color: #c82c2c; text-transform: uppercase;}



/* --- category --- */
.page-category{padding: 2.5rem 0; text-align: center;}
.page-category h2{font-family: 楷体; font-weight: bolder; font-size: 2.5rem;}
.page-category .line{background: url(../images/page-category.png) no-repeat center; height: 14px; margin-top: 15px; margin-bottom: 15px;}
.page-category .text{text-transform: uppercase; color: #888; font-size: 1rem;}







/* --- exhibition --- */
.home-exhibition{background: #FAF9F7; }

/* column */
.home-exhibition .column{text-align: center; position: relative; padding: 2.5rem 0;}
.home-exhibition .column .pic{margin-bottom: 1.5rem;}
.home-exhibition .column .pic img{ margin: 0 auto;}
.home-exhibition .column .text{width: 90%; color: #888; margin: 0 auto; line-height: 180%;}
.home-exhibition .column::before{content:""; background: url(../images/exhibition-back-01.png) no-repeat; width: 109px; height: 109px; position: absolute; left: 0;}
.home-exhibition .column::after{content:""; background: url(../images/exhibition-back-02.png) no-repeat; width: 115px; height: 139px; position: absolute; right: 0; top: 50px;}


/* list */
.home-exhibition .list{}

/* list - item */
.home-exhibition .list .item{background: #fff; margin-bottom: 1rem; transition: all .3s;}

.home-exhibition .list .pic img{width: 100%;}

/* list - content */
.home-exhibition .list .content{ padding: 1.5rem;  text-align: center;}

/* list - info */
.home-exhibition .list .content .info h3{margin-bottom: 1rem;}
.home-exhibition .list .content .info h3 a{color: #333; font-weight: bold;}
.home-exhibition .list .content .info h3 a:hover{ color: #C82C2C;}
.home-exhibition .list .content .info .text p{line-height: 150%; color: #999;}

/* list - btn */
.home-exhibition .list .content .btn{ display: none;}




/* --- show / introduce --- */
.show-introduce .wrap{ background: url(../images/show-introduce.png) no-repeat right top;}

/* title */
.show-introduce .title{font-size: 2.8rem;  text-align: center;}
.show-introduce .title h1{font-family: 楷体; font-weight: bolder; font-size: 2.5rem; margin-bottom: 1rem;}
.show-introduce .title .date{color: #888; font-size: 1.2rem;}

/* content */
.show-introduce .content{ padding: 2rem;}
.show-introduce .content p{line-height: 200%; color: #888; }




/* --- show / 3d --- */
.show-3d{ margin-bottom: 1rem; padding: 1rem;}
.show-3d .wrap{ border: 1px solid #e5e5e5; overflow: hidden; background: #fff; position: relative; }
.show-3d .module .item iframe{width: 100%; height: 15rem;}

/* tips */
.show-3d .tips{ color: #333;  text-align: center; margin-bottom: 1rem;}





/* --- show / data --- */
.show-data {overflow:scroll; padding: 1rem;}
.show-data .wrap{background: #fff; width: 300%; }
.show-data .wrap table{width: 100%; text-align: center; font-size: 16px; background: #e5e5e5;}
.show-data .wrap table th{ height: 50px; background: #fff; font-weight: bolder;}
.show-data .wrap table td{padding: 15px; background: #fff;}
.show-data .wrap table td p{line-height: 180%;}




/* --- show / details --- */
.show-details{padding: 1rem;}

/* title */
.show-details .title{font-size: 1.4rem; font-weight: bolder; margin-bottom: 1rem;  position: relative; padding-left: 1rem;}
.show-details .title::before{content: ""; width: 3px; height: 18px; position: absolute; left: 0; top: 5px; background: #C82C2C;}

/* content */
.show-details .content{border: 1px solid #e5e5e5; background: #fff; padding: 1.5rem; padding-bottom: 0;}
.show-details .content p{margin-bottom: 1.5rem; line-height: 150%; color: #666; background: url(../images/dot.png) no-repeat; padding-left: 2.5rem;}




/* --- show / other --- */
.show-other{ padding: 1rem;}
.show-other .wrap{}
.show-other .item{position: relative; line-height: 200%;}




/* --- acknowledgment --- */
.acknowledgment{padding: 0 1.5rem; margin-bottom: 100px;}
.acknowledgment strong{font-family: 楷體; font-size: 18px; margin-bottom: 20px; display: block;}
.acknowledgment p{margin-bottom: 20px; line-height: 150%; color: #666; background: url(../images/dot.png) no-repeat; padding-left: 30px;}


}