*{padding:0;margin:0;}
body{font-size:14px;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
a{text-decoration-line:none;color:#333;}
a:hover{color:#0066CC;}
li{list-style-type:none;}
input{border:none;outline:none;}
.fl{float:left;}
.fr{float:right;}
.tc{text-align:center;}
.height60{height:60px;}
.relative{position:relative;}
.mt20{margin-top:20px;}
.mt50{margin-top:50px;}
.mb50{margin-bottom:50px;}
.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.content{max-width:1200px;margin-left:auto;margin-right:auto;}
.clearfix:after{content:'';display:block;height:0;clear:both;}
/*头尾*/
header{background:rgba(254,254,254,.85);height:60px;width:100%;position:fixed;top:0;left:0;z-index:2;border-bottom:1px solid #eee;box-shadow:0px 1px 10px rgb(0 0 0 / 5%)}
header .logo{padding-right:40px;}
header .logo img{display:block;height:60px;}
header nav{max-width:78%;}
header nav li{float:left;line-height:60px;height:60px;padding:0 20px;position:relative;}
header nav li>a{font-size:16px;}
header nav li.cur>a,header nav li:hover>a{color:#0066CC;}
header nav .sub{position:absolute;padding:10px 0;min-width:110px;left:0;top:60px;text-align:center;background:#fff;box-shadow:0 3px 14px 0 rgb(199 209 215 / 40%);display:none;}
header nav li:hover .sub{display:block;}
header nav .sub a{display:block;height:40px;line-height:40px;}
header nav .sub a:hover{color:#0066CC;}
header .icon{height:60px;line-height:60px;width:60px;text-align:center;cursor:pointer;}
header .icon img{width:24px;height:24px;display:block;margin:18px auto;}
header .icon .icon2{display:none;}
header .icon.cur .icon1{display:none;}
header .icon.cur .icon2{display:block;}

header .search{position:absolute;right:60px;top:10px;width:280px;height:40px;display:flex;line-height:40px;}
header .search .input{height:40px;padding:10px 20px;color:#333;border-top-left-radius:40px;border-bottom-left-radius:40px;background:#eee;box-sizing:border-box;width:82%;}
header .search .submit{width:18%;height:40px;border-top-right-radius:40px;border-bottom-right-radius:40px;background:#0066CC;color:#fff;cursor:pointer;}
footer{background:#222;line-height:50px;font-size:12px;color:#999;}
.footerba {
    color: #FFFFFF;
    
}
/*栏目*/
.tit_bg{background:url(../images/pattern.png);height:10px;position:relative;margin-bottom:18px;}
.tit_bg span{font-size:18px;line-height:18px;background:#fff;position:absolute;top:-4px;padding:0 20px;}
.tit_bg span::after{content:'';display:block;width:10px;height:10px;position:absolute;background:#000;top:4px;;left:0;}
/*时间*/
time{color:#999;position:relative;padding-left:20px;box-sizing:border-box;}
time::before{content:'';background:url(../images/time.svg) no-repeat center center;background-size:cover;display:block;width:14px;height:14px;position:absolute;top:50%;margin-top:-7px;left:0;}
/*游览*/
.eyes{color:#999;position:relative;padding-left:20px;box-sizing:border-box;font-style:normal;}
.eyes::before{content:'';background:url(../images/visit.svg) no-repeat center center;background-size:cover;display:block;width:14px;height:14px;position:absolute;top:50%;margin-top:-7px;left:0;}
/*图片*/
.img{border-radius:8px;overflow:hidden;}
.img img{display:block;width:100%;min-height:100%;}
/*位置*/
.position{display:flex;line-height:50px;}
.position a{color:#777;}
.position i{color:#ccc;margin:0 10px;}
/*页码*/
.pages{padding-bottom:30px;}
.pages a{display:inline-block;color:#333;padding:0 10px;box-shadow:0 1px 2px 0 rgba(51,51,51,.3);box-sizing:border-box;height:34px;line-height:34px;margin:0 5px;border-radius:2px;}
.pages a:hover,.pages a.cur{box-shadow:0 3px 2px 0 rgba(51,51,51,.2);background-color:#FF66FF;color:#fff}
/*首页*/
.secbox1{display:flex;justify-content:space-between;padding-top:40px;}
.secbox1 .img{width:370px;height:320px;}
.secbox1 .img ul{position:absolute;display:flex;}
.secbox1 .img ul li{width:370px;height:320px;}
.secbox1 .img ul li p{position:absolute;bottom:0;background-image:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.8));width:370px;height:40px;line-height:40px;font-size:16px;text-align:center;color:#fff;}
.secbox1 .img .arrow{display:block;width:40px;height:40px;border-radius:50%;line-height:40px;text-align:center;background:rgb(0,0,0,.2);position:absolute;top:50%;margin-top:-20px;color:#fff;}
.secbox1 .img .prev{left:0;}
.secbox1 .img .next{right:0;}
.secbox1 .dot{position:absolute;bottom:40px;width:370px;}
.secbox1 .dot span{display:inline-block;width:12px;height:12px;background:#fff;margin:0 5px;border-radius:50%;cursor:pointer;box-shadow:0 0 2px #000;}
.secbox1 .dot span.cur{background:#0066CC;}
.secbox1 article{width:380px;}
.secbox1 article li{margin-top:14px;line-height:30px;height:30px;box-sizing:border-box;border-bottom:1px dashed #ccc;display:flex;justify-content:space-between;}
.secbox1 article li p{width:80%;}
.secbox1 article li p:before{content:'·';margin-right:10px;font-weight:bold;}
.secbox1 article li time{width:18%;}
/*首页列表*/
.secbox2 ul{display:flex;justify-content:flex-start;flex-wrap:wrap;}
.secbox2 li{width:400px;margin-top:20px;display:flex;}
.secbox2 li .img{width:110px;height:90px;margin-right:20px;}
.secbox2 li .text{width:245px;}
.secbox2 li .text h3{font-size:16px;line-height:18px;}
.secbox2 li .text p{color:#888;line-height:20px;margin-top:6px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;}
.secbox2 li .icon{display:flex;margin-top:4px;}
.secbox2 li .icon time{margin-right:20px;}
.secbox2 li .icon i{display:block;}
/*友链*/
.links{background:#222;}
.links .content{display:flex;}
.links h3{color:#fff;line-height:50px;width:90px;}
.links ul{display:flex;line-height:50px;flex-wrap:wrap;}
.links ul li{margin-right:20px;}
.links ul li a{color:#ccc;}
/*列表*/
.main{display:flex;justify-content:space-between;}
.main .list1{width:780px;}
.main .list1 li{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;}
.main .list1 li .img{width:180px;height:120px;border-radius:8px;overflow:hidden;}
.main .list1 li .text{width:580px;}
.main .list1 li .text h3{font-size:18px;line-height:24px;font-weight:bold;}
.main .list1 li .text p{margin:7px 0;line-height:24px;color:#888;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;}
.main .list1 li .text .icon{display:flex;line-height:30px;}
.main .list1 li .text .icon .catname{margin-right:20px;}
.main .list1 li .text .icon .catname a{color:#888;}
.main .list1 li .text .icon .eyes{margin-right:20px;}
/*详情*/
.main .details{width:780px;}
.main .title{margin-bottom:20px;}
.main .title h1{font-size:28px;font-weight:bold;line-height:38px;}
.main .icon{color:#999;padding-top:5px;}
.main .icon time{margin-right:40px;}
.main .article{line-height:2;font-size:16px;word-break:break-all;}
.main .article p{padding:2px 0;}
.main .article img{min-width:600px;max-width:100%;margin:2px auto;border-radius:10px;}
.main .tags a{display:inline-block;box-sizing:border-box;border:1px solid #eee;border-radius:3px;padding:2px 8px;margin:0 10px 10px 0;}
.main .prev_next{display:flex;}
.main .prev_next p{background:#fcfcfc;padding:20px;width:50%;box-sizing:border-box;}
.main .prev_next .next{text-align:right;}
.main .prev_next p span{display:block;padding-bottom:10px;}
.main .prev_next p a{display:block;}
.smalltext {
    background: #f5f5f5;
    padding: 12px 10px;
    margin-bottom: 10px;
    font-size: 15px;
    color: #333;
    border-radius: 8px;
    line-height: 30px;
}
.smalltext .answer {
    border: 1px solid #999;
    padding: 2px 6px;
    margin-right: 5px;
    border-radius: 7px;
    font-size: 14px;
}
.con-answer {
    border: 1px solid #999;
    padding: 2px 6px;
    margin-right: 5px;
    border-radius: 7px;
    font-size: 14px;
}
.con-ask {
    font-size: 16px;
    color: #ff6f06;
    /* font-weight: bold; */
    line-height: 32px;
}
/*侧边*/
.main aside{width:360px;}
aside .list2{margin-bottom:30px;}
aside .list2 li{display:flex;padding:10px 0;justify-content:space-between;}
aside .list2 li .img{width:100px;height:70px;}
aside .list2 li .text{width:240px;}
aside .list2 li .text h3{line-height:22px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
aside .list2 li .text .icon{line-height:30px}
aside .list2 li .text time{margin-right:20px;}
header .menu{display:none;}
.main .title .title404{font-size:126px;line-height:200px;}


@media(max-width:1200px){
html{font-size:76px;}
body{max-width:760px;margin:0 auto;overflow-x:hidden;position:relative;}
body{font-size:.3733rem;}
.height60{height:1.6rem;}
.mt50{margin-top:1.33333rem;}
.mt20{margin-top:.53333rem}
.img{border-radius:.24rem;}
/*头尾*/
header{width:10rem;left:50%;margin-left:-5rem;height:1.6rem;line-height:1.6rem;}
header .menu{display:block;}
header .icon{height:1.6rem;width:1.6rem;}
header .icon img{width:.64rem;height:.64rem;display:block;margin:.48rem auto;}
header .logo{width:6.8rem;padding:0;}
header .logo img{display:block;height:1.12rem;margin:.24rem auto;}
header .search{right:1.6rem;top:.24rem;width:8.0rem;height:1.12rem;line-height:1.12rem;}
header .search .input{height:100%;padding:.2667rem .5333rem;border-top-left-radius:1.12rem;border-bottom-left-radius:1.12rem;font-size:.3733rem;}
header .search .submit{height:100%;font-size:.3733rem;}
header nav{display:none;}
header nav{position:fixed;top:1.6rem;left:50%;bottom:0;right:0;background:rgba(0,0,0,.4);width:10rem;margin-left:-5rem;}
header nav ul{background:#333;}
header nav li{width:100%;height:1.36rem;border-bottom:.0267rem solid #666;line-height:1.36rem;padding-left:.56rem;box-sizing:border-box;}
header nav li a{color:#fff;font-size:.4267rem;}
header nav .sub{right:0;z-index:2;flex-wrap:wrap;padding:0;background:transparent;position:absolute;width:3.33rem;top:1.36rem;left:unset;display:block;}
header nav .sub:before{content:'>';display:block;width:1rem;line-height:1.36rem;position:absolute;top:-1.36rem;right:0;color:#fff;}
header nav .sub a{background:#666;font-size:.3733rem;display:none;height:1.06rem;line-height:1.06rem}
header nav li:hover .sub a{display:block;}
header nav li:hover .sub:before{content:'=';}
/*栏目*/
.tit_bg{height:.24rem;margin-bottom:.48rem;}
.tit_bg span{font-size:.48rem;line-height:.48rem;top:-.12rem;padding:0 .56rem;}
.tit_bg span::after{width:.24rem;height:.24rem;top:.12rem;}
/*时间*/
time{padding-left:.56rem;}
time::before{width:.4rem;height:.4rem;margin-top:-.2rem;}
/*游览*/
.eyes{padding-left:.56rem;}
.eyes::before{width:.4rem;height:.4rem;margin-top:-.2rem;}
/*位置*/
.position{line-height:1.28rem;padding-left:.4rem;}
.position i{margin:0 .24rem;}
/*页码*/
.pages{padding-bottom:.8rem;padding-top:.2rem;}
.pages a{padding:0 .24rem;height:.9rem;line-height:.9rem;margin:0 .16rem;border-radius:.05rem;}
/*首页*/
.secbox1{display:block;padding:.5rem .4rem 0 .4rem;}
.secbox1 .img,.secbox1 .img ul li{width:9.2rem;height:5rem;}
.secbox1 .img ul li p{width:9.2rem;height:1.12rem;line-height:1.12rem;font-size:.4267rem;padding-bottom:.48rem;}
.secbox1 .img .arrow{width:1.12rem;height:1.12rem;line-height:1.12rem;margin-top:-.56rem;}
.secbox1 .dot {bottom:1.12rem;width:9.2rem;bottom:0;}
.secbox1 .dot span{width:.32rem;height:.32rem;margin:.14rem;}
.secbox1 article{width:9.2rem;margin-top:1.12rem;}
.secbox1 article li{margin-top:.4rem;line-height:.8rem;height:.8rem;border-bottom-width:.0267rem:}
.secbox1 article li p:before{margin-right:.27rem;}
/*首页列表*/
.secbox2{display:block;padding:0 .4rem;}
.secbox2 li{width:100%;margin-top:.56rem;}
.secbox2 li .img{width:2.72rem;height:2rem;margin-right:.56rem;}
.secbox2 li .text{width:5.92rem;}
.secbox2 li .text h3{font-size:.4rem;line-height:.6rem;text-overflow:unset;overflow:unset;white-space:normal;}
.secbox2 li .text p{display:none;}
.secbox2 li .icon{display:flex;margin-top:.08rem;height:.72rem;line-height:.72rem}
.secbox2 li .icon time{margin-right:.56rem;}
.secbox2 li .icon i{display:block;}
/*友链*/
.links{padding-left:.4rem;padding-top:.4rem;}
.links h3{color:#fff;line-height:.68rem;width:2.4rem;}
.links ul{display:flex;line-height:.68rem;width:7.2rem;}
.links ul li{margin-right:.28rem;}
footer{line-height:1.28rem;font-size:.24rem;}
/*列表*/
.main{display:block;padding:0 .3rem;}
.main .list{width:100%;}
.main .list li{margin-bottom:0;padding:0.32rem 0;}
.main .list li .img{width:3.2rem;height:2.4rem;border-radius:.24rem;}
.main .list li .text{width:5.84rem;}
.main .list li .text h3{font-size:.4267rem;line-height:.64rem;font-weight:bold;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:unset;height:1.28rem;}
.main .list li .text .icon{line-height:.8rem;padding-top:.24rem;}
.main .list1 li .text p{display:none;}
.main .list1 li .text .icon .eyes{display:none;}
.main .list1 li .text .icon .catname{margin-right:.32rem;}
.main .list2 li .text time{margin-right:.32rem;}
.main aside{width:100%;}
/*详情*/
.main .details{width:100%;}
.main .title{margin-bottom:.56rem;margin-top:.4rem}
.main .title h1{font-size:.5567rem;line-height:.8rem;}
.main .icon{padding-top:.1333rem;line-height:.75rem;}
.main .icon time{margin-right:1rem;}
.main .article{font-size:.4267rem;}
.main .article p{padding:.08rem 0;}
.main .article img{min-width:unset;margin:.08rem auto;border-radius:.27rem;}
.main .tags a{border-radius:0.08rem;padding:0.0533rem 0.2133rem;margin:0 .2667rem .2667rem 0;}
.main .prev_next{display:block;}
.main .prev_next p{padding:.32rem .08rem;width:100%;display:flex;}
.main .prev_next p span{padding-bottom:0;margin-right:.4rem;width:1.6rem}
.main .prev_next p a{width:7.6rem;}
.main .title .title404{font-size:3rem;line-height:4rem;}
}
@media(max-width:760px){html{font-size:10vw;}}