.nav{top:0;width:100%;height:82px;display:flex;align-items:center;justify-content:center;background:url(../imgs/nav_bg.png) no-repeat center top;z-index:10;box-sizing:border-box;}
.nav a{margin:0 35px;}
.nav a:not(:nth-child(3)){width:100px;height:40px;background:url('../imgs/nav.png') no-repeat -9999px;font-size:0;text-indent:-9999px;display:block;position:relative;}
.nav a:not(:nth-child(3)).cur::after,.nav a:not(:nth-child(3)):hover::after{content:'';display:block;width:228px;height:24px;background:url('../imgs/cur.png') no-repeat;position:absolute;bottom:-16px;left:50%;margin-left:-90px;}
.nav a:nth-child(1){background-position:0 0;}
.nav a:nth-child(2){background-position:-170px 0;}
.nav a:nth-child(3){width:140px;height:56px;background:url(../imgs/logo.png) no-repeat center center;}
.nav a:nth-child(4){background-position:-590px 0;}
.nav a:nth-child(5){background-position:-750px 0;}
.page .nav{position:fixed;}
/* 详情页 */
.page{background:url(../imgs/page.jpg) no-repeat center top;padding:430px 0 0 0;font-family:'微软雅黑';height:100vh;overflow-y:auto;box-sizing:border-box;}
.page .main{min-width:1px;margin:0 auto;position:relative;min-height:815px;box-sizing:border-box;background-image:linear-gradient(top,#9d88b3,#ada2c4,#cbd3e6);background-image:-webkit-linear-gradient(top,#9d88b3,#ada2c4,#cbd3e6);padding-bottom:200px;}
.page .cont{width:1290px;min-height:668px;margin:0 auto;box-sizing:border-box;}
.page .cont .art_info{text-align:center;position:relative;width:100%;height:154px;background:url(../imgs/cb.png) no-repeat center top / 100% auto;box-sizing:border-box;padding:50px 40px 0 40px;}
.page .cont .art_info h2{color:#603f29;font-size:38px;font-weight:bold;line-height:initial;}
.page .cont .art_info p{color:#90642d;font-size:18px;}
.page .cont .art_info::after{content:'';position:absolute;bottom:0px;left:50%;transform:translateX(-50%);width:785px;height:12px;background:url(../imgs/dashed.png) no-repeat center / cover;}
.page .art_back{display:flex;justify-content:flex-start;align-items:center;width:1280px;margin:0 auto 20px auto;padding-top:20px;}
.page .art_back .back{background:url(../imgs/art_back.png) no-repeat center / contain;width:44px;height:44px;display:inline-block;}
.page .art_back span{color:#ffffff;font-size:24px;line-height:44px;}
.page .article{color:#603f29;font-size:20px;width:100%;min-height:391px;background:url(../imgs/cc.png) repeat center top / 100% 226px;position:relative;box-sizing:border-box;padding:30px 40px 50px 40px;}
.page .article::after{content:'';position:absolute;bottom:-108px;left:0;width:1290px;height:108px;background:url(../imgs/cb.png) no-repeat center bottom / cover;}
.site,.top_bar{display:none;}
@media screen and (max-width:1280px){.nav a{margin:0 14px;min-width:100px;}
}
@media screen and (max-width:768px){html{font-size:calc(100vw/7.5);}
body{min-width:100%;}
.nav{display:none;}
.page{padding:1.2rem 0 0 0;background:#fff;}
.main{margin:0;width:100%;}
.page .top_bar{height:1.2rem;width:7.5rem;position:fixed;background:url('../wap/imgs/top_bg.png') no-repeat center top / 7.5rem 1.2rem;z-index:99;left:0;top:0;display:block;}
.logo{display:block;width:1.05rem;height:1.05rem;position:absolute;top:.08rem;left:.17rem;overflow:hidden}
.logo img{width:100%;height:100%;}
.top_bar .txt{padding-left:1.4rem;padding-top:.2rem;color:#fff9ef;font-size:.2rem;line-height:initial;}
.top_bar .txt i{line-height:.47rem;font-size:.3rem;background-image:linear-gradient(to top,#f7f0e8,#ffd07a);background-image:-webkit-linear-gradient(to top,#f7f0e8,#ffd07a);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:600;}
.top_bar .txt p{font-family:"Microsoft YaHei";letter-spacing:4px;}
.top_bar .db{display:block;width:2.45rem;height:.66rem;background:url('../wap/imgs/db.png') no-repeat center / cover;position:absolute;right:.2rem;top:.3rem;text-align:center;}
.page{background:unset;position:relative;width:7.5rem;margin:0 auto;}
.page .main{background-image:unset;width:100%;height:unset;padding:unset;box-sizing:border-box;min-width:unset;}
.page .cont{width:100%;height:unset;background:unset;margin:0 auto;box-sizing:border-box;padding:.4rem;}
.page .cont .art_info{text-align:center;position:relative;margin-bottom:unset;border-bottom:1px solid #e5e5e5;padding-bottom:.2rem;}
.page .cont .art_info h2{color:#603f29;font-size:.38rem;font-weight:bold;line-height:initial;}
.page .cont .art_info p{color:#90642d;font-size:.24rem;}
.page .cont .art_info::after{display:none;}
.page .art_back{display:flex;justify-content:flex-start;align-items:center;margin-bottom:unset;background:#9e8ab4;height:.6rem;padding:.08rem;width:100%;box-sizing:border-box;}
.page .art_back .back{background:url(../imgs/art_back.png) no-repeat center / contain;width:.44rem;height:.44rem;display:inline-block;}
.page .art_back span{color:#ffffff;font-size:.24rem;line-height:.44rem;}
.page .article{color:#603f29;font-size:.28rem;padding:.4rem 0;}
}
/* 列表页 */
.tabs{position:relative;border-bottom:1px solid #ddcfc2;width:100%;height:154px;background:url(../imgs/cb.png) no-repeat center top / 100% auto;box-sizing:border-box;padding:104px 40px 0 40px;}
.tabs a{display:inline-block;padding:0 30px;height:30px;line-height:30px;color:#603f29;font-size:26px;}
.tabs a:hover,.tabs .cur{position:relative;}
.tabs a:hover::after,.tabs .cur::after{content:'';position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);width:40px;height:13px;background:url(../imgs/list_on.png);}
.tabs .back{position:absolute;right:0;top:35px;line-height:28px;border-radius:15px;border:1px solid #ccc;color:#ccc;padding:0 13px;}
.tabs .back:hover{color:#444;border-color:#444;}
.list{min-height:510px;width:100%;background:url(../imgs/cc.png) repeat center top / 100% 226px;position:relative;box-sizing:border-box;padding:30px 40px 0 40px;}
.list::after{content:'';position:absolute;bottom:-108px;left:0;width:1290px;height:108px;background:url(../imgs/cb.png) no-repeat center bottom / cover;}
.list .item{border-bottom:1px dashed #ddcfc3;color:#603f29;padding:26px 0;height:105px;display:block;position:relative;}
.list .othen{float:right;font-size:18px;text-align:right;}
.list .othen i{display:block;height:28px;width:84px;border-radius:14px;border:1px solid #ccc;margin-top:20px;background:url('../imgs/list_right.png') no-repeat center;-webkit-transition:all .2s linear;transition:all .2s linear;}
.list a:hover{color:#000;border-color:#999;}
.list a:hover .othen i{background-position:20px center;}
.list .year{color:#ccc;font-size:14px;}
.list .thumb{width:205px;float:left;margin-right:30px;}
.list .thumb img{display:block;width:205px;height:105px;}
.list_cont{float:left;margin-right:30px;width:815px;}
.list_cont .tit{font-size:18px;margin-bottom:14px;}
.list_cont p{color:#6d503d;line-height:22px;display:-webkit-box;overflow:hidden;white-space:normal !important;text-overflow:ellipsis;word-wrap:break-word;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.pages{text-align:center;padding:30px;}
.pages a{display:inline-block;background:#ccc;color:#fff;padding:0 12px;margin:0 5px;}
.pages a.active,.pages a:hover{background:#70c7f9;text-decoration:none;}
.list .art_info{margin:20px 30px 0;border-bottom:1px solid #e5e5e5;padding:15px 0;text-align:center;}
.list .art_info h2{font-size:22px;color:#555;line-height:1.2;font-weight:bold;}
.list .art_info p{color:#aaa;margin-top:8px;}
.list .article{color:#555;line-height:30px;padding:20px;}
.list .article img{display:block;max-width:100%;}