/* top */
.Stahead-box{ padding:.2rem 0; box-shadow:0 0 .03rem rgba(0,0,0,0.1); position: relative; z-index:13;}
.Stahead-box .logo{ width:1.81rem;}
.Stahead-box .language{ position: relative; /*background: url(../images/museum/top-icon1.png) no-repeat right center;*/ padding-right:.15rem; border-left:solid 1px #dedede; padding-left:.4rem; background-size:.1rem;}
.Stahead-box .language .default{ cursor: pointer; padding-left:.3rem; background: url(../images/museum/language-icon1.png) no-repeat left center; color: #333333; background-size:.18rem; min-width:.5rem; text-align: center;}
.Stahead-box .language .drop-down{ width: 100%; display: none; position: absolute; padding-top:.05rem; padding-left:.3rem; padding-right:.15rem;}
.Stahead-box .language:hover .drop-down{ display: block;}
.Stahead-box .top-nav{ padding-right:.2rem;}
.Stahead-box .top-nav li{ position: relative; padding:0 .35rem;}
.Stahead-box .top-nav li:hover a,
.Stahead-box .top-nav li.active a{ color: #246ce0;}

/* 手机菜单按钮 */
.mobile-but{ display: none; position: relative; width:36px; height:30px; background-color:rgba(230,230,230,0.7); z-index:15;}
.mobile-but span{ display:block; height:2px; background-color:#246ce0; position:absolute; top:13px; transition:0.5s; }
.mobile-but .openMenu{ width:30px; left:3px; }.Cpinfo .img-side .dl dd
.mobile-but .closeMenu{ left:3px; width:0; }
.mobile-but span:active{ width:0; }
.mobile-but span:before,
.mobile-but span:after{ content:""; display:block; width:30px; height:2px; background-color:#246ce0; position:absolute; transition:0.4s; }
.mobile-but .openMenu:before { top:-8px; }
.mobile-but .openMenu:after { top:8px; }
.mobile-but .closeMenu:before { top:0rem; transform:rotate(45deg); }
.mobile-but .closeMenu:after { top:0rem; transform:rotate(-45deg); }
@media (max-width:1024px) {
.Stahead-box .top-nav li{ padding:0 .15rem; font-size:.18rem;}
.Stahead-box .language .default{ font-size:.18rem;}
}

@media (max-width:768px) {
.Stahead-box .top-nav{ background: #fff; position: fixed; top:0; right:-100%; height:100vh; padding-top:1.1rem; z-index:11; transition: all .5s;}
.Stahead-box .top-nav .ul{ height:96%; overflow: auto; display: block;}
.Stahead-box .top-nav li{ font-size:.2rem; padding:.1rem .2rem;}
.Stahead-box .top-nav li.on::before{ content: '>'; position: absolute; right:0; display: block; font-family:'宋体'; font-weight: bold;}
.Stahead-box .top-nav.active{ right:0;}
.Stahead-box .language{ margin-right:.2rem; padding-right:0; border-left:none; padding-left:0; z-index:11;}
.Stahead-box .language .default{ padding-right:.18rem; background-size:.2rem;}
.Stahead-box .fr-box{ align-items: center;}
.mobile-but{ display: block; width:30px;}
.mobile-but .openMenu{ width:25px;}
.mobile-but span:before,
.mobile-but .openMenu:after{ width:25px;}
.mobile-but .closeMenu{ width:0; }
}
@media (max-width:640px) {
.Stahead-box .top-nav li{ font-size:.24rem;}
}



/* 置顶 */
.icon-zhiding{ cursor: pointer; position: fixed; right:5%; top:50%; width:.46rem; height:.46rem; background: url(../images/museum/scroll_top.jpg) no-repeat center; z-index:11; background-size:cover; display: none;}
@media (max-width:1024px) {
.icon-zhiding{ width:.4rem; height:.4rem; right:1%;}
}


/* banner */
.banner{ position: relative; text-align: center;}
.banner img{ width:100%;}
.banner .swiper-pagination-bullet{ width:.7rem; height:.04rem; background: #fff; border-radius:.01rem; transition: all .5s;}
.banner .swiper-button-prev,
.banner .swiper-button-next{ width:.6rem; height:.6rem; border:solid 1px #fff; background-size:.14rem; overflow: hidden; border-radius:50%;}
.banner .swiper-button-prev{ left:2rem;}
.banner .swiper-button-next{ right:2rem;}
.banner .swiper-pagination-bullet{ width:.7rem; height:.04rem; background: #fff; border-radius:.01rem; transition: all .5s;}
@media (max-width:640px) {
.banner .swiper-button-prev{ width:30px; height:30px; margin-top:-15px; left:.5rem;}
.banner .swiper-button-next{ width:30px; height:30px; margin-top:-15px; right:.5rem;}
}


/* 底部 */
.StaFooter{ background: url(../images/museum/footer-back.jpg); padding-top:.7rem; position: relative;  z-index:10;}
.StaFooter p{ margin:0; font-family:'微软雅黑'; color:#fff;}
.StaFooter .StaFooter-One{ width:72%;}
.StaFooter .StaFooter-One a{color: #fff;}
.StaFooter-tle{ padding-top:3.5em;}
.StaFooter-tle h4{ font-weight: 500; margin:0; font-size:.3rem; line-height:.4rem; color: #fff;}
.StaFooter-tle p{ padding:.5em 0; opacity:.4;}
.StaFooter-nav em{ color: #999999; opacity:.4; font-style: normal;}
.StaFooter-nav em:last-child{ display: none;}
.StaFooter-other{ width:1.17rem; text-align: center;}
.StaFooter-other p{ padding:1em 0; opacity:.4;}
.StaFooter-other .pic{ overflow: hidden; border-radius:.05rem;}
.StaFooter-two{ color: #888888; margin-top:3em; padding:.3rem 0; border-top:solid 1px rgba(255,255,255,.08);}
.StaFooter-two a{color: #888888;}
.StaFooter-two .item{ padding:0 .15rem; position: relative;}
.StaFooter-two .item::before{ position: absolute; top:50%; right:0; margin-top:-.075rem; content: ''; display: block; height:.15rem; width:1px; background:rgba(255,255,255,.4);}
.StaFooter-two .item:last-child{ padding-right:0;}
.StaFooter-two .item:last-child:before{ display:none;}
.StaFooter a:hover{ color: #246ce0!important;}
@media (max-width:768px) {
.StaFooter .StaFooter-One{ font-size:.16rem;}
.StaFooter-other p{ font-size:.16rem;}
.StaFooter-tle{ padding:.3rem 0;}
.StaFooter-two{ margin-top:.3rem; font-size:.16rem;}
}
@media (max-width:640px) {
.StaFooter .StaFooter-One{ width:100%;}
.StaFooter-two .fr-box{ margin-top:.1rem;}
.StaFooter-two .item:first-child{ margin-left:0; padding-left:0;}
}



/* 首页 */
.index-Works{ padding:.8rem 0;}
.index-Works .Tol{ margin-bottom:.3rem; font-size: .28rem; color: #333333;}
.index-Works .Tol a{ font-size:.18rem;}
.index-Works .tab{ padding-top:.4rem; color: #999999;}
.index-Works .tab .item{ margin:.2rem 0;}
.index-Works .tab .item span{ font-size:.16rem; cursor: pointer; display: inline-block;}
.index-Works .tab .item span:hover,
.index-Works .tab .item.active span{ color: #246ce0; padding-right:.2rem; background: url(../images/museum/arrow-icon1.png) right center no-repeat; background-size:.08rem;}
.index-Works .more{ margin-top:.7rem;}
.index-Works .more a{ font-size: .16rem; background: url(../images/museum/more-icon1.png) right center no-repeat; padding-right:.25rem; background-size:.15rem; color: #999999;}
.index-Works .more a:hover{ color: #246ce0;}
.index-Works .tab-con .swiper-button-next,
.index-Works .tab-con .swiper-button-prev{ top:40%; width:.4rem; height:.4rem;}
.index-Works .tab-con{ margin-bottom:.6rem;}
.index-Works .tab-con:last-child{ margin-bottom:0;}
.index-Works .tab-con .pic img{ width:100%;}
.index-Works .wz{ font-size:.18rem; color: #333333;}
.index-Works .ix{ margin-top:.05rem; font-size:.14rem; color: #999999;}
.index-Works .Introd{ margin-top:.2rem;}
.index-Works .Introd .text{ width: calc(100% - .8rem);}
.index-Works .Introd .wzl{ display: inline-block; vertical-align: middle; font-size: .16rem; color: #73a2be; background: #edf4f9; width: .65rem; text-align: center; line-height:.45rem;}
.index-Works a:hover .wz{ color: #246ce0;}
.index-Works .swiper-pagination-progressbar{ margin-top:.5rem; width: calc(100% - 2.6rem)!important; position: relative;}
.index-Works .swiper-container-horizontal>.swiper-pagination-progressbar,
.index-Works .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{ height:2px;}
.index-Works .swiper-pagination-progressbar{ background: #ebebeb;}

.index-about{ background: #f5faff; padding:1.1rem 0;}
.index-about .fl-pic{ width:58%; padding-right:.6rem;}
.index-about .fl-pic .pic{ width:88.6%; z-index:3;}
.index-about .fl-pic .lowl{ position: relative; width:46.5%; float: right; margin-top:-17%; z-index:5;}
.index-about .fr-text{ width:42%;}
.index-about .fr-text h4{ margin:0; font-size:.28rem; color: #333333; font-weight: 500;}
.index-about .fr-text .Introd{ margin-top:.3rem; padding-bottom:.5rem; font-size:.16rem; line-height:.3rem; color: #666666;}

@media (max-width:1024px) {
.index-Works{ padding-left:.4rem;}
.index-Works .tab{ padding-top:.2rem;}
.index-Works .tab .item{ margin:.1rem 0;}
.index-Works .more{ margin-top:.2rem;}
.index-about{ padding:.5rem 0;}
.index-about .fr-text .Introd{ padding-bottom:0;}
}
@media (max-width:640px) {
.index-Works .Tol{ font-size:.36rem;}
.index-Works .tab{ display: flex; padding-top:.1rem;}
.index-Works .tab .item{ margin-right:.3rem;}
.index-Works .tab .item span{ font-size: .24rem;}
.index-Works .tab .item:last-child{ margin-right:0;}
.index-Works .swiper-pagination-progressbar{ width:90%!important;}
.index-Works .more{ float: left; margin-right:.3rem;}
.index-Works .Introd .text{ width:calc(100% - .6rem);}
.index-about{ padding-top:1rem;}
.index-about .fl-pic{ width:100%; padding-right:0;}
.index-about .fr-text{ width:100%; padding:.3rem 0 .5rem;}
.index-about .fr-text h4{ font-size:.34rem;}
.index-about .fr-text .Introd{ line-height:.45rem; font-size:.24rem;}
}
/* 首页结束 */


/* 通用单篇 */
.single-main{ min-height:3rem;}



/* 分页 */
.Pages{ text-align:center; padding:1% 0 .6rem;color:#666666;}
.Pages *{ vertical-align:middle;}
.Pages .p_total{ display:none;}
.Pages a{ display:inline-block; width:50px; line-height:50px; background-color: #eef0f1; color:#666666; margin-left:5px;}
.Pages a:hover,
.Pages a.a_cur{ color:#fff; background-color:#246ce0;}
.Pages em{ font-style:normal; display:inline-block; vertical-align:middle;}
.Pages .i_text{ width:50px; height:50px; line-height:50px;border:1px solid #ceced5;}
.Pages .i_button{ cursor:pointer; background:none; width:50px; height:50px;border:1px solid #ceced5;}
.Pages .p_jump b{font-weight:normal; margin:0 5px;}
.Pages .a_prev,.Pages .a_next{ font-family:'宋体'; font-weight: bold; color: #666666;}
.Pages .p_cur b,
.Pages .p_count b{ margin:0 .05rem;}
@media(max-width:1000px){
.Pages .p_cur b,
.Pages .p_count b,
.Pages .p_total{ display:none;}
.Pages em{ display:none;}
}
@media(max-width:640px){
.Pages a.a_first,
.Pages a.a_end{ display:none;}
.Pages a{ padding:0; width:45px; height:45px; line-height:45px; margin:0 5px;}
}


.back-main{background: #f8f9fa;}

/* 列表条件筛选 */
.filter-box{ padding:.3rem 0 .5rem; line-height:1.6; font-size: .15rem; color: #666666;}
.filter-box .item{ padding:.2rem 0 0;}
.filter-box .a{ color: #666666;}
.filter-box .name{ width:1.6rem; text-align: right;}
.filter-box .filter-list{ width: calc(100% - 1.8rem); overflow: hidden;}
.filter-box .very .filter-list{ height:.34rem;}
.filter-box .filter-list a{ display: inline-block; vertical-align: middle; margin-right:.3rem; margin-bottom:.1rem;}
.filter-box .filter-list .all{ padding:0 .05rem; background: #246ce0; color: #fff;}
.filter-box .more{ cursor: pointer; padding-right:.18rem; position: relative;}
.filter-box .more::after{ content: ''; display: block; position: absolute; top:0; right:0; width:.13rem; height:.24rem; background:url(../images/museum/arrow-icon2.png) no-repeat center right; background-size:contain; transition: all .5s;}
.filter-box .more.opacity{opacity:0;}
.filter-box .more .close{ opacity:0; position:absolute; right:.18rem; transition: all .5s;}
.filter-box .more .open{ transition: all .5s;}
.filter-box .more.active .open{ opacity:0;}
.filter-box .more.active .close{ opacity:1;}
.filter-box .more.active::after{ transform:rotate(180deg);}
.filter-box .filter-list.Gaod{ height: auto;}

@media (max-width:1200px) {
.filter-box .name{ width:1.6rem;}
.filter-box .more::after{ height:.32rem;}
.filter-box .filter-list{ width: calc(100% - 2.3rem);}
.filter-box .filter-list a{ margin-right:.25rem;}
}
@media (max-width:1024px) {
.filter-box .more::after{ height:.24rem;}
}
@media (max-width:768px) {
.filter-box .more::after{ height:2.2em;}
}
@media (max-width:640px) {
.filter-box .name{ width:1.3rem;}
.filter-box .filter-list{ width:calc(100% - 2rem);}
}


/* 数字藏品 */
.Collection-main{ padding-bottom:.6rem;}
.Collection-list{ padding-top:.5rem; border-top: solid 1px #ededed;}
.Collection-list .ul{ padding-bottom:.3rem;}
.Collection-list li{ margin-bottom:.15rem; width:23%; margin-right:2.66%;}
.Collection-list li .pic span{ display: block; padding-bottom:2.27rem; background-size:cover; background-position:center;}
.Collection-list li:nth-child(4n){ margin-right:0;}
.Collection-list li .wz{ font-size:.18rem; color: #333333;}
.Collection-list li .ix{ font-size:.14rem; color: #999999;}
.Collection-list li .Introd{ margin:.15rem 0;}
.Collection-list li .Introd .text{ width: calc(100% - .8rem);}
.Collection-list li .Introd .wzl{ display: inline-block; vertical-align: middle; font-size: .16rem; color: #73a2be; background: #edf4f9; width: .65rem; text-align: center; line-height:.45rem;}
@media (max-width:768px) {
.Collection-list li:nth-child(4n),
.Collection-list li{ width:31%; margin-right:3.3%;}
.Collection-list li .pic span{padding-bottom:2rem;}
.Collection-list li:nth-child(3n){ margin-right:0;}
}
@media (max-width:640px) {
.Collection-list .ul{ justify-content: space-between;}
.Collection-list li{ width:48%; margin-right:0;}
.Collection-list li:nth-child(2n){ margin-right:0;}
}



/* 数字展览 */
.main-title{ text-align: center; font-size:.32rem; color: #333333;}
.digital-main{padding:.75rem 0;}
.Category-list{ padding:.45rem 0;}
.Category-list .item{ width:31.333333%; position: relative; margin-right:3%;}
.Category-list .item:nth-child(3n){ margin-right:0;}
.Category-list .text-box{ width: 100%; padding:.4rem; position: absolute; top:0; z-index:3; color: #fff; top:50%; transform: translateY(-50%);}
.Category-list .en-text{ line-height:1; font-size: .4rem;}
.Category-list .cn-text{ margin-top:.4rem;}
.Category-list .cn-til{ font-size:.26rem;}
.Category-list .cn-wz{ font-size:.17rem; opacity:.7;}
.featured-list{ padding:.45rem 0;}
.featured-list .item{ width:22.91%; margin-right:2.77%; margin-bottom:2.77%;}
.featured-list .item:nth-child(4n){ margin-right:0;}
.featured-list .item .til{ line-height:1.5; margin:.13rem 0; font-size:.16rem; color: #333333;}
.featured-list .item .time{ font-size: .14rem; color: #999999;}

@media (max-width:1024px) {
.Category-list .en-text{ line-height:1.5; font-size:.24rem;}
.Category-list .cn-text{ margin-top:.1rem;}
.Category-list .cn-til{ font-size:.18rem;}
.Category-list .cn-wz{ font-size:.15rem;}
}

@media (max-width:640px) {
.Category-list .item{ width:100%; margin-bottom:.2rem;}
.Category-list .en-text{ line-height:1.5; font-size:.4rem;}
.Category-list .cn-text{ margin-top:.1rem;}
.Category-list .cn-til{ font-size:.3rem;}
.Category-list .cn-wz{ font-size:.2rem;}
.featured-list .item{ width:49%; margin-right:2%;}
.featured-list .item:nth-child(2n){ margin-right:0;}
}


/* 当前位置 */
.current-box{ color: #999999; font-size: .15rem;}
.current-box a{ color: #999999;}
.current-box em{ font-style: normal; padding:0 .05rem; font-family: '宋体'; font-weight: bold;}


/* 展览详情 */
.Exhibition-Info .current-box{ padding:.35rem 0;}
.Exhibition-Info .Exhibition-Noe{ padding-bottom:.6rem; margin-bottom:.6rem; border-bottom:solid 1px #dedede;}
.Exhibition-Info .Exhibition-Noe .pic{ width:43%;}
.Exhibition-Info .Exhibition-Noe .text-box{ padding-left:.9rem; width:57%; color: #333333;}
.Exhibition-Info .Exhibition-Noe .text-box .cn-lo,
.Exhibition-Info .Exhibition-Noe .text-box .en-lo{ font-size: .26rem;}
.Exhibition-Info .Exhibition-Noe .other{ line-height:2; padding:.35rem 0;}
.Exhibition-Info .Exhibition-Noe .but a{ background:#246ce0; color:#fff; display: inline-block; vertical-align: middle; width:1.4rem; line-height:2.5; text-align: center;}
.Exhibition-Info .Exhibition-two{ line-height:2.2; color: #666666;}
.Exhibition-Info .Exhibition-two p{ margin:0;}
.Exhibition-Info .turn-box{ padding-top:.4rem; margin-top:.4rem; border-top:solid 1px #dedede; padding-bottom:1rem; color: #666666; line-height:2.5;}
.Exhibition-Info .turn-box dl a{ color: #666666;}
.Exhibition-Info .turn-box dl a:hover{ color: #246ce0;}
.Exhibition-Info .turn-box dl{ width:calc(90% - 1.4rem);}
.Exhibition-Info .turn-box .but{ background:#246ce0; color:#fff; display: inline-block; vertical-align: middle; width:1.4rem; line-height:2.5; text-align: center;}
.Exhibition-Info .pic-la{ text-align: center;}
.Exhibition-Info .pic-la .item{ margin:0 .25rem;}
.Exhibition-Info .pic-la .wez{ margin-top:.1rem; line-height:1.5;}

@media (max-width:1024px) {
.current-box em{ padding:0 .1rem;}
.Exhibition-Info .current-box{ font-size:.18rem;}
.Exhibition-Info .Exhibition-Noe{ padding-bottom:.4rem; margin-bottom:.4rem;}
.Exhibition-Info .Exhibition-Noe .but a{ font-size:.18rem;}
.Exhibition-Info .Exhibition-Noe .other{padding:.25rem 0;}
.Exhibition-Info .Exhibition-Noe .text-box{ padding-left:.5rem;}
.Exhibition-Info .Exhibition-Noe .pic{ width:100%;}
.Exhibition-Info .Exhibition-Noe .text-box{ width:100%; padding-left:0; padding-top:.3rem;}
.Exhibition-Info .Exhibition-two{ font-size:.16rem; line-height:1.8;}
.Exhibition-Info .turn-box{ font-size:.16rem;}
.Exhibition-Info .pic-la .wez{ font-size:.16rem;}
}
@media (max-width:768px) {
.Exhibition-Info .pic-la .item{ margin:0 .15rem;}
}



/* 关于数博 */
.About-main .About-noe{ padding:.7rem 0;}
.About-main .About-noe .pic{ width:40%;}
.About-main .About-noe .text{ color: #666666; line-height: 2; padding-left:1rem; width:60%;}
.About-main .About-noe .text p{ margin:0;}
.About-list{ font-size:0; padding:.8rem;}
.About-list a{ text-align: center; width:17.5%; display:inline-block; vertical-align: middle; margin-right:3.1%; margin-bottom:2%;}
.About-list img{ transition:all .5s;}
.About-list a:nth-child(5n){ margin-right:0;}
.About-list a:hover img{ opacity:1; }
@media (max-width:1024px) {
.About-main .About-noe .pic{ width:100%;}
.About-main .About-noe .text{ width:100%; padding:.2rem 0;}
.About-list{ padding:.5rem;}
}

@media (max-width:768px) {
.About-main .About-noe .text{ font-size:.18rem;}
}
@media (max-width:640px) {
.About-main .About-noe .text{ font-size:.22rem;}
.About-list{ padding:.5rem 0 1rem;}
.About-list a,
.About-list a:nth-child(5n){ width:32%; margin-right:2%;}
.About-list a:nth-child(3n){ margin-right:0;}
}



/* 博物馆详情 */
.Museum-Info{ padding:.6rem 0;}
.Museum-Info .Museum-one .tietle{ font-size: .32rem; color: #333333;}
.Museum-Info .Museum-one .Aniu{ margin:.3rem 0 .8rem; font-size:0;}
.Museum-Info .Museum-one .Aniu a{ font-size:.16rem; background: #246ce0; color: #fff; width:1.4rem; line-height:2.5; display: inline-block; vertical-align: middle; text-align: center;}
.Museum-Info .Museun-txt{ color: #666666; line-height:1.9; margin-top:.5rem; padding:.5rem 0; border-top: solid 1px #dedede;}
.Museum-Info .Museun-txt p{ margin:0 auto;}
.Museum-Info .big-pic{width:43%;}
.Museum-Info .small-pic .item img{ width:2.2rem;}
.Museum-Info .text-box{ width:57%; padding-left:.85rem;}
@media (max-width:1024px) {
.Museum-Info .big-pic{ width:50%;}
.Museum-Info .text-box{ width:50%; padding-left:.5rem;}
.Museum-Info .Museum-one .tietle{ font-size:.28rem;}
.Museum-Info .Museum-one .Aniu{ margin-bottom:.5rem;}
}
@media (max-width:640px) {
.Museum-Info .big-pic{ width:100%;}
.Museum-Info .text-box{ margin-top:.3rem; width:100%; padding-left:0;}
.Museum-Info .Museum-one .tietle{ font-size:.32rem;}
.Museum-Info .Museum-one .Aniu{ margin-bottom:.5rem;}
}


/* 云上策展 */
.Curating-main{ padding:.5rem 0 1rem;}
.Curating-main .Tmu-box{}
.Curating-main .Tmu-box .title{ line-height:1.2; width:calc(100% - 1rem); font-size:.28rem; color: #333;}
.Curating-main .Member-but{ padding:.3rem 0 .1rem; font-size:.16rem;}
.Curating-main .Member-but a{ cursor: pointer; min-width:1.44rem; text-align: center; background: #246ce0; color: #fff; display: inline-block; margin-left:.2rem; vertical-align: middle; border-radius:.05rem; padding:0.1rem 0.25rem;}
.Curating-main .Member-but a span{ padding-left:30px; background:url(../images/museum/log.png) no-repeat center left; line-height:20px;}
.Curating-main .Member-but a:first-child{ margin-left:0;}
.Curating-main .Member-but a:first-child span{background-image:url(../images/museum/dow.png);}
.Curating-main .Curating-info{ color:#666; line-height: 2; font-size:.16rem; padding-top:.3rem;}
.Curating-main .Curating-con{ padding-top:.1rem;}

.Curating-main .ytable{padding: 3%; background: #f1f1f1; margin-bottom: 4%;}

.Curating-main .video-boxl{ width:100%;}
.Curating-main .video-boxl video{ width: 100%; max-width:100%;}


@media(min-width:769px){
.Curating-main .Curating-info .pic{width:57.326%;padding-left:4vw;}
}
@media(max-width:768px){
.Curating-main .Curating-info .ytable,
.Curating-main .Curating-info .ytable-cell{display: block;}
}

@media (max-width:640px) {
.Curating-main .Tmu-box .title{ line-height:1.5; font-size:.3rem;}
}


/* 登陆注册弹框 */
.Circle-box{ display: none; background: #fff; padding:.3rem; position: fixed; top:50%; left:50%; width:400px; max-width:90%; z-index:11; transform: translate(-50%,-50%); box-shadow:0 0 6px 3px rgba(0,0,0,0.1); border-radius:.05rem; z-index: 20;}
.Circle-box .olwz{ font-size:.2rem; font-weight: bold; color: #246ce0;}
.Circle-box .tishi{ font-size:.14rem; color:#666;}
.Circle-box .tishi a{ color: #246ce0;}
.Circle-box .form-box{ margin-top:.3rem;}
.Circle-box .form-box .input-box{ margin-bottom:.15rem;}
.Circle-box .form-box input{ font-size:.14rem; padding:0 .15rem; height:.48rem; width: 100%; border:1px solid rgb(218, 221, 224); background:none;}
.Circle-box .form-box input::-webkit-input-placeholder {color: #999;}
.Circle-box .form-box input:-moz-placeholder {color: #999;}
.Circle-box .form-box input::-moz-placeholder {color: #999;}
.Circle-box .form-box input:-ms-input-placeholder {color: #999;}
.Circle-box .other{ font-size:.14rem;}
.Circle-box .other label{ cursor: pointer; font-size:0;}
.Circle-box .other label input{ border:solid 1px #666666; vertical-align: middle; -webkit-appearance:auto; width:.16rem; height:.16rem;}
.Circle-box .other label span{ padding-left:.1rem; font-size:.14rem; color:#666; vertical-align: middle;}
.Circle-box .other a{ color:#246ce0;}
.Circle-box .submit{ cursor: pointer; margin-top:.2rem; text-align: center; color: #fff; background: #246ce0; line-height:3; border-radius:.05rem; -webkit-border-radius:.05rem; -moz-border-radius:.05rem; -ms-border-radius:.05rem; -o-border-radius:.05rem; }
.Circle-box .close{ cursor: pointer; position: absolute; right:-.16rem; top:-.16rem; width:.32rem; height:.32rem; background: url(../images/museum/close.png) no-repeat center; background-size: contain;}
@media (max-width:640px) {
.Circle-box .olwz{ font-size:.36rem;}
.Circle-box .form-box .input-box{ margin-bottom:.3rem;}
.Circle-box .form-box input{ line-height:.8rem; height:.8rem; font-size:.26rem;}
.Circle-box .other label input{ width:.3rem; height:.3rem;}
.Circle-box .close{ width:.45rem; height:.45rem;}
}



/* 数字知识 */
.knowledge-list {padding: .5rem 0 .5rem; overflow: hidden;}
.knowledge-list .ul{ overflow: hidden;}
.knowledge-list li{ width:calc((100% / 6) - 4.5%); border-bottom:1px solid #ededed; list-style: none; float: left; margin-right:5.35%; margin-bottom:3%; box-shadow:0 5px 10px rgba(0,0,0,0.2);}
.knowledge-list li a { position:relative;display:block; line-height: 0.7rem;}
.knowledge-list li a span{ font-size:.24rem; color: #000000; position:absolute; top:10%; left:0; width:100%; text-align: center; display:block;}
.knowledge-list li:nth-child(6n){ margin-right:0;}
@media (max-width:1024px) {
.knowledge-list li a span{ font-size:.17rem;}
}
@media (max-width:768px) {
.knowledge-list li:nth-child(6n),
.knowledge-list li{width:calc((100% / 4) - 3%); margin-right:4%; margin-bottom:4%;}
.knowledge-list li:nth-child(4n){ margin-right:0;}
.knowledge-list li a span{ font-size:.17rem;}
}
@media (max-width:640px) {
.knowledge-list li:nth-child(6n),
.knowledge-list li:nth-child(4n),
.knowledge-list li{width:calc((100% / 3) - 3%); margin-right:4%; margin-bottom:4%;}
.knowledge-list li:nth-child(3n){ margin-right:0;}
.knowledge-list li a span{ font-size:.17rem;}
}








/*Cpinfo */
.Cpinfo{width: 100%;}
.Cpinfo .current-box{ padding:.35rem 0;}
.Cpinfo .img-side{border: solid 1px #e9e9e9; margin-bottom: 4em; }
.Cpinfo .img-group{width: 100%;}
.Cpinfo .img-group li .Ispic{background-size: contain;padding-bottom:70.078%;}
.Cpinfo .controls{display: table;position: relative;padding: 0 56px; margin: 3.125em auto 0;}
.Cpinfo .controls .slick-dots li{float: left;position: relative; width: 13px;height: 13px; margin: 0 5px;}
.Cpinfo .controls .slick-dots li button{position: absolute;background:rgba(0,0,0,0.2); width: 7px;height: 7px;border-radius: 50%; top: 50%;left: 50%;transform: translate(-50%,-50%); border: 0; cursor:pointer; border: 0; font-size: 0;padding: 0;transition: 0.3s;}
.Cpinfo .controls .slick-dots li.slick-active button{background-color: #246ce0; width: 100%;height: 100%;}
.Cpinfo .controls .slick-arrow{position: absolute; top:50%;width: 25px; height: 11px;background-repeat: no-repeat;background-position: center; margin-top: -5px;}
.Cpinfo .controls .slick-prev{left: 0;background-image: url(../images/museum/btn-prev.svg);}
.Cpinfo .controls .slick-next{right: 0;background-image: url(../images/museum/btn-next.svg);}
.Cpinfo .controls .slick-disabled{cursor: default;}
.Cpinfo .controls .slick-prev.slick-disabled{background-image: url(../images/museum/btn-prev-disabled.svg);}
.Cpinfo .controls .slick-next.slick-disabled{background-image: url(../images/museum/btn-next-disabled.svg);}
.Cpinfo .img-side .tit{ font-size: 1.875em;color: #333; margin:1em 0 0.6em;}
.Cpinfo .img-side .dl dd{font-size:16px; padding-left:165px; line-height: 30px; min-height:30px; position: relative;}
.Cpinfo .img-side .dl dd span{position: absolute; left: 0; top: 0; color: #999; width:155px; text-align: right;}
.Cpinfo .img-side .dl dd+dd{margin-top: 2%;}

.Cpinfo .prod-intro .name{border-bottom: 1px solid #efefef;font-size: 1.5em; padding-bottom: 0.666em;color: #333; line-height: 2;}
.Cpinfo .prod-intro .name i{width: 2em; height: 2em;border-radius: 50%;background-color: #246ce0;display: inline-block;vertical-align: top; margin-right: 0.625em; background-repeat: no-repeat; background-position: center; background-size: auto 50%;}
.Cpinfo .prod-intro .name-1 i{background-image: url(../images/museum/icon-file.svg);}
.Cpinfo .prod-intro .singlePage{line-height: 1.875; margin: 2em 0 3em 0;}

@media (min-width:1025px) {
.Cpinfo .img-group{width: 50%;border-right: solid 1px #e9e9e9;padding:2em;}
.Cpinfo .img-side .txt{padding: 0.4rem;  width: 50%;}
}
@media (max-width:1024px) {
.Cpinfo .img-side{ padding: 2em;}
}



