/* 公共样式 */
* {margin: 0;padding: 0;outline:none}
body,html{padding: 0;margin:0px;font-family:"Microsoft YaHei", "微软雅黑", "PingFang SC", -apple-system-font,"Helvetica Neue", "Hiragino Sans GB", sans-serif;
height: 100%;width: 100%;-webkit-overflow-scrolling: touch;background-color: transparent;overflow:visible;display:block;}
a {text-decoration: none;cursor: pointer}
ul {list-style-type: none;}
li{cursor: pointer;}
.cover{background-size: cover;background-repeat: no-repeat;background-position: center center}
.contain{background-size: contain;background-repeat: no-repeat;background-position: center center}
textarea:focus,input:focus {outline: none !important;}
input::-webkit-input-placeholder {color: #333;}
.clear{clear:both}
[url]{cursor: pointer;}
::-webkit-scrollbar {width:8px;height:8px;}
::-webkit-scrollbar-thumb {border-radius:8px;box-shadow:inset 0 0 5px rgba(0, 0, 0, 0.2);background:#333;}
::-webkit-scrollbar-track {box-shadow:inset 0 0 5px rgba(0, 0, 0, 0.2);border-radius:8px;background:#ededed;}

.main{display:block;width:100%;height:100%;min-width:100%;overflow:visible;}

/* 头部公共标题 */
.page-title{width: 100%;height:10rem;}
.page-title>div{height:100%;color: #fff;box-sizing: border-box;position: relative;}
.page-title>div>div{width:100%;position: absolute;left: 5%;top: 25%;}
.page-title>div>div>p{font-size: 1.5rem;height:2.5rem;line-height:3rem;border-bottom: 1px solid #fff;width: 60%;letter-spacing: 15px;position: relative;}
.page-title>div>div>p::after{content: '';width:100%;height:1.5rem;background: rgba(252,224,16,0.3900);position: absolute;top:1.8rem;left: 0;}
.page-title>div>div>span{font-size: 1rem;letter-spacing: 3px;margin-top: 5px;display: block;}


.page-header{position:relative;width:100%;margin:0 auto;}
.page-bodyer {width:100%;margin-bottom: 20px;background-color: transparent;margin: auto;overflow-x:hidden;}
.page-bodyer .fixed {background-color: transparent;width:100%;padding:0;box-sizing: border-box;}
.page-bodyer .fixed > div{box-sizing: border-box;}
.page-footer{position:relative;background-color:#333;}

/* banner轮播 */
.home .page-banner{margin:0;width: 100%; height:200px;position:relative;left:0;right:0;display:none; }
.page-banner{ margin:0 auto;width: 100%;height:200px;position:relative;left:0;right:0;display:none; }
.page-banner .banner-nav{ height: 100%; }
.page-banner .banner-nav img{ width: 100%;vertical-align:middle;}
.page-banner .banner-nav .pageimg{ bottom: 5px !important; }
.page-banner .banner-nav .pageimg>span{ display: inline-block; width: 27px; height: 24px; background: url(images/banner2.png) no-repeat left center; opacity: 1 !important; margin: 0 8px !important; }
.page-banner .banner-nav .pageimg>span.swiper-pagination-bullet-active{ background: url(images/banner1.png) no-repeat right center; }

/* 弹出页面样式 */
.page-poper{overflow:auto;max-height:33.35rem;overflow:hidden;background-color:white;border-radius:10px;}
.page-poper > p{border-radius:10px 10px 0 0;top:-1px;position:absolute;left:0;right:0;overflow:hidden;text-align:center;line-height:2.8125rem;height:2.8125rem;font-size:1.0625rem;color:#fff;background-color:#87312F}
.page-poper > p a{position:absolute;right:0.75rem;color:white;}
.page-poper > div{position:absolute;top:45px;bottom:0;left:0;right:0;overflow:auto;background-color:white;}
.page-poper .content{padding:10px 40px 20px 40px;line-height:180%;text-indent: 32px}

/* 弹出登录注册预约 */
.popup{ width: 100%; height:auto; }
.popup>div{width: 100%;height:100%;background-color: #fff;}
.popup>div>div:first-child{ width: 100%; height: 30px; margin:20px auto 5px; font-size: 20px; font-weight: bold; position: relative; text-align: center; }
.popup>div>div:nth-child(2){text-align: center;font-size: 12px;color: #666;margin-bottom: 8px;}
.popup>div>div:nth-child(3){ width: 220px; margin: auto; display: flex; justify-content:space-between; margin-bottom: 20px; font-size: 14px; }
.popup>div>div:nth-child(3)>p{ padding: 0 20px; position: relative;cursor: pointer; }
.popup>div>div:nth-child(3)>p::before, 
.popup>div>div:nth-child(3)>p::after{ content: ''; width: 16px; height: 22px; background: url(images/qianleft.png?v=1) no-repeat center; background-size: 100%; position: absolute; top: -1px; }
.popup>div>div:nth-child(3)>p::before{ left: 0px; }
.popup>div>div:nth-child(3)>p::after{ background-image: url(images/qianright.png?v=1); right: 0px; }
.popup>div>div:nth-child(3) .active{ color: #87312F; }
.popup>div>div:nth-child(3) .active::before{ background-image: url(images/redleft.png?v=1); }
.popup>div>div:nth-child(3) .active::after{ background-image: url(images/redright.png?v=1); }
.popup>div>div:last-child>p{ width: 260px; height: 35px; margin: 0 auto; margin-top: 13px;margin-bottom: 5px;}
.popup>div>div:last-child>p>input{ width: 100%; height: 100%;border:1px solid ;border: transparent; background-color: transparent; padding-left: 5px; border:1px solid #707070;  border-radius: 5px; }
.popup>div>div:last-child>p>input::placeholder{ color: #333333; font-size: 14px; }
.popup>div>div:last-child>p>button{ width: 100%; height: 100%;font-size:14px;letter-spacing:2px;border: transparent; background-color: transparent; padding-left: 5px; border: 0px solid #707070;  border-radius: 5px; }
.popup>div>div:last-child>p>button::placeholder{ color: #333333; font-size: 14px; }
.popup>div>div:last-child>span{ display: block; width: 260px; height: 20px; line-height: 20px; margin: 0 auto; text-align: right; font-size: 10px; }
.popup>div>div:last-child>span>a{color: #666;}
.popup>div>div:last-child .code{width: 140px;}
.popup>div>div:last-child img{ display: block; float: right; width: 100px; }
.popup>div>div:last-child .button{ height: 40px; background-color: #87312F; color: #fff; }
/* 登录注册跳转 */
.popup .memberlogin{display: block;}
.popup .registermember{display: none;}
/* 个人、团队预约跳转 */
.popup .personalorder{display: block;}
.popup .teamorder{display: none;}
#order .popup>div>div:last-child>p>span{width: 33%;text-align: right;padding-right: .5rem;display: inline-block;}
#order .popup>div>div:last-child>p>input{width: 55%;}
/* 弹出参观须知 */
.visitinfo{width: 80%;margin: 10px auto;text-align: left;}
/* 弹出登录注册预约-----------end */

/* 轮播图线性滑动 */
.swiper-container-free-mode > .swiper-wrapper {transition-timing-function: linear;margin: 0 auto;}

/* 大框架背景大小字体颜色 */
.home {width: 100%;font-size: 0.875rem;color: #eee;margin: 0 auto;}
.ellipsis{text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 2;overflow: hidden;}

.home .header{position:fixed;top:0;z-index: 1100;display:flex;}
.home .header .nav,.home .header .tool{float:right;}
.home .header .tool{width:auto;margin-left:auto;}
.home .header .tool .nav-page{align-items:center;color:#333;}
.home .header .tool .sousuo{top:60px;color:white;}
.home .page-bodyer{width:100%;position:relative;bottom:0;left:0;right:0;box-sizing: border-box;margin-top:3rem;}

.page-bodyer .header{display:none !important;}

.home .section1 .swiper-container{height:100%;}
.home .section1 .swiper-pagination{bottom:10px;}
.home .section1 .swiper-pagination .swiper-pagination-bullet{width:20px;border-radius: 0}
.img-box {width: 100%;height: 100%;position: absolute;overflow: hidden;}
.img-box div {width: 100%;height: 100%;}
.img-box h3{margin:100px auto;position:absolute;top:60%;left:60%;}

/* slider */
.home .silder{ position: fixed; right: 10px; top: 70%; margin-top: -140px; z-index: 20; }
.home .silder ul>li{color:white;width: 60px; height: 60px;display:flex;flex-direction:column;align-items: center;justify-content: center;font-size:30px; border-radius: 50%; margin: 10px; position: relative;background-color:#87312F}
.home .silder ul>li>div{ width: 0px; height: 30px; padding: 10px 0; background-color:#87312F;border-radius: 5px; position: absolute; right: 70px; top: 5px; color: #fff; overflow: hidden; transition: width .5s linear; }
.home .silder ul>li>div>p{ margin-left: 10px;font-size:13px; }
.home .silder ul>li>a{ display: flex;align-items:center;justify-content: center; width: 100%;height: 100%;font-size:30px;color:white; }
.home .silder ul>li:hover div{ width: 120px; }

.section1{height:16rem;position: relative;}
.section1>.swiper-container{height: 100%;}
.section1>.swiper-container .swiper-slide img {width: 100%;height: 100%;object-fit: cover;transition: 1s linear 2s;transform: scale(1, 1);}
.section1>.swiper-container .swiper-slide-active img,
.section1>.swiper-container .swiper-slide-duplicate-active img {transition: 6s linear;transform: scale(1.1, 1.1);}
.section1>.swiper-button-prev,
.section1>.swiper-button-next{top: 98%;width: 50px;height: 50px;background-color: #FCE010;border-radius: 10px;background-image: none;color: #666;font-size: 12px;}
.section1>.swiper-button-prev{left: 10%;}
.section1>.swiper-button-next{right: 10%;}
.section1>.swiper-button-prev::after,.section1>.swiper-button-next::after{content: '\e625';font-family: iconfont;font-size: 1.875rem;}
.section1>.swiper-button-next::after{content: '\e624';}
.section1 .main-swiper-thumbs{width: 772px;position: absolute;top: 715px;right:8%;height: 160px;display:none}
.section1 .main-swiper-thumbs>.swiper-wrapper>.swiper-slide{width: 250px !important;height: 160px;}
.section1 .swiper-slide-thumb-active{display: none;}

.section2{width:100%;height:auto;position: relative;margin-top:2rem;}
.section2>.content>ul{display: flex;flex-direction: column; justify-content: space-between;margin-top:1rem;font-family:Microsoft YaHei;}
.section2>.content>ul>li{width: 100%;background: #fff;margin-bottom:0.25rem;box-shadow: 0px 5px 10px rgba(0,0,0,0.16);display: flex;flex-direction: column;justify-content: start;position: relative;overflow: hidden;}
.section2>.content>ul>li>i{display: inline-block;width:4.25rem;height:4.25rem;margin:1rem auto;position: relative;background: url(images/home-2-1.png) no-repeat center;background-size: contain;}
.section2>.content>ul>li:nth-child(2)>i{background: url(images/home-2-2.png) no-repeat center;background-size: contain;}
.section2>.content>ul>li:nth-child(3)>i{background: url(images/home-2-3.png) no-repeat center;background-size: contain;}
.section2>.content>ul>li:nth-child(4)>i{background: url(images/home-2-4.png) no-repeat center;background-size: contain;}
.section2>.content>ul>li>i::after{content: '';width: 1.75rem;height: 1.75rem;animation: dotjump 4s linear infinite;position: absolute;border-radius: 50%;bottom: -0.25rem;right: 0;}
.section2>.content>ul>li:nth-child(2)>i::after{animation:4s dotjump 1s linear infinite;}
.section2>.content>ul>li:nth-child(3)>i::after{animation:4s dotjump 2s linear infinite;}
.section2>.content>ul>li:nth-child(4)>i::after{animation:4s dotjump 3s linear infinite;}
.section2>.content>ul>li>h4{font-size: 18px;text-align: center;color:#333}
.section2>.content>ul>li:nth-child(1)>ul{display: flex;justify-content: space-around;color: #333;text-align: center;width: 90%;margin: 1rem auto;}
.section2>.content>ul>li:nth-child(1)>ul>li>p{font-size: 1.5rem;font-weight: bold;}
.section2>.content>ul>li:nth-child(1)>ul>li>span{font-size: .875rem;opacity: .5;}
.section2>.content>ul>li:nth-child(1)>ul>li:nth-child(2)>span::before{content: '|';margin-right: 30px;}
.section2>.content>ul>li:nth-child(1)>ul>li:nth-child(2)>span::after{content: '|';margin-left: 30px;}
.section2>.content>ul>li:nth-child(1)>p{font-size: .875rem;color: #4d4d4d;text-align: center;width: 90%;margin:1rem auto;}
.section2>.content>ul>li:nth-child(2)>ul{width:50%;margin:0.5rem auto;text-align: center;color: #333;font-size: 1.25rem;z-index: 99;}
.section2>.content>ul>li:nth-child(2)>ul>li{width: 100%;height:2.5rem;border-radius:10px;margin:0.5rem auto;line-height: 2.5rem;border: 1px solid #333;font-size:1rem;}
.section2>.content>ul>li:nth-child(2)>ul>li:first-child{border: 1px solid #FCE010;background-color: #FCE010;}
.section2>.content>ul>li:nth-child(2)>ul>li::before{content: '\e67f';font-family: iconfont;margin-right: 10px;font-weight: bold;font-size: 1.25rem;}
.section2>.content>ul>li:nth-child(2)>ul>li:nth-child(2)::before{content: '\e6a5';}
.section2>.content>ul>li:nth-child(3)>ul{width: 90%;margin:1rem auto;font-size: .875rem;color: #4d4d4d;overflow: hidden;}
.section2>.content>ul>li:nth-child(3)>ul>li{margin-bottom: 10px;display: flex;}
.section2>.content>ul>li:nth-child(3)>ul>li>span{font-weight: bold;width: 20%;font-size: 1rem;color: #333;}
.section2>.content>ul>li:nth-child(3)>ul>li>p{display: inline-block;width: 80%;}
.section2>.content>ul>li:nth-child(4)>div:nth-child(3){height: 8rem;overflow-y: hidden;margin-bottom:0.5rem;padding-left: 5%;}
.section2>.content>ul>li:nth-child(4)>div>ol{width: 85%;margin: 30px auto;color: #585858;font-size: .875rem;}
.section2>.content>ul>li:nth-child(4)>div>ol>li{margin-bottom: 1rem;}
.section2>.content .public-more{left:50%;margin-left:-1.5rem;color:#FCE010;font-size:1.2rem;font-weight: bold;z-index:9;}


.section3{width:100%;;margin: 1rem auto;position: relative;}
.section3 .public-list{display: flex;flex-direction:row;align-items: center; justify-content:center; color:#333;}
.section3 .public-list li{margin:0 1rem;}
.section3 .active{font-weight:bold;color:red;}
.section3>.public-more{position: absolute;right:0;top: 55px;display:none;}

.section3 .home-exhibition{display:none;}
.section3 .content .actived{display: block}

.section3>.content>div{width: 100%;box-sizing: border-box;padding:0.25rem 0;}
.section3 .swiper-slide{width:100%;box-sizing: border-box;padding: 20px;color: #333;font-weight: 400;}
.section3 .swiper-slide>div{box-shadow: 0px 5px 20px rgba(0,0,0,0.3);box-sizing: border-box;padding: 20px;background: rgba(255,255,255,0.3900);}
.section3 .swiper-slide>div>div{width: 100%;height:10rem;background-color: #4d4d4d;}
.section3 .swiper-slide>div>p{font-size: 0.875rem;margin-top:.125rem;}
.section3 .swiper-slide>div>span{font-size: 0.75rem;margin-top:0.125rem;display: block;}
.section3 .swiper-slide>div>span::before{content: '\e67c';font-family: iconfont;color: #FCE010;margin-right: 14px;font-size: 20px;}
.section3 .swiper-slide>div>span:last-child::before{content: '\e64e';}

.section3>.content>div>div:nth-child(2){width: 100%;background-color: #F2F2F2;position: absolute;left: 0;}
.section3>.content .swiper-button-prev,
.section3>.content .swiper-button-next{top: 50%;width: 50px;height: 50px;background-color: #FCE010;border-radius: 10px;background-image: none;color: #666;font-size: 12px;}
.section3>.content .swiper-button-prev{left: 5%;}
.section3>.content .swiper-button-next{right: 5%;}
.section3>.content .swiper-button-prev::after,.section3>.content .swiper-button-next::after{content: '\e625';font-family: iconfont;font-size: 1.875rem;}
.section3>.content .swiper-button-next::after{content: '\e624';}

.section4{width:100%;margin:1rem auto;position: relative;}
.section4>.public-more{position: absolute;right:0;top: 55px;}
.section4>.content{display: flex;justify-content: center;flex-direction: column;}
.section4>.content>div:first-child{width: 100%;height:15rem;}
.section4>.content>div:nth-child(2){width:100%;background: rgba(255,255,255,0.39);box-shadow: 0px 6px 20px rgba(0,0,0,0.16);box-sizing: border-box;padding:0.25rem;margin: 0 0px;}
.section4>.content>ul{width:100%;display: flex;flex-direction: column;justify-content: space-between;}
.section4>.content>div:first-child .swiper-wrapper{position: relative;}
.section4>.content>div:first-child .swiper-slide{width: 100%;height: 100%;}
.section4>.content>div:first-child .swiper-slide>p{width: 100%;height: 80px;z-index:99;line-height: 80px;color: #fff;font-size: 1.375rem;font-weight: 500;background: rgba(0,0,0,0.4);position: absolute;bottom: 0;left: 0;padding: 0 20px;box-sizing: border-box;}
.section4>.content>div:first-child .swiper-pagination{text-align: right;width: 98%;bottom: 30px;}
.section4>.content>div:first-child .swiper-pagination-bullet{width: 12px;height: 12px;background-color: #fff;}
.section4>.content>div:first-child .swiper-pagination-bullet-active{background-color: #FCE010;}
.section4>.content>div:nth-child(2) >div:last-child{width: 100%;height:auto;margin-top: 10px;}
.section4>.content>div:nth-child(2) .public-title>p{}
.section4>.content>div:nth-child(2) .public-title>p:last-child{letter-spacing: 3px;}
.section4>.content>div:nth-child(2) .swiper-slide>div{width: 100%;height: 250px;}
.section4>.content>div:nth-child(2) .swiper-slide>p{font-size: 1rem;color: #333;margin-top:0.5rem;margin-left:1rem;}
.section4>.content>div:nth-child(2) .swiper-slide>span{font-size:0.75rem;color: #666;margin-top:0.25rem;margin-left:1rem;display: block;}
.section4>.content>div:nth-child(2) .swiper-slide>span::before{content: '时间：';}
.section4>.content>div:nth-child(2) .swiper-slide>span:last-child::before{content: '地点：';}

.section4>.content>div:nth-child(2) .swiper-pagination-bullet{width: 12px;height: 12px;background-color: #666;}
.section4>.content>div:nth-child(2) .swiper-button-prev,.section4>.content>div:nth-child(2) .swiper-button-next{background-image: none;color: #666;top: 50%;}
.section4>.content>div:nth-child(2) .swiper-button-prev::after,.section4>.content>div:nth-child(2) .swiper-button-next::after{content: '\e625';font-family: iconfont;font-size: 1.875rem;}
.section4>.content>div:nth-child(2) .swiper-button-next::after{content: '\e624';}

.section4>.content>ul>li{width: 100%;height:8rem;position: relative;box-shadow: 0px 6px 20px rgba(0,0,0,0.16);}
.section4>.content>ul>li:first-child{background: url(images/home-4-1.png?v=1) no-repeat bottom right;background-size: contain;}
.section4>.content>ul>li:last-child{background: url(images/home-4-2.png?v=1) no-repeat top right;background-size: cover;}
.section4>.content>ul>li:first-child>.public-title{display: flex;flex-direction: row-reverse;justify-content: flex-end;padding:1rem;}
.section4>.content>ul>li:first-child>.public-title>p{font-size:1.25rem}
.section4>.content>ul>li:first-child>.public-title>p:last-child{margin: 0rem 1rem;font-size:1.5rem;}
.section4>.content>ul>li:first-child>div:last-child{margin-left:2rem;}
.section4>.content>ul>li:last-child>div{width:100%;text-align: center;margin-top:1rem;}
.section4>.content>ul>li:last-child>.public-title>p:last-child{letter-spacing:3px;font-size:2rem;margin-top:0.25rem;text-fill-color: transparent;-webkit-text-fill-color: transparent;text-stroke: 1px red;-webkit-text-stroke: 1px red;}
.section4>.content>ul>li>div:last-child{color: #666;}

.section6{width:100%;margin:1rem auto 0rem;position: relative;}
.section6>.content{display: flex;flex-direction:column;justify-content:space-between;margin-top: 0.5rem;overflow: hidden;}
.section6>.content>div{width:100%;height:auto}
.section6>.content>div:first-child{background:url(images/home-6-1.png?v=1) no-repeat center;background-size: cover;}
.section6>.content>div:last-child{background:url(images/home-6-7.png?v=1) no-repeat right;background-size: contain;}

.section6>.content>ul{width:100%;display: flex;flex-direction: column;justify-content: space-between;}
.section6>.content>ul>li{width: 100%;height:14rem;}
.section6>.content>ul>li:first-child{background:url(images/home-6-3.png?v=1) no-repeat center;background-size: cover;}
.section6>.content>ul>li:last-child{background:url(images/home-6-6.png?v=1) no-repeat center;background-size: cover;}
.section6>.content>div:first-child>div:first-child{width: 75%;margin: 0 auto;}
.section6>.content>div:first-child>div:first-child>ul{display: flex;justify-content: center;margin-top:0.5rem;margin-bottom:0.5rempx;}
.section6>.content>div:first-child>div:first-child>ul>li{width: 40px;height:40px;border: 1px solid #ccc;line-height:40px;text-align: center;font-size:2rem;color: #333;font-weight: bold;box-sizing: border-box;position: relative;}
.section6>.content>div:first-child>div:first-child>ul>li:not(:last-child){border-right: none;}
.section6>.content>div:first-child>div:first-child>ul>li::before{content:'';width: 0;height: 100%;border-left: 1px dashed rgba(112, 112, 112, .2);position: absolute;left: 31px;}
.section6>.content>div:first-child>div:first-child>ul>li::after{content:'';width: 100%;height: 0;border-top: 1px dashed rgba(112, 112, 112, .2);position: absolute;top: 31px;left: 0;}
.section6>.content>div:first-child>div:first-child>p{width: 100%;text-align: center;font-style: 1.125rem;-webkit-text-stroke: 1px #ccc;text-stroke: 1px #ccc;text-fill-color: transparent;-webkit-text-fill-color: transparent;}
.section6>.content>div:first-child .public-more{top:1rem;left:50%;margin-left:-1.5rem;color:#FCE010;font-size:1.2rem;font-weight: bold;z-index:9;}
.section6>.content>div:first-child>div:last-child{width:100%;height:12rem;background: url(images/home-6-2.png) no-repeat center;background-size:contain;margin:0.5rem auto;transform: scale(1,1);transition: transform 1s;}
.section6>.content>div:first-child>div:last-child:hover{transform: scale(1.1,1.1);transition: all 1s;}
.section6>.content>ul>li:first-child{position: relative;height:16rem;}
.section6>.content>ul>li:first-child>div:first-child{width:100%;margin: 2rem 0 0 2rem;z-index:1000;}
.section6>.content>ul>li:first-child>div:first-child>ul{display:flex;justify-content:flex-start;width:100%;}
.section6>.content>ul>li:first-child>div:first-child>ul>li{font-size:2rem;font-weight: bold;color: #333;}
.section6>.content>ul>li:first-child>div:first-child>ul>li:not(:last-child)::after{content: '/';font-size:1rem;margin: 0 10px;}
.section6>.content>ul>li:first-child>div:first-child>p{font-size: 1.5rem;color: #333;font-weight: bold;letter-spacing: 2rem;margin-top: 10px;}

.section6>.content>ul>li:first-child>div:nth-child(2){width: 104px;height: 206px;background: url(images/home-6-4.png) no-repeat center;background-size:60%;position: absolute;bottom: 0;left:20px;bottom:-2rem;transform: scale(1,1);transition: transform 1s;}
.section6>.content>ul>li:first-child>div:nth-child(3){z-index: 9;font-size: 1.2rem;font-weight: bold;color:#FCE010;top:1rem;left:50%;margin-left:-1.5rem;}
.section6>.content>ul>li:first-child>div:nth-child(4){width: 153px;height: 319px;background: url(images/home-6-5.png) no-repeat center;background-size:70%;position: absolute;right: 0;bottom: -40px;transform: scale(1,1);transition: transform 1s;}
.section6>.content>ul>li:first-child>div:nth-child(2):hover,.section6>.content>ul>li:first-child>div:nth-child(4):hover{transform: scale(1.2,1.2);transition: all 1s;}
.section6>.content>ul>li:last-child>div:first-child{width: 100%;margin:5rem auto;color: #333;font-weight: bold;height: 100px;}
.section6>.content>ul>li:last-child>div:first-child>p:first-child{font-size: 36px;margin-bottom: 10px;letter-spacing: 3px;text-align: center}
.section6>.content>ul>li:last-child>div:first-child>p:last-child{font-size: 18px;float: right;height: 36px;line-height: 36px;}
.section6>.content>ul>li:last-child>div:first-child>ul{display: flex;justify-content: flex-start;float: left;}
.section6>.content>ul>li:last-child>div:first-child>ul>li{font-size: 24px;width: 36px;height: 36px;border: 1px solid #333333;border-radius: 50%;text-align: center;line-height: 36px;margin-right: 13px;}
.section6>.content>ul>li:last-child>.public-more{margin-top:-6rem;left:50%;margin-left:-1.5rem;color:#FCE010;font-size:1.2rem;font-weight: bold}
.section6>.content>div:last-child .public-title{display: flex;flex-direction: row;justify-content: start;height:10rem;}
.section6>.content>div:last-child .public-title>p{writing-mode: vertical-lr;font-size: 24px;font-weight: bold;color: #333;letter-spacing:0.25rem}
.section6>.content>div:last-child .public-title>p:first-child{margin:5rem 0 0 0rem;height:auto;opacity:.1;}
.section6>.content>div:last-child .public-title>p:last-child{font-size: 36px;}
.section6>.content>div:last-child .public-more{font-size:1.2rem;margin-top:4rem; margin-left:6.2rem;color:#FCE010;font-weight:bold;}

.section6>.content>div:first-child:hover>div:first-child{animation: wordone 2s linear ;}
.section6>.content>div:last-child:hover>div:first-child{animation: wordthree 2s linear ;}
.section6>.content>ul>li:first-child:hover>div:first-child{animation: wordtwo 2s linear ;}
.section6>.content>ul>li:last-child:hover>div:first-child{animation: wordone 2s linear ;}
@keyframes dotjump {0%{background-color: rgba(252,224,16,0);}25%{background-color: rgba(252,224,16,.7);}50%{background-color: rgba(252,224,16,0)}100%{background-color: rgba(252,224,16,0)}}
@keyframes flash {0%{background-color: rgba(252,224,16,.39);}50%{background-color: rgba(252,224,16,1);}100%{background-color: rgba(252,224,16,.39);}}
@keyframes rock{12.5%,62.5%{transform: rotate(20deg);}0%,25%,50%,75%,100%{transform: rotate(0deg);}37.5%,87.5%{transform: rotate(-20deg);}}
@keyframes wordone {0%{transform: rotateX(0deg)}50%{transform:rotateX(-180deg)}100%{transform:rotateX(0deg)}}
@keyframes wordtwo {0%{transform: rotateY(0deg)}50%{transform:rotateY(-180deg)}100%{transform:rotateY(0deg)}}
@keyframes wordthree {0%{transform:scaleY(1)}50%{transform:scaleY(1.5)}100%{transform:scaleY(1)}}
.dot6{background: url(images/home-7-4.png) no-repeat center;background-size: contain;width:100%;height:3rem;z-index: -1;}


.link{display:flex;align-items:center;justify-content: center; height:3rem;background-color: #333333;border-bottom:0.5px solid white;}
.link a{display:flex;align-items:center;justify-content: center;font-size:0.9735rem;width:8rem;background-color:#666666;color:white;height:2rem;text-align: center}
.link a i{display:inline-block;width:1.5rem;height:1.5rem;background:url(images/link.png) no-repeat center;background-size: cover;}
.link a:hover{border:0.5px solid white;}
.links{z-index:999;display:none;position:absolute;height:200px;left:0;right:0;bottom:228px;background-color:rgba(0,0,0,.85);}
.links>div{display:flex;align-items:flex-start;justify-content:space-between;height:100%;padding:20px;box-sizing: border-box;overflow:auto;flex-wrap:wrap}
.links li{display:flex;width:45%;list-style: none;color:white;flex-direction: column;flex-wrap: wrap;align-items: center}
.links li a{color:white;}
/* nav头部导航 */
/* logo */
.header { background-color:#f7f7f7;width:100%;height:3rem;margin:0 auto;}
.header>div:first-child {position:fixed;background-color:#f7f7f7;z-index:9999;width: 100%; height: 3rem;margin:0 auto;color: #333; display: flex; justify-content: space-between; align-items: center; box-sizing: border-box; padding: 0 1rem; }
.header>div:first-child .logo{ width: 7rem; height: 1.25rem; }
.header>div:first-child .logo img{ width: 100%; }
/* nav */
.header .nav{width: 100%;position:fixed;top:3rem;left:0;right:0;bottom:0;border-top: 1px solid rgba(255,255,255,.3);background-color:#fff;overflow:hidden;transition: height .5s linear;display: none;z-index:999; }
.header .nav .nav-item{ width: 100%;position: relative;box-sizing: border-box; }
.header .nav .nav-item li{padding: 0 2rem; position: relative;border-bottom: 1px solid rgba(0,0,0,.3);line-height: 3rem; }
.header .nav .nav-item li a{color: #333;font-size:0.875rem;}
.header .nav .nav-item li .secmenu{ color: #333; box-sizing: border-box;font-size: 0.8rem;position: relative;display: none;margin-bottom:0.5rem;}
.header .nav .nav-item .active a{color: #333;font-weight: bold}
.header .nav .nav-item li .secmenu p{ padding: 0 1rem;line-height: 2rem; }
.header .nav .nav-item li .secmenu p>a{display: block;}
.header .nav .nav-item li .secmenu p.triangle{width: 0;height: 0;border-right: 5px solid transparent;border-left: 5px solid transparent;border-top: 7px solid #FCE010;position: absolute;top: -1.5rem;left: 4.5rem;padding: 0;}
.maskmenu{width: 1rem;height: 1rem;background: url(images/list1.png) no-repeat center;background-size: contain;position: absolute;right: 1rem;top: 1rem;transform: rotate(180deg);}

.header .tool{margin-left:auto;width:auto; display: flex;}
.header .tool .nav-page{ display: flex; justify-content: space-between;align-items: center }
.header .tool .nav-page li{ height:2.5rem;margin:0 0.25rem;display: flex;align-items:center;justify-content: center}
.header .tool .nav-page li>a{padding-left:0.25rem;font-size:1rem;height:2rem;color:#333;font-weight:400; display:flex;align-items:center;justify-content: center; overflow: hidden; margin-left:0.25rem; }
.header .tool .nav-page li:not(:first-child)::before{ content: "|"; }


.head-btn { padding-top: 1.1rem; padding-left: 10px; float: right;display:block !important; }
.head-btn i { margin: 5px auto; display: block; width: 14px; height: 2px; background-color: #333; transition: all .3s ease; -webkit-transition: all .3s ease; }
.head-btn:before { content: ''; display: block; width: 20px; height: 2px; background-color: #333; transition: all .3s ease; -webkit-transition: all .3s ease; }
.head-btn:after { content: ''; display: block; width: 20px; height: 2px; background-color: #333; transition: all .3s ease; -webkit-transition: all .3s ease; }
.head-btn.active i { width: 0; }
.head-btn.active:before { transform-origin: left top; -webkit-transform-origin: left top; transform: translate3d(0,0,0) rotate(45deg); -webkit-transform: translate3d(0,0,0) rotate(45deg); }
.head-btn.active:after { transform-origin: left bottom; -webkit-transform-origin: left bottom; transform: translate3d(0,0,0) rotate(-45deg); -webkit-transform: translate3d(0,0,0) rotate(-45deg); }

/* sousuo */
.header .tool .sousuo{ width:12rem;height:2rem; border: 1px solid #ccc; position: absolute; top:48px; right: 40px; z-index: 99;border-radius: 3px;display: none;background-color: rgba(0,0,0,0.7); }
.header .tool .sousuo>input{ background-color: rgba(0,0,0,0);width:155px;height: 35px;padding-left: 5px;border: transparent;color: #fff; }
.header .tool .sousuo>input::placeholder{color: #ccc;font-size: 0.8em;}
.header .tool .sousuo>img{display:block;width: 16px;height: 16px;position: absolute;top:9px;right: 5px;}

/* more */
.header .tool .groupmore{width: 100%;height: 100%;position:fixed;top:0;left:0;right:0;bottom:0;z-index: 999;background: url(images/morebg.png) no-repeat center;background-size:cover;display: none;}
.header .tool .groupmore > div{position:relative;width:1200px;height:100%;margin:0 auto;}
.header .tool .groupmore .close{font-size:40px;width: 40px;height: 40px;float: right;position:absolute;top:-120px;right:20px;background-size: 100%;cursor: pointer;}
.header .tool .groupmore .close:hover{transform: rotate(180deg);-webkit-transform: rotate(180deg);}
.header .tool .groupmore .nav-item{display: flex;width: 80%;margin: 150px auto;justify-content: space-between;text-align: center;}
.header .tool .groupmore .nav-item>li>a{display: block; background: url(images/nav.png) no-repeat bottom center;background-size: 18px;height: 35px;margin-bottom: 20px;font-size: 16px;font-weight: bold;}
.header .tool .groupmore .nav-item a{color: #fff;font-size: 14px;font-weight: lighter;}
.header .tool .groupmore .nav-item .secmenu p{ margin: 10px 0; }

/* nav--end */
/* 底部 */
.bottom{ width: 100%; background-color: #333; text-align: center; padding:1rem; box-sizing: border-box;margin: auto;color: #fff;font-size:0.75rem;display:flex;flex-direction: row }
.bottom > div{ margin-bottom:0.5rem; }
.bottom .bottom-visit{ font-size: 0.875rem; display: flex; flex-direction: row; justify-content: center; align-items: center; color: white;margin-top: 0.5rem; }
.bottom .bottom-visit div{ margin:0.125rem; text-align: center;font-size: 0.75rem;display: flex; }
.bottom .bottom-visit div p{display:flex;align-items:center;justify-content: center; width:1rem;height:1.25rem;background-color: #666;margin:0 0.125rem;font-family: arial}

.bottom-link{ display: none;}
.bottom .bottom-link a{margin: 0 1rem;display:inline-block;white-space:nowrap;width:3rem;text-align-last: justify;}

.bottom .bottom-message{flex-wrap: wrap;margin:0.5rem auto;line-height:130%;}

.bottom .bottom-copy span{position: relative;display:flex;align-items:center;justify-content: center;}

.bottom .bottom-sydw{width:5rem;height:5rem;background: url(images/foot-2.png?v=1) no-repeat center; background-size: 100%;}
.bottom .bottom-ewm{width:5rem;height:5rem;}
.bottom .bottom-ewm>p:first-child{width: 100%;height: 80px;background: url(images/foot-1.png?v=1) no-repeat center; background-size:100%;}
.bottom .bottom-ewm>p:last-child{display:none;font-size:0.75rem;color: #999;}
/*公共样式*/
/* 子栏目 */
.public-title,.public-title-active{height:3rem;display:flex;flex-direction: column; align-items: center;justify-content: center;color:#333;margin-bottom:0.5rem;}
.public-title-line,.public-title-lines{height:3rem;display:flex;align-items: center;justify-content: space-between;border-bottom: 1px solid rgba(255, 255, 255, .5)}
.public-title > p:first-child,.public-title-line > p:first-child,.public-title-lines > p:first-child{letter-spacing:2px;font-size:0.9375rem;font-weight:bold;display:flex;align-items:center;justify-content: center; height:3rem;background:url(images/titleleft.png) no-repeat left center,url(images/titleright.png) no-repeat right center;background-size:1rem,1rem;padding:0 1.2rem;}

.public-title-active p{position:relative;display:block;letter-spacing:2px;font-size:16px;font-weight:bold;display:block;height:50px;line-height:50px;padding:0 30px 0 30px;color:#333;}
.public-title-active p::before{position:absolute;left:0;display:inline-block;width:40px;height:50px;content:" ";background:url(images/title-right.png) no-repeat left center;background-size:50%;}
.public-title-active p::after{position:absolute;right:0;display:inline-block;width:40px;height:50px;content:" ";background:url(images/title-left.png) no-repeat right center;background-size:50%}

.more{display:block;width:8rem;height:2rem;margin:1rem auto 0.5rem;line-height:2rem;text-align:center;font-size:0.875rem;font-weight:bold;color:#666;letter-spacing: 2px}

.cro{height:2.25rem;line-height:2.25rem;border: 1px solid #BDBDBD;position: relative;text-align: center;font-size:0.875rem;}
.cro input {font-size:0.875rem;}
.cro_0,.cro_1,.cro_3,.cro_2{position:absolute;width:0.375rem;height:0.375rem;border-color:#BDBDBD;border-style:solid;z-index: 1;background-color:#fff;}
.cro_0{top: -1px;left: -1px;border-radius:0px 0px 0.375rem 0px;border-width:0 1px 1px 0;}
.cro_1{top: -1px;right: -1px;border-radius:0px 0px 0px 0.375rem;border-width:0 0 1px 1px}
.cro_3{left: -1px;bottom: -1px;border-radius:0px 0.375rem 0px 0px;border-width:1px 1px 0 0}
.cro_2{right: -1px;bottom: -1px;border-radius:0.375rem 0px 0px 0px;border-width:1px 0 0 1px}
.more-white{margin-top:0px;color:white;border-color:white;}
.more-white .cro_0,.more-white .cro_1,.more-white .cro_3,.more-white .cro_2{border-color:white;background-color:#87312F;}

.collection{width: 100%;padding:0;margin: 0px auto 1rem; color: #666;box-sizing: border-box;}
.collection .condition{position: relative;margin:0.5rem;margin-bottom:0;display:flex;flex-direction:row;flex-wrap: wrap;justify-content: space-between;}
.collection .condition>div{margin: 0 0 .5rem 0;}
.collection .condition .icon-icon_arrow_bottom{position: absolute;top:0px;right: 15px;font-size: 10px;height: 40px;line-height: 40px;color: #666;z-index: -1;}
.collection .condition .con-dynasty,
.collection .condition .con-seltype,
.collection .condition .con-leveltype{text-align:center;width:30%;height:2.125rem;position: relative;display: flex}
.collection .condition .con-dynasty .dynasty-s,
.collection .condition .con-seltype .seltype-s,
.collection .condition .con-leveltype .leveltype-s{width:60%;height:100%;border: none;outline: none;background: transparent;cursor: pointer;margin-left:1rem;}
.collection .condition .con-dynasty .dynasty-option,
.collection .condition .con-seltype .seltype-option,
.collection .condition .con-leveltype .leveltype-option{position:absolute;width: 6rem;font-size: 14px;top:2.5rem;left: .5rem;display: none;border: 1px solid #ccc;padding: 6px 10px;z-index: 99;background-color: #fff;}

.collection .condition .icon-jiantoushang{position: absolute;top:-5px;right: 50%;font-size: 12px;color: #666;margin-right: -6px;width: 8px;height: 8px;background-color: #fff;color: #ccc;border: solid #ccc;border-width: 0 1px 1px 0;transform: rotate(-135deg);-webkit-transform: rotate(-135deg);}
.collection .condition .con-dynasty .dynasty-option ul,
.collection .condition .con-seltype .seltype-option ul{height: 140px;overflow-y: scroll;}

.collection .condition .con-dynasty .dynasty-option ul::-webkit-scrollbar,.collection .condition .con-seltype .seltype-option ul::-webkit-scrollbar{width:3px;height: 15px;}
.collection .condition .con-dynasty .dynasty-option ul::-webkit-scrollbar-thumb,.collection .condition .con-seltype .seltype-option ul::-webkit-scrollbar-thumb{border-radius: 3px;box-shadow: inset 0 0 5px rgba(0, 0, 0, .2);background-color: #aaa;}
.collection .condition .con-dynasty .dynasty-option ul::-webkit-scrollbar-track,.collection .condition .con-seltype .seltype-option ul::-webkit-scrollbar-track{box-shadow: inset 0 0 5px rgba(0, 0, 0, .2);border-radius: 3px;background-color: #ededed;}
.collection .condition .con-dynasty .dynasty-option ul li,
.collection .condition .con-seltype .seltype-option ul li{height: 25px;line-height: 25px;}
.collection .condition .con-name{width:50%;height:2.25rem;font-size:0.875rem;line-height: 2rem;padding-left: .75rem;box-sizing: border-box;position: relative}
.collection .condition .con-name .name-t{width: 7.5rem;height:100%;border: none;outline: none;}
.collection .condition .con-select{width: 5rem;height:2rem;display:flex;position:relative;}
.collection .condition .con-select .sel-b{width: 100%;height:2.125rem;line-height:2.125rem;border: none; outline: none; background-color: transparent;}
.collection .condition .con-threeD{font-size: 14px;height:2rem;line-height:2rem;background: none;display: inline-block;position:relative;}
.collection .condition .con-threeD input{margin-right:10px;}

/* 首页更多 */
.public-more{margin-left:auto;font-size:0.75rem;font-weight: 100; width: 3rem; text-align: center;position: relative;cursor: pointer;color: #FCE010;font-size: 1.2rem;font-weight: bold}
.public-more i{width: 3rem;height:3rem; background: url(images/more.png) no-repeat center; background-size:3rem;position: absolute;top:-1rem;left:0;transform: rotate(0);transition: all 1s; }
.public-more i:hover{transform: rotate(180deg);}
.public-right{position:absolute;right:10px;}
.public-right i{top:0px;}
.sub-title > p:first-child{letter-spacing:2px;font-size:1rem;font-weight:bold;display:block;height:50px;line-height:50px;padding:0 30px 0 30px;}

/* 页面栏目导航 */
.row-title{text-align:center;display:flex;align-items: center;justify-content:space-between;flex-wrap:wrap;border-bottom:0.5px solid rgba(135,49,47,0.2);padding:0 1rem;}
.row-title p{font-size:0.875rem;display:flex;align-items:center;justify-content: center;height:3rem;font-weight: bold;}
.row-title p.active,.row-title p:hover{color:#87312F;}

/* 子页面导航 */
.page-nav{width: 100%;height:3rem;line-height:3rem;margin: 0px auto;color: #333;font-size: 0.875rem}
.page-nav>ul{display: flex;}
.page-nav>ul>li{position: relative;padding-right:2rem;white-space: nowrap;}
.page-nav>ul>li:last-child{color: #87312f;}
.page-nav>ul>li:not(:first-child)::before{ content: '';width:0.875rem; height:0.875rem; background: url(images/pagenav-black.png) no-repeat center; position: absolute; left: -22px; top: 18px; }

/* 列表页面 */
.list{width:100%;}
/* 文字列表 */
.list-text li{box-sizing:border-box;height:4rem;display: flex;flex-direction: row;justify-content: space-between;align-items: center;border-top: dashed 1px #666 ;border-right: none;border-left: none;}
.list-text li:last-child{border-bottom: dashed 1px #666;}
.list-text li p{font-size: 0.875rem;color:#666;font-weight:400;}
.list-text li p:first-child{letter-spacing: 1px;text-align:left;width:80%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow:hidden;font-size:16px;font-weight: 400}
.list-text li p:first-child i{display:inline-block;background:url(images/xiangyunhong.png) no-repeat;width: 40px;height: 12px;background-size: contain}
.list-text li p:nth-child(2){white-space: nowrap;padding-left:0.25rem;}
/* 图片列表 */
.list-image{display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap}
.list-image li{width: 49%;display: flex;flex-direction: column;}
.list-image li >div,.list-image li div>p:first-child{width:100%;height:10rem;}
.list-image li >p{display: flex;flex-direction: row;align-items:center;justify-content:center;height:2rem}
.list-image li >p a{font-size:0.875rem;font-weight: 400}
.list-image li >p a:first-child{color:#333;letter-spacing: 1px;white-space: nowrap;text-overflow:ellipsis;overflow:hidden;}
.list-image li >p a:last-child{color:#87312F;white-space: nowrap;font-size:0.75rem;}

.list-image>div{width:100%;height:10rem;margin-bottom:0.25rem;}
.list-image>div:first-child{width:100%;height:10rem;}
.list-image>div:last-child{bottom: 0;}
.list-image>div>p{width: 100%;height:1.5rem;margin-top:-1.5rem;background: rgba(0,0,0,0.3);font-size:0.875rem;color: #fff;line-height:1.5rem;box-sizing: border-box;padding-left:1rem;position:relative;z-index: 9;}
.list-image>div:first-child>p{height:1.5rem;line-height:1.5rem;font-size:0.875rem;padding-left:1rem;display: -webkit-box;overflow: hidden;  -webkit-line-clamp: 1;-webkit-box-orient: vertical;}

/* 图文列表 */
.list-image-text{display:flex; flex-flow: column; justify-content: left;width: 100%;}
.list-image-text li{display:flex;justify-content: flex-start; flex-flow:column;margin-bottom:1rem;}
.list-image-text li > div:first-child,.list-image-text li > div:first-child > p{width:100%;height: 15rem;}
.list-image-text li > div:last-child{width:100%;display:flex;flex-direction:column;padding:1rem;text-align: center;box-sizing: border-box;position: relative;}
.list-image-text li > div:last-child *{font-size:14px;font-weight:400;color:#87312F}
.list-image-text li > div:last-child > p:first-child{height:40px;line-height:40px;font-size:18px;white-space: nowrap;text-overflow:ellipsis;overflow:hidden;}
.list-image-text li > div:last-child > p:nth-child(2){letter-spacing: 1px;}
.list-image-text li > div:last-child > div{color:#666;font-size:14px;height:45px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow:hidden;}
.list-even li:nth-child(even){flex-direction: row-reverse;}
/**/
.page-content{padding-top:0px;min-height:500px;}
.list-content {padding:0px 1rem;text-align: justify;line-height: 160%;color:#666;box-sizing: border-box;}
.list-content h2{font-size:1.2rem;font-weight:bold;text-align:center;color:#333;margin:0;}
.list-content h4{text-align:center;height:2rem;line-height:2rem;margin-bottom:0.5rem;font-size:0.875rem;}
.list-content p{display:block;font-size:0.875rem;text-indent:1.75rem;}
.list-content p span{background-color:transparent;}
.list-content img{text-align:center;max-width:100%;height:auto;display:block;text-indent:0px;margin:0.5rem auto;}
.list-content .detail-pic{width: 100%;height:5rem;margin:2rem auto;background-size: contain !important;}
.list-content .pic{height:10rem;margin:0.5rem auto;}

.page-line{width: 100%;height: 1rem;margin:1rem auto;overflow:hidden;display:flex;align-items: center;justify-content: center}
.page-line .rot{width: 10px;height: 10px;border: 1px solid #87312f; transform: rotate(45deg);float: left;}
.page-share{margin:1rem 0;display:flex;align-items: center;justify-content: center}
.page-share a{border:none !important;display: inline-block;margin: 0 0.5rem !important;font-size:2rem !important;color:#666 !important;}

.parent{overflow:hidden;}
.parent:hover .child{transform:scale(1.2);-webkit-transform:scale(1.2);}
.child{display:block;width:100%;height:100%;border-radius:5px;position: relative;z-index: 1;cursor:pointer;transition-property:all;transition-duration:.6s;-webkit-transform:scale(1);-webkit-transition-property:all;-webkit-transition-duration:.6s}

/* 内容页上边框 */
.sub-content{margin-top: 1rem;}

/*佛山一级栏目页面轮播  官场概述、展览导航*/
.about-swiper{height: 15rem;margin-top:0.5rem;display:block;box-sizing: border-box;}
.about-swiper .swiper-button-prev,
.about-swiper .swiper-button-next{background: none;width: 3rem;height:3rem;background: #FCE010;border-radius: 10px;font-size:1rem;z-index:999;}
.about-swiper .swiper-button-prev{left: 10%;}
.about-swiper .swiper-button-next{right: 10%;}
.about-swiper .swiper-button-prev::after,
.about-swiper .swiper-button-next::after{content: '\e625';font-family: iconfont;color: #666;font-size:1.5rem;}
.about-swiper .swiper-button-next::after{content: '\e624';}
/* 场馆概述 */
.about .about-content{display:block;margin:0.5rem;}
.about .about-content>div{margin-bottom:1rem;}
.about .about-content>div>p{font-size: 1rem;font-weight: 500;color: #333;height:2.625rem;line-height:2.625rem;border-bottom:2px solid #333;display: inline-block;padding-right: 1.25rem;margin-bottom:1rem;}
.about .about-content>div>div>*{padding:0.5rem;font-size: 0.875rem;color: #666;line-height:180%;text-align: justify;}
.about .about-content>div>ul{width: 100%;height: 26vw;position: relative;}
.about .about-content>div>ul>li{position: absolute;}
.about .about-content>div>ul>li:nth-child(1),.about .about-content>div>ul>li:nth-child(2),.about .about-content>div>ul>li:nth-child(3){width:25.9vw;height:25.9vw;top: 0;}
.about .about-content>div>ul>li:nth-child(4),.about .about-content>div>ul>li:nth-child(5),.about .about-content>div>ul>li:nth-child(6),.about .about-content>div>ul>li:nth-child(7){width: 11.15vw;height:11.15vw;}
.about .about-content>div>ul>li:nth-child(1){left: 0;}
.about .about-content>div>ul>li:nth-child(2){left: 50%;margin-left: -12.95vw;}
.about .about-content>div>ul>li:nth-child(3){right: 0;}
.about .about-content>div>ul>li:nth-child(4){top: 20px;left:21.6vw;}
.about .about-content>div>ul>li:nth-child(5){bottom: 20px;left: 21.6vw;}
.about .about-content>div>ul>li:nth-child(6){top: 20px;right: 21.6vw;}
.about .about-content>div>ul>li:nth-child(7){bottom: 20px;right: 21.6vw;}
.about .swiper-line{width: 98%;height: 0.75rem;background: #DE2E2E;position: relative;}
.about .swiper-line::after{content: '';width: 0;height: 0;border-color: #DE2E2E transparent;border-width: 0 1.5rem 1.5rem 0;border-style: solid;position: absolute;right: -1rem;bottom: 0;}
.about .about-content .content_2{height:auto;position: relative;margin-bottom:1rem;}
.about .about-content .content_2 .swiper-container{padding-left: 50px;}
.about .about-content .content_2 .swiper-slide{display: flex;justify-content: start;height:15rem}
.about .about-content .content_2 .swiper-slide:nth-child(odd){height:15rem;}
.about .about-content .content_2 .swiper-slide>div:first-child{width: 10px;height: 100%;    border-left: 1px dashed rgba(222, 46, 46, .3);position: absolute;}
.about .about-content .content_2 .swiper-slide>div:first-child>b{width: 8px;height: 8px;background: #DE2E2E;border-radius: 50%;display: block;position: relative;left: -5px;}
.about .about-content .content_2 .swiper-slide>div:first-child>i{color: #DE2E2E;display: block;    transform: rotate(180deg);font-size: 22px;width: 15px;height: 10px;line-height: 10px;position: absolute;left: -5px;top: 8px;}
.about .about-content .content_2 .swiper-slide>div:first-child>span{width: 0px;height: 166px;border: 3px solid #DE2E2E;    display: block;position: absolute;left: -4px;top: 40px;}
.about .about-content .content_2 .swiper-slide>div:first-child>b:last-child{top: 278px;}
.about .about-content .content_2 .swiper-slide:nth-child(odd)>div:first-child>b:last-child{top: 354px;}
.about .about-content .content_2 .swiper-slide:nth-child(odd)>div:first-child>span{top: 150px;}
.about .about-content .content_2 .swiper-slide>div:last-child{width: 166px;margin: 50px 10px 0;}
.about .about-content .content_2 .swiper-slide>div:last-child>p:first-child{font-size: 1rem;color: #666;}
.about .about-content .content_2 .swiper-slide>div:last-child>p:last-child{font-size: 0.875rem;color: #666;line-height:150%;}
.about .about-content .content_2 .swiper-slide:nth-child(odd)>div:last-child{margin-top: 5rem;}
.about .about-content .content_2 .swiper-button-prev,.about .about-content .content_2 .swiper-button-next{background-image: none;width: 40px;height: 40px;background: rgba(0, 0, 0, .5);border-radius: 50%;color: #fff;top: 100%;}
.about .about-content .content_2 .swiper-button-next{transform: rotate(180deg);}
.about .about-content .content_2 .swiper-button-prev::after,.about .about-content .content_2 .swiper-button-next::after{content: '\e619';font-family: iconfont;}
/* 佛山场馆概述 */
.about2-swiper{display: block;height:20rem;margin:1rem auto 0;}
.about2-swiper::before{content: '';width: 0;height: 100%;border-left: 2px dashed #DE2E2E;margin-left: 17.85vw;margin-top: 0;display: block;}
.about2-swiper .swiper-slide{display: flex;justify-content: space-between;height:20rem;}
.about2-swiper .swiper-slide>div:first-child{width: 22%;color: #DE2E2E;font-size:1.2rem;text-align: right;padding-right:2rem;box-sizing: border-box;}
.about2-swiper .swiper-slide>div:last-child{width: 78%;}
.about2-swiper .swiper-slide>div:last-child>p{padding:0.25rem;font-size: 0.875rem;line-height:120%;color: #333;position: relative;margin-left:2rem;margin-right:2rem;text-align:justify;position: absolute;bottom:0;background-color: rgba(0,0,0,.5);color: white;}
.about2-swiper .swiper-slide>div:last-child>p::before{content: '';display: block;border-left:1.5rem solid #DE2E2E;border-top:1rem solid transparent;border-bottom:1rem solid transparent;    position: absolute;left: -3rem;}
.about2-swiper .swiper-slide>div:last-child>div{width: 90%;height:12rem;margin:auto 1rem;}
/* 佛山新闻中心 */
.news .news_1,.news .news_2,.news .news_3{width:100%;margin:1rem auto 0;position: relative;}
.news .page-list-text{width: 100%;}
.news .news_1 .contents-1{width: 100%;display: flex;flex-direction:column;justify-content: center;margin-top:1rem;}
.news .news_1 .contents-1>div{width: 100%;height:12rem;background-repeat:no-repeat;background-position:center;background-size: cover;}
.news .news_1 .contents-1>ul{width:100%;height:auto;background: #4B4847;color: #fff;font-size: 0.875rem;}
.news .news_1 .contents-1>ul>li{padding: 0 0.5rem;box-sizing: border-box;height:2.5rem;line-height:2.5rem;}
.news .news_1 .contents-1>ul>li>div{display: flex;justify-content:center;border-bottom: 1px solid #707070;height: 100%;}
.news .news_1 .contents-1>ul>li>div>div:first-child{width: 20%;display:flex}
.news .news_1 .contents-1>ul>li>div>div:first-child>p{font-size: 0.975rem;font-weight: bold;letter-spacing:1px;}
.news .news_1 .contents-1>ul>li>div>div:first-child>span{font-size: 0.75rem;display: inline-block;width:100%;text-align: right;}
.news .news_1 .contents-1>ul>li>div>div.title{width: 75%;}
.news .news_1 .contents-1>ul>li>div>div.title>p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news .news_1 .contents-1>ul>li>div>div.title>div{font-size: 0.729vw;color: #ccc;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display:none;}
.news .news_1 .contents-1>ul>li:hover{color: #333;background: url(images/news-2.png) no-repeat center;width:100%;background-size: contain;padding: 0 0.5rem;box-sizing: border-box;border-bottom: none;height: 6.98vw;margin-left: -1.1458vw;}
.public-news-more{position: absolute;right:2rem;bottom: 0.65rem;color: #fff;font-size:0.875rem;letter-spacing: 2px;}
.news .news_1 .pager div:first-child>a{display: none;}
.news .news_1 .pager div:first-child>.page_prev,
.news .news_1 .pager div:first-child>.page_next{display: block;color: #fff;border: none;background: none;margin-left:1rem;}
.news .news_1 .pager{width: 100%;height:2.5rem;line-height:2.5rem;background: #4B4847;margin:0;display:flex;align-items:flex-start;}
.news .news_1 .pager div:first-child>.page_next{transform: rotate(180deg);margin-left:5rem;}
.news .news_1 .pager div:first-child>.page_prev>i,
.news .news_1 .pager div:first-child>.page_next>i{font-size: 2.25rem;}

.news .news_2 {height:auto;overflow-y: hidden;display:flex;flex-direction:column}
.news .news_2 .public-list{display: flex;flex-direction: row;justify-content:space-between;margin:0.5rem 0;}
.news .news_2 .public-list>li{width:33%;font-weight: bold;text-align:center;font-size: 1rem}
.news .news_2 .public-list>li.active{color:red;}
.news .news_2 .condition{margin-top: 0;margin-bottom: 50px;display:none;}
.news .news_2 .page-news-2{display: none;margin:0.5rem;}

.news .news_3 .condition{margin-top: 0;margin-bottom:0.5rem;display:none;}
.news .news_3 .page-list-text>li>div:last-child>p:nth-child(1),
.news .news_3 .page-list-text>li>div:last-child>p:nth-child(3){margin-bottom:0.5rem;display:flex;flex-direction: column;}
.news .news_3 .page-list-text>li>div:last-child>p:nth-child(2)>span{display: block;margin-bottom:0.5rem;font-size:1rem;}
.news .news_3 .page-list-text>li>div:last-child>p:nth-child(2)>span:first-child:before{content: '主持人：';}
.news .news_3 .page-list-text>li>div:last-child>p:nth-child(2)>span:last-child:before{content: '主持人信息：';}
.news .news_3 .page-list-text>li>div:last-child>p:nth-child(2)>span:last-child{font-size:.85rem;line-height: 20px;display: -webkit-box;overflow: hidden;  -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news .news_3 .page-list-text>li>div:last-child>p:nth-child(4)::before{content: '讲座介绍：';font-size: 1rem;}
.news .news_3 .page-list-text>li>div:last-child>p:nth-child(4){margin-bottom: 0;display: -webkit-box;overflow: hidden;  -webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.news_3 .news_1,.news_3 .news_2{display: none;}
.news_2 .news_1,.news_2 .news_3{display: none;}
/* 佛山新闻咨询 */
.venueguides{width: 100%;margin:1rem auto;}
.page-list-news{width: 100%;margin:1rem auto;}
.page-list-news>li{display: flex;width: 100%;height:6rem;justify-content: space-between;box-sizing: border-box;padding:0.5rem 1rem;}
.page-list-news>li>div:first-child,.page-list-news>li>div:last-child{width: 1%;display: none}
.page-list-news>li>div:nth-child(2){width:100%;display: flex;justify-content: center;}
.page-list-news>li>div:first-child>p{font-size: 1rem;color: #333;font-weight: 500;position: relative;margin-top:30px;}
.page-list-news>li>div:first-child>p::after{content: '';display: block;width: 19px;height: 4px;background: #DC2227;position:absolute;right: 35px;top: 25px;}
.page-list-news>li>div:first-child>span{font-size: 18px;color: #999;}
.page-list-news>li>div:nth-child(2)>div:first-child{width: 10rem;height:5rem;margin-right:1rem;}
.page-list-news>li>div:nth-child(2)>div:last-child{width:100%;}
.page-list-news>li>div:nth-child(2)>div:last-child>p{font-size:0.975rem;color: #333;margin-bottom:0.5rem;display: -webkit-box;overflow: hidden;  -webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.page-list-news>li>div:nth-child(2)>div:last-child>span{font-size:.75rem;color: #666;line-height: 1.5rem;display: -webkit-box;overflow: hidden;  -webkit-line-clamp: 1;-webkit-box-orient: vertical;}

.page-list-news>li>div:last-child{display:block}
.page-list-news>li>div:last-child>a{display: inline-block;width:4rem;height:1.5rem;box-sizing: border-box;border-radius:21px;border:1px solid #CCC;color: #666;font-size: .75rem;line-height:1.3rem;text-align: center;margin-top:3.5rem;margin-left:-4rem;}
.page-list-news>li:hover{background: rgba(238, 238, 238, .5);}
.page-list-news>li:hover>div:last-child>a{background: linear-gradient(180deg, #FC7272 0%, #E13434 100%);border: none;color: #fff;line-height: 1.3rem;}
/* 佛山票务预约 */
.ticket .page-ticket{width: 83.33%;margin: 100px auto;}
.ticket .page-ticket>ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.ticket .page-ticket>ul>li{width: 48%;height: 624px;box-shadow: 0px 10px 30px rgba(0,0,0,0.16);margin-bottom: 60px;}
.ticket .page-ticket>ul>li>div:first-child{width: 100%;height: 142px;background: url(images/ticket-1.png) no-repeat center;background-size: cover;line-height: 142px;font-size: 2.25rem;box-sizing: border-box;padding-left: 80px;color: #fff;}
.ticket .page-ticket>ul>li:nth-child(2)>div:first-child{background: url(images/ticket-2.png) no-repeat center;background-size: cover;}
.ticket .page-ticket>ul>li:nth-child(3)>div:first-child{background: url(images/ticket-3.png) no-repeat center;background-size: cover;}
.ticket .page-ticket>ul>li:nth-child(4)>div:first-child{background: url(images/ticket-4.png) no-repeat center;background-size: cover;}
.ticket .page-ticket>ul>li>div:last-child{width: 100%;height: 482px;position: relative;box-sizing: border-box;padding-top: 100px;}
.ticket .page-ticket>ul>li>div:last-child::after{content: '';background: url(images/ticket-5.png) no-repeat center;background-size: cover;width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.ticket .page-ticket>ul>li:nth-child(even)>div:last-child::after{transform:scaleX(-1);}
.ticket .page-ticket>ul>li>div:last-child>i{display: block;width: 207px;height: 207px;border-radius: 50%;border: 1px solid rgba(112, 112, 112, .3);margin: 0 auto;}
.ticket .page-ticket>ul>li>div:last-child>i.cover{background-size: 50% !important;}
.ticket .page-ticket>ul>li>div:last-child>p{font-size: 2.25rem;font-weight: bold;text-align: center;letter-spacing: 10px;margin-top: 10px;color: #6C1413;}
.ticket .page-ticket>ul>li:nth-child(2)>div:last-child>p{color: #A68252;}
.ticket .page-ticket>ul>li:nth-child(3)>div:last-child>p{color: #4D97A1;}
.ticket .page-ticket>ul>li:nth-child(4)>div:last-child>p{color: #1B4B74;}

/* 佛山展览导航 */
.exhibition .about-swiper{height:16rem;}
.exhibition .about-swiper .swiper-slide>div{width: 100%;height: 15rem;border-radius:0.5rem;overflow: hidden;}
.exhibition .about-swiper .swiper-slide>p{width: 100%;text-align: center;font-size: 1.5rem;font-weight: 500;margin-top: 40px;display: none;}
.exhibition .about-swiper .swiper-slide-active>p{display: block;}
.exhibition_1 .page-list-text>li>div:last-child>p:nth-child(2){margin-bottom:1rem;display: none}
/* 佛山展览预约和回顾 */
.exhibition_2 .condition{display: none;}
.exhibition_2 .page-list-yyhg{margin-top: 1rem;}

.exhibition_3 .condition{display:flex;flex-direction: row;align-items:flex-start;justify-content:space-between;padding:0 0.5rem;margin-top:0.25rem;}

.exhibition .con-name{width:9rem;font-size:0.875rem;}
.exhibition .con-name input{width:50%;border:none;}

.exhibition .con-time{width:7rem;font-size:0.875rem;}
.exhibition .con-time input{width:100%;border:none;}
.exhibition .con-select{width:5rem;}
.exhibition .con-select input{border:none;background-color:white;color:black;font-size:0.875rem;}

.page-list-yyhg{margin:1rem;display: flex;justify-content: space-between;flex-wrap: wrap;flex-direction: column;}
.page-list-yyhg>li{width:100%;margin-bottom:1rem;border:1px solid #ccc;}
.page-list-yyhg>li>div{width: 100%;height:12rem;margin-bottom:0.5rem;}
.page-list-yyhg>li>p{font-size: 0.975rem;color: #333;font-weight: bold;padding:0 0.5rem 0.5rem 0.5rem;border-bottom: 1px solid #ccc;}
.page-list-yyhg>li>span{font-size:0.875rem;font-weight: 400;color: #333;margin-left:0.5rem;margin-bottom: 0.5rem}
.page-list-yyhg>li>span::before{content: '\e67c';font-family: iconfont;margin-right:0.5rem;color: #DE2E2E;font-size:.875rem;}
.page-list-yyhg>li>span:last-child:before{content: '\e64e';}
/* 佛山常设展览 */
.page-list-cszl{display:block;margin:1rem;}
.page-list-cszl>li{width:100%;height:14rem;box-shadow:0px 5px 10px rgb(0 0 0 / 30%);margin-bottom:1rem;color: #333;font-weight: bold;}
.page-list-cszl>li>div{width: 100%;height: 10rem;}
.page-list-cszl>li>p{height: 2rem;text-align: center;font-size:1rem;line-height:2rem;}
.page-list-cszl>li>span{display: inline-block;width:50%;border-top: 1px solid #ccc;text-align: center;height:2rem;line-height:2rem;font-size:0.875rem;box-sizing: border-box;}
.page-list-cszl>li>span:last-child{border-left: 1px solid #ccc;}
.page-list-cszl>li>span::before{content: '展览时间：';color: #FCE010;}
.page-list-cszl>li>span:last-child::before{content: '展览地点：';}
/* 佛山虚拟展厅 */
.page-list-xnzt{margin:1rem;display:block;}
.page-list-xnzt>li{display:block;height:16rem;margin-bottom:1rem;position: relative;box-sizing: border-box;border-radius: 0.5rem;overflow: hidden;}
.page-list-xnzt>li>div:last-child{width: 100%;height:4rem;box-sizing: border-box;background: rgba(0, 0, 0, .5);color: #fff;padding:1rem;position: absolute;bottom: 0;display:flex;align-items: center;}
.page-list-xnzt>li>div:last-child>p{font-size:1rem;font-weight: 400;text-align: center;}
.page-list-xnzt>li>div:last-child>span{display:none;font-size: 1rem;letter-spacing: 1px;line-height: 2rem;}

.public-virtual{width: 10rem;height:10rem;border-radius: 50%;border: 1px solid rgba(22, 146, 252, .5);margin:1rem auto;position: relative;box-sizing: border-box;padding:7px;}
.public-virtual::before{width: 5rem;height:5rem;border-top: 4px solid rgba(22, 146, 252, .5);border-right:4px solid rgba(22, 146, 252, .5);border-top-right-radius: 100%;position: absolute;display: block;content: '';right: -5px;top: -5px;}
.public-virtual::after{width:5rem;height:5rem;border-bottom:4px solid rgba(22, 146, 252, .5);border-left:4px solid rgba(22, 146, 252, .5);border-bottom-left-radius: 100%;position: absolute;display: block;content: '';left: -5px;bottom: -5px;}
.public-virtual>div{width: 9rem;height: 9rem;border: 1px solid rgba(22, 146, 252, .5);border-radius: 50%;position: relative;}
.public-virtual>div::before{content: '';width:9rem;border-top: 1px solid rgba(22, 146, 252, .3);position: absolute;top: 50%;}
.public-virtual>div::after{content: '';height:9rem;border-left: 1px solid rgba(22, 146, 252, .3);position: absolute;left: 50%;top: 0;}
.public-virtual>div>i{width: 4rem;height:4rem;border-top:2px solid rgba(22, 146, 252, .5);border-left:2px solid rgba(22, 146, 252, .5);border-top-left-radius: 100%;display: block;position: absolute;top: 10px;left: 10px;}
.public-virtual>div>i:last-child{transform: rotate(180deg);top: auto;left: auto;bottom: 8px;right: 8px;}

.public-virtual>div>p{width: 6rem;height:6rem;background: rgba(22, 146, 252, .9);line-height: 6rem;text-align: center;color: #fff;border-radius: 50%;margin:1.5rem auto;font-size: 1rem;}
/* 佛山党建专栏 */
.party-content>ul{width:auto;height:18rem;display: flex;justify-content: start;margin:0.5rem;}
.party-content>ul>li{width: 11.875%;height:100%;background: #6C1413;color: #fff;}
.party-content>ul>li:nth-child(2){background: #A88556;}
.party-content>ul>li:nth-child(3){background: #4D97A1;}
.party-content>ul>li:nth-child(4){background: #11416A;}
.party-content>ul>li:nth-child(5){background: #AA8480;}
.party-content>ul>li:nth-child(6){background: #2D5E6C;}
.party-content>ul>li>div{display: none;}
.party-content>ul>li>p{width:100%;height: 100%;writing-mode: vertical-lr;font-size: 1rem;letter-spacing: 10px;text-align: center;line-height: 140%;box-sizing: border-box;padding-left:8px;}
.party-content>ul>li.active{width: 40.625%;}
.party-content>ul>li.active>p{writing-mode:horizontal-tb;width: 100%;height: 4rem;line-height:200%;display:flex;align-items: center;justify-content: center;}
.party-content>ul>li.active>div{display: block;width: 90%;margin: 0 auto;line-height: 150%;font-size:0.75rem;text-align: justify;}
.party-content>div{width:100%;margin:2rem auto;height:auto;overflow:hidden;}
.party-content>div>ul:first-child{display: flex;justify-content: center;color: #333;font-size: 0.975rem;font-weight: bold;}
.party-content>div>ul:first-child>li{letter-spacing: 5px;height: 2rem;line-height:2rem;}
.party-content>div>ul:first-child>li:last-child::before{content: '';width: 9px;height: 25px;display: inline-block;background: url(images/party-1.png) no-repeat center;background-size: cover;margin: 0 3rem;margin-bottom:-5px;}
.party_2 .active:before,.party_3 .active:before{display:none !important;}
.party-content>div>ul:first-child>li.active{color: #FCE010;position: relative;}
.party-content>div>ul:first-child>li.active::after{content:'';border-bottom: 2px solid #FCE010;width: 5.25rem;position: absolute;bottom: 0;right:0rem;}
.party-content>div>div{display:none}
.party-content>div>div:nth-child(2){display: block}

/* page-list-text */
.page-list-text{width:100%;margin:2rem auto;}
.page-list-text>li{height:auto;background: rgba(255,255,255,0.39);box-shadow: 0px 6px 15px rgba(0,0,0,0.16);box-sizing: border-box;padding:1rem;display: flex;flex-direction:column;justify-content: start;margin:1rem;}
.page-list-text>li>div:first-child{width: 100%;height:15rem;}
.page-list-text>li>div:last-child{width: 100%;box-sizing:border-box;padding:0.5rem;position: relative;}
.page-list-text>li>div:last-child>p:first-child{font-size: 1rem;color: #333;margin-bottom:1rem;display: -webkit-box;overflow: hidden;  -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.page-list-text>li>div:last-child>p:nth-child(2){width:90%;font-size:0.875rem;color: #666;display:flex;flex-direction:column;overflow: hidden;  -webkit-line-clamp:2;-webkit-box-orient: vertical;}
.page-list-text>li>div:last-child>p:nth-child(3){font-size: .875rem;color: #333;margin-bottom:1rem;display:flex;flex-direction: column}
.page-list-text>li>div:last-child>p:nth-child(3)>span:before{font-family: iconfont;content: '\e67c';font-size: 20px;color: #DE2E2E;margin-right: 10px;}
.page-list-text>li>div:last-child>p:nth-child(3)>span:last-child::before{margin: 0 10px 0 0px;content: '\e64e';}
.page-list-text>li>div:last-child>p:nth-child(4){text-align:justify; color: #666;font-size:.85rem;line-height: 25px;margin-bottom:1rem;width:100%;display: -webkit-box;overflow: hidden;  -webkit-line-clamp: 4;-webkit-box-orient: vertical;display:none;}
.page-list-text>li>div:last-child .actstype{width: 5rem;height:2rem;border-radius:0.5rem 0 0 0;font-size:0.75rem;line-height:2rem;right: 0;position: absolute;top:-2rem;}
.page-list-text>li>div:last-child a{font-size: .875rem;margin-left:auto;letter-spacing: 2px;display: flex;justify-content: end;bottom: 20px;}
.page-list-text>li>div:last-child a>span{width: 100px;height: 20px;position: relative;}
.page-list-text>li>div:last-child a>span>i{position: absolute;}
.page-list-text>li>div:last-child a>span>i:first-child{width: 22px;height: 22px;border: 1px solid #58412D;box-sizing: border-box;display:block;padding: 5px;transform: rotate(45deg);right: 68px;top: 0px;}
.page-list-text>li>div:last-child a>span>i:first-child>i{width: 10px;height: 10px;background: #58412D;display:block;}
.page-list-text>li>div:last-child a>span>i:nth-child(2){width: 10px;height: 10px;background: #58412D;display:block;transform: rotate(45deg);right: 52px;top: 6px;}
.page-list-text>li>div:last-child a>span>i:last-child{width: 53px;height: 0px;border: 1px dashed #58412D;display:block;right: -4px;top: 10px;}

/* 佛山参观服务 */
.public-vist-title>h2{font-size: 1.25rem;font-weight: 500;letter-spacing: 5px;margin-bottom:0.5rem}
.public-vist-title>p{font-size: 0.875rem;margin-bottom:0.5rem;}
.public-vist-title>span{width:77px;height: 0;border-bottom: 4px solid #fff;display: block;}

.sub-content>.visit-1{height:10rem;position: relative;background:url(images/guide.png) no-repeat center;background-size:cover}
.sub-content>.visit-1>i{position: absolute;display: block;}
.sub-content>.visit-1>i:nth-child(1){width: 17.75vw;height: 22.95vw;left: 0;top: 1.56vw;background: url(images/visit-1-3.png) no-repeat center;background-size: cover;}
.sub-content>.visit-1>i:nth-child(2){width: 31.82vw;height: 12.26vw;left: 0.94vw;top: 0;background: url(images/visit-1-1.png) no-repeat center;background-size: cover;}
.sub-content>.visit-1>i:nth-child(3){width: 32.13vw;height: 12.45vw;left: 0.625vw;bottom:0;background: url(images/visit-1-2.png) no-repeat center;background-size: cover;}
.sub-content>.visit-1>i:nth-child(4){width: 27.23vw;height: 18.35vw;left: 19.33vw;top:4.01vw;background: url(images/visit-1-7.png) no-repeat center;background-size: cover;}
.sub-content>.visit-1>i:nth-child(5){width: 28.76vw;height:12.57vw;left: 34.9vw;top:0;background: url(images/visit-1-8.png) no-repeat center;background-size: cover;}
.sub-content>.visit-1>i:nth-child(6){width: 28.46vw;height: 12.18vw;left:34.9vw;bottom:0;background: url(images/visit-1-10.png) no-repeat center;background-size: cover;}
.sub-content>.visit-1>i:nth-child(7){width: 33.06vw;height: 19.58vw;right: 19.79vw;top:3.39vw;background: url(images/visit-1-9.png) no-repeat center;background-size: cover;}
.sub-content>.visit-1>i:nth-child(8){width: 28.46vw;height: 12.26vw;right: 6.09vw;top:0;background: url(images/visit-1-4.png) no-repeat center;background-size: cover;}
.sub-content>.visit-1>i:nth-child(9){width: 28.15vw;height: 11.77vw;right: 6.4vw;bottom:0;background: url(images/visit-1-5.png) no-repeat center;background-size: cover;}
.sub-content>.visit-1>i:nth-child(10){width: 18.92vw;height: 23.25vw;right: 0;top:1.56vw;background: url(images/visit-1-6.png) no-repeat center;background-size: cover;}

.sub-content>.visit-1>ul>li{width: 150px;text-align: center;position: absolute;height: 70px;}
.sub-content>.visit-1>ul>li:nth-child(1){top: 54px;left: 50%;margin-left: -115px;}
.sub-content>.visit-1>ul>li:nth-child(2){left: 554px;top: 50%;margin-top: -35px;}
.sub-content>.visit-1>ul>li:nth-child(3){right: 594px;top: 50%;margin-top: -35px;left: auto;}
.sub-content>.visit-1>ul>li:last-child{bottom: 54px;left: 50%;margin-left: -115px;top: auto;}
.sub-content>.visit-1>ul>li>p:first-child{font-size: 2rem;color: #333;font-weight: bold;}
.sub-content>.visit-1>ul>li>p:last-child{font-size:0.9375vw;color: #666;}

.sub-content>.visit-heard{width: 100%;background: url(images/visit-2-1.png) no-repeat left;background-size: cover;margin: 0rem auto;position: relative;display: flex;flex-direction:column;justify-content: center;box-sizing: border-box;padding: 0.5rem;}
.sub-content>.visit-heard>div:last-child{display:none;position: absolute;width: 4rem;height:8rem;background: url(images/visit-2-2.png) no-repeat center;background-size: cover;top: 50%;left: 50%;margin-top: -175px;margin-left: -93px;}
.sub-content>.visit-heard>div:nth-child(1),
.sub-content>.visit-heard>div:nth-child(2){height: 100%;position: relative;}
.sub-content>.visit-heard>div:nth-child(2){background-color:white;}
.sub-content>.visit-heard>div:nth-child(2)>.public-vist-title>span{border-bottom: 4px solid #333;float: right;}
.sub-content>.visit-heard>div:nth-child(2)>.public-vist-title{text-align: right;font-weight: bold;}
.sub-content>.visit-heard>div:nth-child(1){color: #fff;margin:0.5rem;}
.sub-content>.visit-heard>div:nth-child(1)>ul:nth-child(2){display: flex;justify-content: space-between;width:100%;margin-top:0.5rem;}
.sub-content>.visit-heard>div:nth-child(1)>ul:nth-child(2)>li{position: relative;}
.sub-content>.visit-heard>div:nth-child(1)>ul:nth-child(2)>li:not(:last-child)::after{content: '~';font-size: 2.083vw;position: absolute;top: 0;right: -5.5rem;}
.sub-content>.visit-heard>div:nth-child(1)>ul:nth-child(2)>li>p:first-child{font-size:0.875rem;}
.sub-content>.visit-heard>div:nth-child(1)>ul:nth-child(2)>li>p:first-child>span{font-size:0.875rem;font-weight: bold;}
.sub-content>.visit-heard>div:nth-child(1)>ul:nth-child(2)>li>p:last-child{font-size: .875rem;}
.sub-content>.visit-heard>div:nth-child(1)>div:nth-child(3)>p{font-size:0.875rem;margin:0.5rem auto;}
.sub-content>.visit-heard>div:nth-child(1)>div:nth-child(3)>span{width: 100%;height: 0;border-bottom:1px solid #fff;display: block;}
.sub-content>.visit-heard>div:nth-child(1)>div:nth-child(4){width:100%;font-size:0.875rem;margin-top:1rem;}
.sub-content>.visit-heard>div:nth-child(1)>div:nth-child(4)>p{margin-bottom:0.5rem;margin-left:4rem;}
.sub-content>.visit-heard>div:nth-child(1)>div:nth-child(4)>p>span{font-weight: bold;letter-spacing:0.5rem;margin-left:-3.6rem;}
.sub-content>.visit-heard>div:nth-child(1)>span:nth-child(5){font-size: 0.75rem;letter-spacing: 0px;line-height:160%;width: 100%;display: inline-block;text-align:justify;}
.sub-content>.visit-heard>div:nth-child(2) .notice-list{display: flex;justify-content: space-between;width: 80%;margin:1rem 1rem 0 auto;}
.sub-content>.visit-heard>div:nth-child(2) .notice-list>li{width: 20%;height: 2rem;border-radius: 10px;text-align: center;line-height: 2rem;border: 1px solid #999;color: #666;font-size: 0.75rem;font-weight: 550}
.sub-content>.visit-heard>div:nth-child(2) .notice-list>li.active{border: 1px solid #C35F51;color: #C35F51;font-size: 0.75rem;}
.sub-content>.visit-heard>div:nth-child(2) .notice-cont{width:90%;margin-left:10%;border: 1px solid #C35F51;border-radius:0.25rem;box-sizing: border-box;height:15rem;margin:0.5rem 0.5rem 0.5rem auto;padding:1rem;display: none;overflow-y: auto;}
.sub-content>.visit-heard>div:nth-child(2) .icon-jiantoushang{position: absolute;top:6.55rem;right:76%;font-size: 20px;color: #C35F51;margin-right: -6px;width: 12px;height: 12px;background-color: #fff;border: solid #C35F51;border-width: 0 1px 1px 0;transform: rotate(-135deg);-webkit-transform: rotate(-135deg);}
.sub-content>.visit-heard>div:nth-child(2) .notice-cont>ol{font-size: 0.875rem;color: #666;}
.sub-content>.visit-heard>div:nth-child(2) .notice-cont>ol>li{margin-left:1rem;margin-bottom:1rem;counter-reset: sectioncounter;}
.sub-content>.visit-bottom{width:100%;margin:1rem auto;position: relative;display: flex;flex-direction:column;justify-content: center;box-sizing: border-box;background-color: #FAFAFA;}
.sub-content>.visit-bottom>.ditu{width: 100%;height: 15rem;}
.sub-content>.visit-bottom>.bus{width:100%;box-sizing: border-box;padding:1rem;}
.sub-content>.visit-bottom>.bus .public-vist-title>span{border-bottom: 4px solid #333;}
.sub-content>.visit-bottom>.bus ul:nth-child(2){font-size: 0.875rem;color: #666;margin-top:1rem;line-height:160%;}
.sub-content>.visit-bottom>.bus ul:nth-child(2)>li>span{font-weight: bold;}
.sub-content>.visit-bottom>.bus div:nth-child(3){margin-top:1rem;color: #666;}
.sub-content>.visit-bottom>.bus div:nth-child(3)>p{font-size: 1.25rem;font-weight:500;margin-bottom:0.5rem;}
.sub-content>.visit-bottom>.bus div:nth-child(3)>span{font-size: 0.875rem;line-height: 200%;}
.sub-content>.visit-bottom>.bus .bottom-icon{width: 100%;display: flex;justify-content: space-between;margin-top:1rem;}
.sub-content>.visit-bottom>.bus .bottom-icon>li{width: 20%;height:4.5rem;background: url(images/visit-3-1.png) no-repeat center;background-size: cover;}
.sub-content>.visit-bottom>.bus .bottom-icon>li:nth-child(2){background: url(images/visit-3-2.png) no-repeat center;background-size: cover;}
.sub-content>.visit-bottom>.bus .bottom-icon>li:nth-child(3){background: url(images/visit-3-3.png) no-repeat center;background-size: cover;}
.sub-content>.visit-bottom>.bus .bottom-icon>li:nth-child(4){background: url(images/visit-3-4.png) no-repeat center;background-size: cover;}

.sub-content>.visit-route{width:100%;padding:1rem;box-sizing: border-box;background-color: #FAFAFA;display: flex;flex-direction:column;justify-content: center;}
.sub-content>.visit-route>div:first-child{width: 100%;height: 100%;box-sizing: border-box;}
.sub-content>.visit-route>div:last-child{width:100%;height: 14rem;overflow:hidden;display:block;}
.sub-content>.visit-route>div:first-child .public-vist-title{text-align:left;margin-bottom:1rem;}
.sub-content>.visit-route>div:first-child .public-vist-title>span{border-bottom: 4px solid #333;}
.sub-content>.visit-route>div:first-child ul{width: 100%;height:2rem;line-height:2rem;text-align: center;display: flex;flex-direction: row;align-items: center;justify-content: space-between;}
.sub-content>.visit-route>div:first-child ul>li{width: 100%;height: 1.5rem;line-height:1.5rem;}
.sub-content>.visit-route>div:first-child ul>li.active{background: #666666;color: #fff;}
.sub-content>.visit-route .visit-route-sub>div{display: flex;justify-content: center;height: 100%;}
.sub-content>.visit-route .visit-route-sub>div>div:first-child{width: 60%;height: 100%;}
.sub-content>.visit-route .visit-route-sub>div>div:last-child{width:40%;height: 100%;box-sizing: border-box;}
.sub-content>.visit-route .visit-route-sub>div>div:last-child>p{width: 100%;font-size:1rem;text-align: center;margin-bottom:0.5rem;}
.sub-content>.visit-route .visit-route-sub>div>div:last-child>div{width: 80%;font-size:0.875rem;margin: 0 auto;text-indent: 2em;}
.sub-content>.visit-route .visit-route-sub>div>div:last-child>div p{line-height: 200%}

/* 佛山史话 */
.wenboworld .page-list-text{margin-top:1rem;}
.wenboworld .page-list-text>li>div:last-child>p:first-child::before{content: '题目：';}
.wenboworld .page-list-text>li>div:last-child>p:nth-child(2)>span:first-child{margin-right: 130px;}
.wenboworld .page-list-text>li>div:last-child>p:nth-child(2)>span:first-child::before{content: '作者：';}
.wenboworld .page-list-text>li>div:last-child>p:nth-child(2)>span:last-child::before{content: '时间：';}
.wenboworld .page-list-text>li>div:last-child>p:nth-child(3){line-height: 24px;display: -webkit-box;overflow: hidden;  -webkit-line-clamp:4;-webkit-box-orient: vertical;width: 100%;margin-top:1rem;}
/* page-list-image */
.page-list-image{width: 100%;display: flex;justify-content:space-between;flex-wrap: wrap;}
.page-list-image>li{width:49%; height:auto;background: rgba(255,255,255,0.39);border: 1px solid #aaa;box-sizing: border-box;margin-bottom: 1rem;}
.page-list-image>li>div{width: 100%;height: 8rem;}
.page-list-image>li>p{font-size:0.875rem;font-weight:400;color: #333;width:auto; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin:0.5rem;}
.page-list-image>li>span{font-size:0.75rem;display: block;margin-left:0.25rem;margin-bottom:0.5rem;overflow:hidden;text-overflow: ellipsis;display:block;}
.page-list-image>li>span:before{font-family: iconfont;content: '\e67c';font-size:0.875rem;color: #DE2E2E;margin-right:0.25rem;}
.page-list-image>li>span:last-child::before{content: '\e64e';}
.page-list-image>li .actstype{width:5rem;height:1.5rem;line-height:1.5rem;font-size:0.75rem;}

/* page-colsub */
.page-colsub{width:auto;margin:0.5rem;display: flex;justify-content:space-between;flex-wrap: wrap;}
.page-colsub .colsub{width:49%;height:13rem;}
.page-colsub .colsub .colsub-img{width: 100%;height:10rem}
.page-colsub .colsub .colsub-img>div{width: 100%;height: 100%;}
.page-colsub .colsub .colsub-title{font-size:0.875rem;color: #333;text-align: center;width: 100%;height:3rem;line-height:120%;margin:0.25rem auto;}
.wenboworld_1 .pager{margin-bottom:2rem;}

/* list-image-party */
.list-image-party{box-sizing:border-box;margin:1rem;display: flex;justify-content: start;flex-wrap: wrap;flex-direction:column}
.list-image-party>li{display:block;width:100%;height:18rem;margin:0.5rem 0;border: 1px dashed #999;}
.list-image-party>li:nth-child(3n){margin-right: 0;}
.list-image-party>li>div:first-child{width: 100%;height: 12rem;}
.list-image-party>li>div:nth-child(2){width: 100%;box-sizing: border-box;padding:0.5rem;border-bottom: 1px dashed #999;height:2rem;}
.list-image-party>li>div:nth-child(2)>p{font-size:0.9375rem;font-weight: bold;color: #333;margin-bottom:1rem;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.list-image-party>li>div:nth-child(2)>span{font-size:.875rem;color: #666;line-height: 1.75rem;text-indent: 2em;display:none;overflow: hidden;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.list-image-party>li>div:nth-child(3){box-sizing: border-box;padding:0.5rem;position: relative;}
.list-image-party>li>div:nth-child(3)>span{font-size: 0.75rem;font-weight: bold;}
.list-image-party>li>div:nth-child(3) a{font-size: .875rem;letter-spacing: 2px;display: flex;justify-content:end;}
.list-image-party>li>div:nth-child(3) a>span{width: 100px;height: 20px;position: relative;}
.list-image-party>li>div:nth-child(3) a>span>i{position: absolute;}
.list-image-party>li>div:nth-child(3) a>span>i:first-child{width: 22px;height: 22px;border: 1px solid #58412D;box-sizing: border-box;display:block;padding: 5px;transform: rotate(45deg);right: 0;top: 0px;}
.list-image-party>li>div:nth-child(3) a>span>i:first-child>i{width: 10px;height: 10px;background: #58412D;display:block;}
.list-image-party>li>div:nth-child(3) a>span>i:nth-child(2){width: 10px;height: 10px;background: #58412D;display:block;transform: rotate(45deg);right: 28px;top: 6px;}
.list-image-party>li>div:nth-child(3) a>span>i:last-child{width: 53px;height: 0px;border: 1px dashed #58412D;display:block;right: 40px;top: 10px;}
/* 活动状态 */
.actstype{width:6rem;height:2rem;background: linear-gradient(180deg, #FE7676 0%, #DE2F2F 100%);border-radius: 0px 0px 0px 10px;font-size:0.875rem;line-height:2rem;color: #fff;text-align: center;letter-spacing: 3px;float: right;}
.gray{background: linear-gradient(180deg, #CCCCCC 0%, #666666 100%);}
/* 活动状态----完 */

.n1{width: 100%;height: 100%;margin: 0 auto;}
.n1 .notices{width:90%;height: 100%;margin: 0 auto;}
.n1 .notices .p1{font-size: 32px; line-height: 42px;text-align: center;margin-top: 30px;}
.n1 .notices .p2{font-size: 14px;color: #666666;line-height: 19px;margin-top: 20px;text-align: center;}
.n1 .notices .p3{font-size: 18px;line-height: 35px;color: #666666;margin-top: 60px;text-indent: 2em;}
.n1 .notices .notices-1{width: 442px;height: 94px;color: #666666;margin-top: 20px;line-height: 35px;}
.n1 .notices .p7{width: 138px;height: 59px;margin: 20px auto;text-indent: 0.8em;line-height: 35px;}
.n1 .hr{width: 90%;height: 15px;margin:20px auto;}
.n1 .hr .rot{width: 10px;height: 10px;border: 1px solid #87312f; transform: rotate(45deg);float: left;}
.n1 .detail-share{text-align: center;margin: 20px 0;font-size: 14px;}
.n1 .detail-share>span{width: 20px;height: 20px;display: inline-block;margin: 0 5px;font-size:22px;}
.n1 .detail-share>span>i{font-size: 20px;}


/* 搜索 */
.subfixed{background: url(images/tour3.png?v=1) center;}
.coll-header{width: 100%;height: 500px;background: url(images/tour3.png?v=1) center; color: #fff;box-sizing: border-box;padding: 30px 100px 0;position: relative;overflow: hidden;margin:0 auto;}
.coll-header .ch-title{width: 200px;height: 100px;font-weight:bold;line-height: 100px;margin:40px 0;text-align: center;background: url(images/rect-w-s.png?v=1) no-repeat center;background-size: 100%;letter-spacing: 10px;font-size: 20px;}
.coll-header .ch-remark{width: 50%;font-size: 15px;line-height: 180%;margin-top: 30px;text-align: justify;text-indent:30px;}
.coll-header .ch-img{width: 400px;height:400px;position: absolute;bottom: 0px;right: 100px;overflow: hidden;z-index: 10;}
.coll-header .ch-img-bg{width: 50%;height: 100%;position: absolute;top: 0;right: 50px;opacity: .2;}

/* 清除浮动 */
.clearfix::after{content:'';display: block;height: 0;clear: both; visibility: hidden;}
.clearfix{*zoom:1;}
/* 数字典藏 collection---------end */


/* 文博天地详情页 */
.detail{width: 100%;margin: 0 auto 2rem;}
.detail .detail-cont{width:100%;margin: 0 auto;display: flex;justify-content: space-between;flex-direction: column;}
.detail .detail-cont .detail-img{width:100%;height:20rem;position: relative;}
.detail .detail-cont .detail-img>.i-img{background-image: linear-gradient(to bottom, #627891 0%,#DDE6F5 100%);width: 100%;height:15rem;}
.detail .detail-cont .detail-img>.i-img>div{height:100%;width:calc(100% - 155px);margin: auto;}
.detail .detail-cont .detail-img>ul{width:100%;height:5rem;background-color:white;margin-top: 0.5rem;display: flex;justify-content: center;overflow-x: auto;}
.detail .detail-cont .detail-img>ul li{width:6rem;height:4rem;margin-right:0.5rem;}
.detail .detail-cont .detail-img>a>i{display: block;width: 50px;height: 50px;position: absolute;bottom: 170px;right: 20px;}
.detail .detail-cont .detail-img>a>i{color: #fff;font-size: 36px;}

.detail .detail-cont .detail-remark{position: relative;display:block;margin:0 1rem;}
.detail .detail-cont .detail-remark .dr-title{font-size: 1.25rem;color: #333;font-weight:500;position: relative;margin: 0.5rem 0 1rem;padding-bottom:0.5rem;}
.detail .detail-cont .detail-remark .dr-title::after{content: '';width: 234px;height: 0;border-bottom: 4px solid rgba(51, 51, 51, .5);display: block;position: absolute;bottom: 0;}
.detail .detail-cont .detail-remark .dr-size{font-size: 0.875rem;color: #333;font-weight: 500;margin-bottom:1rem;text-align: center;}
.detail .detail-cont .detail-remark .dr-size>a:nth-child(2){margin: 0 10px;}
.detail .detail-cont .detail-remark .dr-word{font-size: 0.875rem;color: #333;text-indent: 1.75rem;text-align: justify;height:auto;overflow-y: auto;color: #999;}
.detail .detail-cont .detail-remark .dr-word p{line-height:160% !important;float: none !important;}
.detail .detail-cont .detail-remark .dr-word p img{display:block;text-align:center;margin:10px auto;}
.detail .detail-cont .detail-remark .dr-button{display: flex;justify-content:space-between;margin:0 10%;}
.detail .detail-cont .detail-remark .dr-button>li{width:3.5rem;height:3.5rem;margin-top: 1rem}
.detail .detail-cont .detail-remark .dr-button>li>i{display:flex;align-items: center;justify-content: center;width: 100%;height: 100%;color: #fff;background-image: linear-gradient(to bottom, #C84946 0%,#E65F53 100%);border-radius:0.5rem;text-align: center;line-height:2rem;font-size:2rem;}
.detail .detail-cont .detail-remark .dr-button>li>p{text-align: center;font-size: 0.875rem;font-family: Microsoft YaHei;margin-top:0.5rem}
/* 视频/音频、3D */
.popup-audio{width: 100%;height: 120px;background-color: #f3f3f3;margin-top: 30px;box-sizing: border-box;padding:0 50px;}
.popup-audio>div:first-child{height: 50px;line-height: 50px;}
.popup-audio>div:first-child>p{display: inline-block;}
.popup-audio>div:first-child>i{float: right;font-size: 36px;cursor: pointer;}
.popup-audio>div:first-child>i:hover{color: #DC2227;}
.popup-audio>div:last-child>audio{width: 100%;}
.open-video{width: 1200px;}
.qjzs{width: 1600px;height: 850px;}

/* 详情页放大 */
.watermark {text-align:center;position:absolute;width:171px;height:211px;z-index:99999999999999999999999999;font-weight: bold;font-size: larger;color:red;opacity: 0.5;}
.big{width: 100%;height: 100%;background-color: #000;position: fixed;top: 0;left: 0;display: none;}
.big .big-img{width: 80%;height: 100%;background-image: linear-gradient(to bottom, #627891 0%,#DDE6F5 100%);margin: 0 auto;position: relative;}
.big .big-img>.bi-img{display:block;width: 100%;height: 100%;}
.big .big-img>.bi-img>div{width: 100%;height: 100%;}
.big .big-img>.bi-img>div>img0{position: absolute;bottom: 30%;left: 40%;opacity: .6;}
.big .bi-but{width: 50px;height: 150px;background-color: #999;position: absolute;top: 50%;right: -65px;margin-top: -75px;}
.big .bi-but>a{display: block;height: 50px;text-align: center;line-height: 50px;}
.big .bi-but>a>i{font-size: 26px;color: #fff;}

.zoom{position: fixed;display:block;width:100%;height:100%;left:0;right:0;top:0;bottom:0;background:url(images/zoom-1.png) no-repeat center;background-size: cover;}
#pageContent {left:0;top:0;bottom:0;width:100%;height:100%;display:block;overflow:hidden;position:fixed;margin:auto;}
#imgContainer {width: 100%;height:100%;}
#positionButtonDiv {background: rgb(58, 56, 63);background: rgba(58, 56, 63, 0.8);border: solid 1px #100000;color: #fff;padding: 8px;text-align: left;position: absolute;right:35px;top:35px;}
#positionButtonDiv .positionButtonSpan img {float: right;border: 0;}
.positionMapClass area {cursor: pointer;}
.zoomButton {border: 0;	cursor: pointer;}

.zoom .bi-but{width: 100px;height: 400px;position: absolute;top: 50%;right:0;margin-top:-200px;}
.zoom .bi-but>a{display: block;height: 98px;text-align: center;background: rgba(0, 0, 0, .5);color: #fff;margin-bottom: 2px;font-size: 18px;box-sizing: border-box;padding-top: 15px;}
.zoom .bi-but>a>i{font-size: 40px;color: #fff;display: block;}
.zoom .bi-but>a:first-child{border-top-left-radius: 10px;}
.zoom .bi-but>a:last-child{border-bottom-left-radius: 10px;}
/* 数字典藏详情页----------------------------end */

/* 分页样式 */
.pager{ display:block;margin:1rem; text-align: center; }
.pager div:first-child { display: flex;align-items:center;justify-content: center; }
.pager div:last-child { display: none; }
.pager a { width: 2rem; height:2rem;line-height:2rem; display: inline-block; cursor: pointer;margin:auto 2px; text-align: center; border-radius: 10px;border:2px solid #FCE010;font-size: 0.975rem}
.pager div:first-child a:not(:first-child):not(:last-child) {color: #666; }
.pager div:first-child a:not(:first-child):not(:last-child):hover { background-color:#FCE010; color: #666; }
.pager div:first-child .page_current { background-color: #FCE010; color: #666 !important; }
.pager div:first-child a.page_prev,.pager div:first-child a.page_next {background-color: #FCE010;width: 2.5rem;height:2.5rem;line-height:2.5rem;}
.pager div:first-child a.page_prev{}
.pager div:first-child a.page_next{}
.pager div:first-child a.page_prev>i,.pager div:first-child a.page_next>i {font-size: 2rem;}
.page{border-color:#ccc !important;}

.detail-item{width:3rem;height:10rem;position: fixed;right:1rem;top:50%;margin-top:-5rem;z-index: 99999;}
.detail-item>li{width: 100%;height:3rem;box-shadow: 0px 10px 30px rgba(0,0,0,0.16);border-radius: 50%;line-height:3rem;text-align: center;color: #333;margin-bottom: 20px;background-color:white;}
.detail-item>li>i{font-size: 1.25rem;}

.page-picture{padding-left:6px;padding-bottom:0px;width:90%;margin:0 auto;display:flex;justify-content:space-between;flex-wrap: wrap;}
.page-picture > div{float:left;width:45%;height:10rem;margin:0 0 1rem 0;border:1px solid #F5F4F4;box-shadow: 0px 2px 3px #E1E0DF;cursor:pointer;}
.page-picture > div:nth-child(3n+0){margin-right:0 !important;}
.page-picture > div:hover{color:#c21e26;box-shadow:0px 0px 5px 0px #35725D;}
.page-picture > div:hover label{color:#35725D;}
.page-picture > div a{display: block;width:100%;height:8rem;background-color:white;background-position:center;background-repeat:no-repeat;border-bottom:1px solid #F5F4F4;margin-top:1px;}
.page-picture > div label{display:inline-block;vertical-align:middle;text-align:center;height:2rem;max-height:2rem;font-size:0.875rem;width:100%;line-height:120%;padding:5px;overflow:hidden;cursor:pointer;text-overflow: ellipsis;}
.page-picture > div p,.page-picture > div span,.page-picture > div div{display:none;}

/* page-colsub-list */
.page-colsub-list{width:90%;margin:1rem auto;display: flex;justify-content:space-between;flex-wrap: wrap;}
.page-colsub-list>div{width:100%;height:15rem;margin-bottom:1rem; }
.page-colsub-list>div:nth-child(3n){margin-right: 0;}
.page-colsub-list>div>div>p{color: #fff;font-size:2rem;font-weight: bold;text-align: center;line-height:15rem;width: 100%;height:15rem;background-color: rgba(0, 0, 0, .46);letter-spacing: 5px;}


/* page-list-lxfs */
.page-list-lxfs{width:90%;margin:1rem auto;}
.page-list-lxfs>div{text-align:justify;box-sizing: border-box;padding:1rem 0;margin-bottom:1rem;}
.page-list-lxfs>div img{max-width: 100%}
.page-list-lxfs>div>h2{font-size:2rem;text-align: center;}
.page-list-lxfs>div>div:nth-child(2){margin:1rem 0;color: #666;font-size: 1rem;}
.page-list-lxfs>div>div:nth-child(2)>p{margin-bottom: 15px;text-align: center;}
.page-list-lxfs>div>div:nth-child(2)>p:nth-child(1)::before{content: '博物馆地址：';}
.page-list-lxfs>div>div:nth-child(2)>p:nth-child(2)::before{content: '办公地址：';}
.page-list-lxfs>div>div:nth-child(2)>p:nth-child(3)::before{content: '联系方式：';}
.page-list-lxfs>div>div:nth-child(2)>p:nth-child(4)::before{content: '邮箱：';}
.page-list-lxfs>div>div:nth-child(2)>p:nth-child(5)::before{content: '网址：';}
.page-list-lxfs>div>div:nth-child(3)>p{font-size:0.875rem !important;}
.page-list-lxfs>div>div:nth-child(3)>p:first-child{text-align: center;margin-bottom:1rem;}

/* 个人中心页面 */
.self{ width: 100%; margin:1rem auto; display: flex; justify-content: space-around; align-items: flex-start;flex-direction: column; }
.self .self-left{ width: 100%; text-align: center; box-shadow: 0 0 5px #ccc; border-radius: 5px;}
.self .self-left > div{float:left;display:flex;flex-direction: column;align-items: center;justify-content: center;width:50%;height:12rem;}
.self .self-left .headimg{ width:5rem; height:5rem;border:0px solid red; border-radius: 50%; background-color: #aaa; background: url(images/photo.png) no-repeat center; background-size: cover}
.self .self-left .username{ font-size: 1em; font-weight: bold;height:2rem;line-height: 2rem }
.self .self-left .vip{ width: 120px; height: 40px; padding-left: 20px; line-height: 40px; color: #fff;font-size: 14px; border-radius: 50px;background:linear-gradient(270deg,#6491CE 0%, #8AA7CC 100%);position: relative; }
.self .self-left .vip::before{ content: '\e629'; font-family: iconfont !important; position: absolute; font-size: 22px; left: 25px; }

.self .self-left ul{float:left;width:100%;display:flex;flex-direction: column;}
.self .self-left ul>li{width:100%; height:3rem; line-height:3rem; color: #8D703D;}
.self .self-left ul>li>a{ display: block; width: 100%; height: 100%; color: #8D703D; position: relative; }
.self .self-left ul>li>a::before{font-family: iconfont !important;font-size: 22px;color: #87312f;margin-right:1rem;}
.self .self-left .list>li:first-child>a::before{content: '\e62b'; }
.self .self-left .list>li:nth-child(2)>a::before{content: '\e660';}
.self .self-left .list>li:nth-child(3)>a::before{content: '\e605';}
.self .self-left .quit>li>a::before{content: '\e85f'; font-family: iconfont !important;font-size: 22px;color: #87312f;margin-right:1rem;}
.self .self-left ul>li:hover>a,.self .self-left ul>li:hover>a::before,.self .self-left .list>li:hover>a,.self .self-left .list>li:hover>a::before,.self .self-left .list>li.active>a,.self .self-left .list>li.active>a::before{ background-color: #87312F; color: rgb(247, 247, 247); }

/* 右边 */
.self .self-right{ width: 100%;margin-top:1rem;}
.self .self-coll{ display: flex; flex-wrap: wrap;flex-direction:row; align-content: flex-start; justify-content: space-between;box-sizing: border-box;  }

/* 我的收藏 */
.self .self-coll > div{ width: 49%; height:10rem;display:flex;align-items: flex-end;}
.self .self-coll > div p{ width: 100%; background-color: rgba(0, 0, 0, .5); color: white; font-size: .8em; padding: 8px 0; text-align: center}
/* 个人信息 */
.self .self-right .title{ height:3rem; line-height:3rem; text-align: center; border-bottom: 1px solid rgba(0, 0, 0, .2);font-size:1rem;font-weight:600;color: #333333;margin-bottom:1rem;}
.self .self-right ul{ width: 90%; margin: 0 auto; font-size: .8em; color: #333; }
.self .self-inform ul li{ height: 50px; line-height: 50px; border-bottom: 1px solid rgba(0, 0, 0, .2); }
.self .self-inform ul li span{ display: inline-block; }
.self .self-inform ul li:nth-child(2) span:nth-child(2) img{ width: 30px; height: 30px; border-radius: 50%; vertical-align: middle; }
.self .self-inform ul li span:first-child{ width: 20%; }
.self .self-inform ul li input,.self .self-inform ul li span:nth-child(2){ width: 68%;border:none; }
.self .self-inform ul li span:last-child{ font-size: .8em; color: red; width: 10%;text-align: right; }
/* 我的留言 */
.self .self-message ul li{border-bottom: 1px solid rgba(0, 0, 0, .2); padding: 20px 0;display: flex; justify-content: space-between;}
.self .self-message ul li div{width: 80%;font-weight: 400;}
.self .self-message ul li div>p{display: inline-block;margin-bottom: 5px;width: 100%;}
.self .self-message ul li div>p.myself{font-size: 14px;color: #000;}
.self .self-message ul li div>p.reply{color: #888;display: flex;}
.self .self-message ul li div>p.reply>b{display: inline-block;width: 10%;text-align: center;white-space: nowrap;}
.self .self-message ul li div>p.reply>span{display: inline-block;width: 90%;}
.self .self-message ul li>span{ width: 18%;text-align: right;white-space: nowrap; }
/* 个人中心-----end */


.app-code > div{text-align: justify;color:#666;box-sizing: border-box;padding:10px 20px;background-color:#fff}
.app-code .swiper-slide{height:12rem !important}
.app-code .swiper-slide-next,.app-code .swiper-slide-prev{  -webkit-transform: scale(0.95);-moz-transform: scale(0.95);-ms-transform: scale(0.95);-o-transform: scale(0.95);transform: scale(0.95);}
.app-code .swiper-button-next::after,.app-code .swiper-button-prev::after{font-size:20px !important;font-weight: bold;color:#000}
.app-code .bg{position:relative;width:100%;height:310px;padding:0px;display: flex;flex-direction: column;align-items: flex-start;justify-content:center;overflow: hidden;}
.app-code .bg>.bk{position:absolute;width:100%;height:100%;background-size:100%;opacity:0.4}
.app-code .bg>p{font-size:18px;font-weight:500;letter-spacing: 1px;width:100%;height:50px;display:flex;align-items: center;justify-content: center;color:#000}
.app-code .bg::before{content:"";position: absolute;left:50%;margin-left:-80%;top:180px;width:160%;height:160%;border-radius: 50%;background-color: #fff;overflow: hidden;z-index:1}

.app-code .audio{display: flex;flex-direction:column;width:100%;height:90px;border-bottom:1px solid rgba(128, 128, 128, 0.5)}
.app-code .audio>div>div{display: flex;width:100%;margin:10px 0;border:none !important;background-color:transparent}
.audioplayer-playpause{border-color:rgb(156, 10, 10);width:22px !important;height:22px !important;left:0px}
.audioplayer-playpause>a{border-left-color:rgb(156, 10, 10) !important;}
.audioplayer-playpause>a::before,.audioplayer-playpause>a::after{background-color:rgb(156, 10, 10) !important}
.audioplayer-bar{height:5px;margin-top:-0.08rem}
.audioplayer-bar>.audioplayer-bar-played{background-color:rgb(156, 10, 10);position:relative;overflow:auto;z-index:1;visibility: inherit;}
.app-code .swiper-slide .image{border-radius:0.625rem !important}

.app-code .baseinfo{display: flex;flex-direction:column;width:100%;padding:10px 20px;height:100px;box-sizing: border-box;;border-bottom:1px solid rgba(128, 128, 128, 0.5)}
.app-code .baseinfo>p{height:26px;}
.app-code .tools{display: flex;width:100%;height:50px;border-bottom:1px solid rgba(128, 128, 128, 0.5);padding:10px 0 }
.app-code .tools>p{display:flex;align-items:center;justify-content:center;width:25%;border-right:1px solid gray}
.app-code .tools>p:last-child{border:none}
.app-code .content{position:absolute;bottom:0px;display:flex;flex-direction:column;width:100%;overflow: auto;height:calc(100% - 550px);box-sizing: border-box;}
.app-code >div>h4{display: flex;height:30px;font-weight: bold;font-size:18px;color:#000;border-bottom:0px dashed gray}
.app-code .content>div{line-height: 160%;text-indent: 1.75rem;}

.app-code p>i{margin-right:3px;color:rgb(156, 10, 10)}
.page-sd{width:100% !important;height:calc(100% - 120px) !important}
.page-sd>div{height:100%;width:100%;padding:0px !important}
.page-sd h3{background-color:gray;display:flex;align-items:center;justify-content:center}