/* 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.2rem;}*/
.Stahead-box .language{ position: relative; /*background: url(../images/das/top-icon1.png) no-repeat right center;*/ padding-right:.15rem; border-left:solid 1px #dedede; padding:0 .25rem; background-size:.1rem; margin-right:.2rem;}
.Stahead-box .language .default{ cursor: pointer; padding-left:.3rem; background: url(../images/das/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:.15rem .1rem; font-size:.15rem;}
.Stahead-box .top-nav li a:hover,
.Stahead-box .top-nav li.active > a{ color: #527631;}
.Stahead-box .top-nav li ul {position:absolute; left:0; top:100%; width:100%; background-color:#557939; padding:.06rem 0; display:none;}
.Stahead-box .top-nav li li {font-size:0.8em; padding:0; text-align:center;}
.Stahead-box .top-nav li li a {color:#fff; display:block; padding:.06rem .1rem;}
.Stahead-box .top-nav li li a:hover {color:#fff; opacity:.85;}

.head-search{ position: relative;}
.head-search .search-icon{ cursor: pointer; width:.35rem; height:.35rem; background: url(../images/das/search.png) no-repeat center; background-size:.2rem;}
.head-search .search-box{ display: none; position: absolute; top:.6rem; right:0; width:3rem; border:solid 1px #eee; border-radius:6px; overflow: hidden;}
.head-search .search-box.active{ display: flex;}
.head-search .search-box input{ width: calc(100% - .4rem); padding:0 .2rem; line-height:2.7; font-size:.16rem; border:none;}
.head-search .search-box .icon{ cursor: pointer; width:.4rem; background:#fff url(../images/das/search.png) no-repeat center; background-size:.2rem;}





/* 手机菜单按钮 */
.mobile-but{ display: none; position: relative; width:36px; height:30px; margin-left:.2rem; background-color:rgba(230,230,230,0.7); z-index:15;}
.mobile-but span{ display:block; height:2px; background-color:#547834; position:absolute; top:13px; transition:0.5s; }
.mobile-but .openMenu{ width:30px; left:3px; }
.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:#547834; 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:.12rem .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 li ul {position:static; background-color:transparent; padding:0; margin-top:0.06rem;}
.Stahead-box .top-nav li li {text-align:left; font-size:1em; margin-left:2em;}
.Stahead-box .top-nav li li a {color:#333; padding-left:0; padding-right:0;}
.Stahead-box .top-nav li li a:hover {opacity:1;}
.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:.56rem; height:.56rem; background: url(../images/das/scroll_top2.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;}




/* 底部 */
.StaFooter{ background: url(../images/das/footer-back.jpg); padding-top:.7rem; position: relative;  z-index:10;}
.StaFooter p{ margin:0; font-family:'微软雅黑'; color:rgba(51,51,51,0.3);}
.StaFooter .StaFooter-One{ width:72%;}
.StaFooter-tle{ padding-top:5em;}
.StaFooter-tle h4{ font-weight: 500; margin:0; font-size:.3rem; line-height:.4rem; color: #333333;}
.StaFooter-tle p{ padding:.5em 0;}
.StaFooter-nav em{ color: #999999; opacity:.4; font-style: normal;}
.StaFooter-nav em:last-child{ display: none;}

.StaFooter-nav dt{ margin-bottom:.2rem; font-size:.16rem; color: #333333;}
.StaFooter-nav dd a{ line-height:.36rem; color: #888888;}


.StaFooter-other{ width:1.17rem; text-align: center;}
.StaFooter-other p{ padding:1em 0;}
.StaFooter-two{ color: #888888; margin-top:5em; padding:.3rem 0; border-top:solid 1px #dddddd;}
.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: #d4d4d4;}
.StaFooter-two .item:last-child{ padding-right:0;}
.StaFooter-two .item:last-child:before{ display:none;}
.StaFooter a:hover{ color: #527631!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;}

.StaFooter-nav dt {font-size:16px;}
.StaFooter-nav dd {font-size:14px;}
}
@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-Archive{ padding:.8rem 0;}
.index-Archive .fl-text{ width:57.2%;}
.index-Archive .fl-text .title{ margin-bottom:.3rem; font-size: .28rem; color: #333333;}
.index-Archive .fl-text .scrollinfo{ color: #666666; line-height:1.7; max-height:3.6rem;}
.index-Archive .fl-text p{ margin:0;}
.index-Archive .mCSB_container{ margin-right:.4rem;}
.index-Archive .mCSB_scrollTools .mCSB_draggerRail{ background:#ededed;}
.index-Archive .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background: #547834;}
.index-Archive .fr-text{ width:38.6%;}
.index-Archive .fr-text .item{ width:48.2%; position: relative; text-align: center; margin-bottom:3%; transition: all .5s;}
.index-Archive .fr-text .item .pic img{ display: block; width:100%; height:100%;}
.index-Archive .fr-text .item .focus{ opacity:0; position: absolute; top:0; left:0;}
.index-Archive .fr-text .item .icon-box{ font-size:.18rem; color: #fff; text-align: center; position: absolute; width: 100%; top:50%; left:0; transform: translateY(-50%); transition: all .5s;}
.index-Archive .fr-text .item .icon-box .icon img{ width:.6rem;}
.index-Archive .fr-text .item .icon-box .wez{ margin-top:1em;}
.index-Archive .fr-text .item .text{ color: #fff; opacity:0; position: absolute; width: 100%; text-align: center; top:50%; left:0; transform: translateY(-50%); transition: all .5s;}
.index-Archive .fr-text .item .text .wez{ font-size:.24rem;}
.index-Archive .fr-text .item .text .but{ margin:.15rem auto; width:.32rem; height:.32rem; background: url(../images/das/annual-arrow.png) no-repeat center; background-size: cover; overflow: hidden; border-radius:50%;}
.index-Archive .fr-text .item:hover{ box-shadow:0 .1rem .1rem rgba(0,0,0,0.12);}
.index-Archive .fr-text .item:hover .icon-box{ opacity:0;}
.index-Archive .fr-text .item:hover .focus,
.index-Archive .fr-text .item:hover .text{ opacity:1;}
.index-Ceremony{ margin-bottom:.8rem;}
.index-Ceremony .title{ padding-bottom:.1rem; margin-bottom:.2rem; border-bottom:solid 1px #E1E1E1;}
.index-Ceremony .title span{ font-size:.28rem; color: #333333;}
.index-Ceremony .scrollinfo{ color: #666666; line-height:2; max-height:3.6rem;}
.index-Ceremony .scrollinfo p{ margin:0 0 .2rem;}


@media (max-width:1200px) {
.index-Archive .fl-text .scrollinfo{ line-height:2; max-height:4.5rem;}
}
@media (max-width:1024px) {
.index-Archive .fr-text{ display: block;}
.index-Archive .fr-text .item{ float: left;}
.index-Archive .fr-text .item:nth-child(2n){ float: right;}
.index-Archive .fr-text .item .icon-box .icon img{ width:.4rem;}
.index-Archive .fr-text .item .icon-box .wez{ font-size:.16rem;}
.index-Archive .fr-text .item .text .but{ margin:.1rem auto; width:.25rem; height:.25rem;}
.index-Archive .fr-text .item .text .wez{ font-size:.18rem;}
}
@media (max-width:768px) {
.index-Archive .fl-text{ font-size:.16rem;}
.index-Archive .fl-text .title{ line-height:1.5; margin-bottom:.2rem;}
.index-Archive .fl-text .scrollinfo{ max-height:2rem;}
}
@media (max-width:640px){
.index-Archive .fl-text{ width:100%;}
.index-Archive .fr-text{ width:100%;}
.index-Archive .fl-text .title{ line-height:1.5; font-size:.3rem;}
.index-Archive .fl-text .scrollinfo{ line-height:1.7; font-size:.24rem; margin-bottom:.3rem;}
.index-Archive .fr-text .item .icon-box .icon img{ width:.5rem;}
.index-Archive .fr-text .item .icon-box .wez{ font-size:.24rem;}
}



/* 栏目页菜单 */
.back-color1{ background-color:#f8f9fa;}
.Sat-menu{ padding:.7rem 0;}
.Sat-menu2{ padding-bottom:.4rem;}
.Sat-menu .auto-inner{ border-bottom: solid 1px #f0f2f0;}
.Sat-menu .item{ text-align: center; margin-top:.1rem; min-width:1.5rem; margin-right:.2rem; line-height:3em; background-color:#f0f2f0;}
.Sat-menu .item a{ display: block; color: #666666; padding:0 .1rem; transition: all .5s;}
.Sat-menu .item.active a,
.Sat-menu .item a:hover{ background-color: #547834; color: #fff;}


/* 左菜单 */
.left-menu{ background: #fff; width:1.9rem; float: left;}
.left-menu li{ line-height:3; text-align: center; position: relative; transition: all .5s; border-bottom:solid 1px #fff;}
.left-menu li a{ color: #999999; transition: all .5s;}
.left-menu li::after{ opacity:0; position: absolute; right:-0.07rem; top:50%; content: ''; display: block; width:.07rem; height:.11rem; background-image: url(../images/das/arrow-icon.png); background-size: contain; margin-top:-0.05rem; transition: all .5s;}
.left-menu li:hover,
.left-menu li.active{ background:#547834;}
.left-menu li:hover:after,
.left-menu li.active:after{ opacity:1;}
.left-menu li:hover a,
.left-menu li.active a{ color: #fff;}
@media(max-width:768px){
.left-menu li{ line-height:3;}
.left-menu li a{ font-size:.18rem;}
}

/* 右边 */
.fr-list-box{ width: calc(100% - 2.7rem); float: right;}
@media(max-width:640px){
.fr-list-box{ width: calc(100% - 2.2rem);}
}
/* 档案启动仪式 */
.Archive-main{ padding-bottom:.5rem;}
.Archive-main .title{ margin-bottom:.2rem; font-size: .28rem; color: #333333;}
.Archive-con{ line-height:2; color: #666666;}
.Archive-con p{ margin:0 auto;}
.Archive-con .img{ text-align: center;}
.Archive-con .img p{ margin-top:.1rem; color: #666666; font-size:.16rem;}
@media (max-width:640px){
.Archive-main .title{ font-size:.3rem;}
}



/* 分页 */
.Pages{ text-align:center; padding:1% 0 .6rem;color:#666666;}
.Pages *{ vertical-align:middle;}
.Pages .p_cur,
.Pages .p_count,
.Pages .p_total{ display:none;}
.Pages a{ display:inline-block; width:55px; line-height:55px; background-color: #eef0f1; color:#666666; margin-left:5px;}
.Pages a:hover,
.Pages a.a_cur{ color:#fff; background-color:#547834;}
.Pages em{ font-style:normal; display:inline-block; vertical-align:middle;}
.Pages .i_text{ width:55px; height:55px; line-height:55px;border:1px solid #ceced5;}
.Pages .i_button{ cursor:pointer; background:none; width:55px; height:55px;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;}
@media(max-width:1000px){
.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;}
}


/* 丝路考察和申遗 */
.SilkRoad-main{ padding-bottom:1rem;}
.SilkRoad-list li{ margin-bottom:.45rem; border-top:solid 1px #f0f2f0; transition: all .5s;}
.SilkRoad-list li .pic{ width:3.6rem; overflow: hidden;}
.SilkRoad-list li .pic img{ transition: all .5s;}
.SilkRoad-list li .text{ padding-left:.6rem; width:calc(100% - 3.6rem);}
.SilkRoad-list li .text .title{ transition: all .5s; font-size: .22rem; color: #333333;}
.SilkRoad-list li .text .Introd{ margin:.2rem 0; line-height:1.8; color: #666666;}
.SilkRoad-list li .text .time{ color:#333333;}
.SilkRoad-list li:hover{ border-color:#547834;}
.SilkRoad-list li:hover .title{ color:#547834;}
.SilkRoad-list li:hover .pic img{ transform: scale(1.1);}
@media(max-width:640px){
.SilkRoad-list li .pic{ width:3rem; overflow: hidden;}
.SilkRoad-list li .text{ width: calc(100% - 3rem); padding-left:.3rem;}
.SilkRoad-list li .text .title{ font-size:.28rem;}
.SilkRoad-list li .text .Introd{ margin:0;}
}


/* 申遗大事件 */
.Big-event .list{ max-width:1100px; margin:0 auto;}
.Big-event .time{ padding:.20rem 0; line-height:.4rem; font-size:.36rem; color: #547834;}
.Big-event .time span{ display: inline-block;vertical-align: middle; padding-left:.1rem; font-size: .16rem;}
.Big-event .text-box{ margin-left:5em; line-height:2; font-size: .16rem; color: #666666; border-left:solid 1px #f0f2f0;}
.Big-event .text{ padding-bottom:.1rem; padding-left:.6rem; position: relative;}
.Big-event .text::before{ position: absolute; top:.085rem; margin-top:.05rem; left:.4rem; display: block; width:.05rem; height:.05rem; content: ''; background-color:#547834; border-radius:50%;}
.Big-event .tishi{ font-size: .16rem; color: #bbbbbb; text-align: center; padding:.8rem 0;}
.Big-event .tishi a{ color: #bbbbbb; }
@media(max-width:640px){
.Big-event .text-box{ margin-left:3em;}
.Big-event .text{ font-size:.22rem;}
.Big-event .text::before{ width:.07rem; height:.07rem; top:.14rem;}
}


/* 丝路遗产 */
.historical-sites .fr-list-box .ul{ background: #fff; padding:.5rem .5rem .3rem; margin-bottom:.3rem;}
.historical-sites .fr-list-box li{ width:31.7%; margin-right:2.44%; margin-bottom:2.44%;}
.historical-sites .fr-list-box li:nth-child(3n){ margin-right:0;}
.historical-sites .fr-list-box li .pic{ overflow: hidden;}
.historical-sites .fr-list-box li .pic img{ transition: all .5s;}
.historical-sites .fr-list-box li .text{ padding-top:.15rem;}
.historical-sites .fr-list-box li .til{ font-size:.18rem; color:#333333; transition: all .5s;}
.historical-sites .fr-list-box li .time{ font-size:.14rem; color:#999999;}
.historical-sites .fr-list-box li:hover img{ transform: scale(1.05);}
.historical-sites .fr-list-box li:hover .til{ color: #527631;}
@media(max-width:768px){
.historical-sites .fr-list-box .ul{ padding:.3rem;}
}
@media(max-width:640px){
.historical-sites .fr-list-box .ul{ justify-content: space-between;}
.historical-sites .fr-list-box li{ width:49%; margin-right:0;}
.historical-sites .fr-list-box li .text{ padding:.1rem 0;}
}

/* 丝路遗产详情 */
.historical-sites .contInfo{ padding-top:0;}
.historical-sites .contInfo .titBox h1{ margin-top:0;}



/* 筛选 */
.filter-shell{ font-size:0; line-height:1.8; font-size:.15rem; color: #666666;}
.filter-shell a{ margin:0.05rem 0; cursor: pointer; padding:0 .15rem; line-height:1.8; display:block; color: #666666;}
.filter-shell a:hover{ color: #547834;}
.filter-shell .name-box{ width:1.2rem; padding-right:.1rem; text-align: right;}
.filter-shell .loi-box{ width: calc(100% - 1.2rem); position: relative; padding-left:.5rem;}
.filter-shell .all{ position: absolute; left:0; margin-right:.15rem; padding:0 .08rem; background-color: #547834; color: #fff!important;}

.filter-box .item{ margin-bottom:.3rem;}
.filter-search .search-box{ margin-right:.3rem; padding:0.1rem 0;}
.filter-search .search-input{ width: 3.6rem; background:#f0f1f2;}
.filter-search .search-input input{ padding:0 .15rem; width: calc(100% - .45rem); background:none; height:.45rem; line-height:.45rem; border:none;}
.filter-search .search-input .but-anu{ cursor: pointer; width:.45rem; background: url(../images/das/search-icon.png) no-repeat center;}
.filter-search .search-box:last-child{ margin-right:0;}
@media(max-width:768px){
.filter-search .search-input{ width:3rem;}
}
@media(max-width:640px){
.filter-shell .name-box{ width:1.3rem;}
.filter-shell .loi-box{ padding-left:.6rem;}
.filter-search .search-box{ margin-bottom:.2rem; margin-right:0; width: 100%;}
.filter-search .search-input{ width: calc(90% - 1.3rem);}
.filter-search .search-input input{ line-height:.55rem; height:.55rem;}
}



/* 丝路考察和申遗 */
.Archives-main{ padding-bottom:1rem;}
.Archives-list li{ width:23.5%; margin-right:2%; margin-bottom:2%;}
.Archives-list li .pic{ padding:.4rem; background:#fff; overflow: hidden;}
.Archives-list li .pic .img-tu{ padding-bottom:140.566%; background-repeat: no-repeat; background-position:center; background-size:contain;}
.Archives-list li .text{ padding:0; margin-top:.15rem;}
.Archives-list li .time{ padding-top:.05rem; font-size:.14rem; color: #999999;}
.Archives-list li .til,
.Archives-list li .ola{ font-size: .16rem; min-height:.25rem; line-height:.25rem;}
.Archives-list li:nth-child(4n){ margin-right:0;}
.Archives-list{ border-top:solid 1px #ededed; margin-top:.5rem; padding-top:.5rem; padding-bottom:.5rem;}
@media(max-width:768px){
.Archives-list li .pic{padding:0.3rem;}
}
@media(max-width:640px){
.Archives-list li{ width:49%; margin-right:0;}
.Archives-list .ul{ justify-content: space-between;}
.Archives-list li .til,
.Archives-list li .ola{ font-size:.24rem; height:.35rem; line-height:.35rem;}
}


/* 丝路资讯 */
.Sat-news{ padding-bottom:1rem;}
.Sat-news .list{ padding-bottom:.4rem;}
.Sat-news .list li{ margin-bottom:.3rem; background:#ffffff; padding-right:.8rem;}
.Sat-news .list li .pic{ width: 3.6rem;}
.Sat-news .list li .text{ color: #666666; line-height:.35rem; padding:0 .6rem; width: calc(90%); border-right:solid 1px rgba(0,0,0,0.12);}
.Sat-news .list li .text .title{ font-size:.22rem; color: #333333;}
.Sat-news .list li .text .lot{ font-size: .22rem; color: #333333;}
.Sat-news .list li .text .Introd{ padding-top:.2rem;}
.Sat-news .list li .time{ width: 1.4rem; padding-left:.6rem; text-align: center; color: #333;}
.Sat-news .list li .time .day{ line-height:.6rem; font-size: .6rem;}
.Sat-news .list li .time .year{ margin-top:.5em;}
.Sat-news .list li.have_pic .text{width: calc(100% - 5rem); }
@media(max-width:1024px){
.Sat-news .list li{ padding-right:5%;}
.Sat-news .list li .text{ padding:0 40px; line-height:.3rem;width: calc(80%);}
.Sat-news .list li .time{ width:140px; padding-left:40px;}
.Sat-news .list li .pic{ width:35%;}
.Sat-news .list li.have_pic .text{width:calc(65% - 140px);}
}
@media(max-width:768px){
.Sat-news .list li .text{ font-size:.2rem;  padding:0 20px; line-height:.3rem;}
.Sat-news .list li .text .title{ font-size:.22rem;}
.Sat-news .list li .time{ width:100px; padding-left:20px;}
.Sat-news .list li .time .day{ font-size:.5rem; line-height:.5rem;}
.Sat-news .list li .time .year{ margin-top:0; font-size: .2rem;}
.Sat-news .list li.have_pic .text{width:calc(65% - 130px);}
}
@media(max-width:640px){
.Sat-news .list li a{ flex-wrap: wrap;}
.Sat-news .list li .pic{ width:100%;}
.Sat-news .list li .text{margin:.2rem 0; width:calc(100% - 80px); padding:0 .4rem; font-size:.22rem; line-height:.4rem; padding-left:0;}
.Sat-news .list li .text .title{ font-size:.28rem;}
.Sat-news .list li .time{ width:80px;}
.Sat-news .list li.have_pic .text{ width:calc(100% - 80px);}
}

/*详情*/
.contInfo{padding:5% 0 7%;}
.contInfo .titBox{ text-align: center; border-bottom:1px solid #E1E1E1;margin-bottom:3%;}
.contInfo .titBox h1{ font-size:.24rem; font-weight:normal;}
.contInfo .titBox .tvBox{margin:.15rem 0;}
.contInfo .titBox span{display: inline-block;vertical-align: middle; color:#999;margin-right:.3rem;}
.contInfo .contBox{ line-height:.3rem;}


/* 丝路档案库-详情 */
.similar-Tmu{ font-size: .18rem;font-weight: bold;border-bottom: solid 1px #E1E1E1; padding:.1rem 0; margin-bottom:.1rem;}
.similar-list ul{ margin-bottom:.2rem;}
.similar-list li{ padding:.1rem 0;}


/* 搜索 */
.Sat-search{ padding:.3rem 0 .5rem;}
.Sat-search ul{ margin-bottom:.2rem;}
.Sat-search li{ padding:.15rem 0; border-bottom:solid 1px #eee;}
.Sat-search li .title{ font-size: .16rem; width:calc(100% - 1rem);}
.Sat-search li .time{ font-size: .14rem; text-align: center;}

















/*expert-main*/
.expert-main{ padding:.6rem 0 1rem; background-color: #f8f9fa;}
.expert-main .list .item{ width:18.3%; margin-right:2.12%; margin-bottom:.3rem; background: #fff; padding-bottom:.2rem; text-align: center;}
.expert-main .list .item .pic{ overflow: hidden;}
.expert-main .list .item .pic img{ transition: all .5s;}
.expert-main .list .item .name{ padding-top:.15rem; font-size: .18rem; color: #666666;}
.expert-main .list .time{ font-size: .14rem; color: #adadad;}
.expert-main .list .item:nth-child(5n){ margin-right:0;}
.expert-main .list .item:hover .name{ color: #b81b35;}
.expert-main .list .item:hover .pic img{ transform: scale(1.1);}
@media(max-width:768px){
    .expert-main .list .item:nth-child(5n),
    .expert-main .list .item{ width:23%; margin-right:2.666%;}
    .expert-main .list .item:nth-child(4n){ margin-right:0;}
}
@media(max-width:640px){
    .expert-main .list{ justify-content: space-between;}
    .expert-main .list .item:nth-child(5n),
    .expert-main .list .item{ width:48%; margin-right:0;}
}


.expert-main .Anchor-box{ margin-top:.2rem; color: #999999; line-height:.4rem;}
.expert-main .Anchor-box .anchor-but{ cursor: pointer; padding-left:20px; position: relative;}
.expert-main .Anchor-box .anchor-but::before{ content:''; display: block; width:10px; height:2px; background: #999999; position: absolute; left:0; top:50%; margin-top:-1px;}
.expert-main .Anchor-box .anchor-but.active{ color: #b81b35;}
.expert-main .hang-box,
.expert-main .info .fl-box{ width:3rem;}
.expert-main .info .fr-box{ width:calc(100% - 3.7rem); padding:.7rem; background: #f3eef0;}
.expert-main .info .textarea{ color: #666666; line-height:.3rem;}
.expert-main .info .anc-title{ font-size: .24rem; color: #333333; padding:.6rem 0 .1rem;}
.expert-main .Biography .name .wz{ margin-right:1em; font-size:.32rem; line-height:.35rem; color: #333333;}
.expert-main .Biography .name .time{ font-size:.18rem; line-height:.22rem; color: #adadad;}
.expert-main .Biography .textarea{ padding:.35rem 0 .5rem; border-bottom:dashed 1px #dedede;}
.expert-main .hang-box.hang{ position:fixed; top:0;}

@media(max-width:1024px){
    .expert-main .hang-box,
    .expert-main .info .fl-box{ width:2.5rem;}
    .expert-main .info .fr-box{ width:calc(100% - 2.8rem); padding:.4rem; background: #f3eef0;}
    .expert-main .Biography .textarea{ padding:.3rem 0;}
    .expert-main .info .anc-title{ padding:.3rem 0 0;}
}
@media(max-width:768px){
    .expert-main .Anchor-box{ font-size:.2rem;}
    .expert-main .info .textarea{ font-size:.2rem; line-height:.4rem;}
}