/*
作者：天兴工作室
网址：https://www.txcstx.cn
邮箱：admin@txcstx.cn
*/
body{font-weight: 200;background-color:#f5f5f5;}
/* 分页条 */
.pagebar a,.pagebar .now-page{padding:0 1.5rem;line-height:3.5rem;display:inline-block;background-color:#eee;margin:0 0.3rem 0.3rem 0;border-radius: 0.2rem;}
.pagebar a:hover,.pagebar .now-page{color: #fff;background-color: #0099cc;}
/* 评论 */
.tx-comments>ul.msg{margin-bottom:1rem;border:1px solid #eee;padding:1rem;border-radius:0.4rem;}
.tx-comments{margin-bottom:1rem;}
.msg img.avatar{float:left;margin-right:1rem;border-radius:0.5rem;width:45px;height:45px;border-radius:50%;-webkit-transition:.4s;-webkit-transition:-webkit-transform .4s ease-out;transition:transform .4s ease-out;-moz-transition:-moz-transform .4s ease-out;}
li.msgname:hover img.avatar,.commons li:hover img{transform:rotateZ(60deg);-webkit-transform:rotateZ(60deg);-moz-transform:rotateZ(60deg)}
.msg li.msgname p.commentname{line-height:2.2rem;font-size:1.2rem;margin-bottom:0.4rem;}
.msg li.msgname small{color:#aaa;font-size:1.2rem;}
.msg li.msgname small a,.tx-comment label,.tx-comments label{display:none;}
.msg li.msgname:hover small a{display:inline-block;}
.msg li ul.msg{margin-top:1.2rem;padding:1rem;border:1px solid #ededed;border-radius:4px;box-shadow: 0 0 2px rgba(0,0,0,0.05);}
.tx-comments h4{text-align:center;padding:1rem;font-size:1.6rem;margin-bottom:0.8rem;}
.tx-comment input{line-height:3rem;height:3rem;font-size:1.4rem;width:100%;border:0;padding-left:0.8rem;}
.tx-comment textarea{border:0;height:120px;width: 100%; font-size:1.4rem;display:block;padding:1rem;}
.tx-comment-box{border:1px solid #ddd;border-radius:4px;padding:0.4rem;position:relative;background:#fff;margin-bottom:0.6rem;}
.tx-comment-ul4{float:left;width:49.5%;}
.tx-comment-ul3{float:left;width:32.66%;}
.tx-comment .tx-comment-ul4:nth-child(2n){float:right;}
.tx-comment .tx-comment-ul3-2{margin:0 1%;}
.tx-comment-box img.tx-code{position:absolute;right:4px;top:4px;height:3rem;width:auto;}
.tx-comment-box input.button{border:0;border-radius:0 0 2px 0;line-height:4rem;height:4rem;width:100px;color:#fff;position:absolute;right:0;bottom:0;}
.tx-comment-textarea{width:100%;clear:both;}
.reply-frm{margin-top:1.5rem;}


.header{position: fixed;z-index: 999;width: 100%;left: 0;top: 0;opacity: 0.96;background-color:#fff;box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);}
.header>a{display: none;}
.logo{padding: 1rem 0;margin-right: 5rem;}
.logo a,.logo img{display: block;line-height: 1;height: 4rem;width: auto;}

.nav ul::after{display:table;content:" ";clear:both}
.nav li{position: relative;float:left;margin-left: 3rem;}
.nav li a{display: block;line-height: 6rem;font-size: 1.6rem;position:relative;}
.nav>ul>li>a::after{content: "";display: block; position: absolute;left:50%;bottom:-1px;height:3px;width: 0;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s}
.nav li a:hover::after,.nav li.on a::after{width:20px;margin-left: -10px;}
.nav li ul{position: absolute;left:0;top:1rem;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s;z-index: 0;opacity: 0;visibility: hidden}
.nav li ul li{margin: 0;}
.nav li ul li a{white-space: nowrap;line-height:3rem;font-size: 1.5rem;color: #fff;padding: 0 2rem;font-size: 1.4rem;}
.nav li:hover ul{top:6rem;padding: 0.6rem 0; opacity: 1;visibility:visible;}

.search{padding: 1.2rem 0;}
.search form{width: 20rem;background-color:rgba(0,0,0,0.1);position: relative;padding-right: 4rem;border-radius: 3px;}
.search input{width: 100%;padding: 0 1rem;border: 0;line-height: 3.6rem;font-size: 1.3rem;background-color: transparent}
.search button{position: absolute;right: 0;top: 0;border: 0;width:4rem;line-height: 3.6rem;height:3.6rem;text-align: center;color:#000;background-color: transparent;}

.main{padding-top: 8rem;}

.home-flash .swiper-slide img{height: 358px;width: 100%;-o-object-fit: cover;object-fit: cover;}
.swiper-slide>a{display: block;position: relative;}
.swiper-slide>a:hover{color: #111;}
.swiper-slide>a p{position: absolute;bottom:27px;left: 0;width: 100%; text-align: center;font-size: 1.6rem;z-index: 10;}
.swiper-slide>a::after{content:"";position: absolute;bottom: 0;left: 0;display: block;width: 100%;height: 60px;background-color:rgba(255,255,255,0.7);z-index: 9;}
.swiper-pagination-bullet{background-color:rgba(0,0,0,0.3);border-radius:3px;opacity: 1;width:6px;height:6px;}
.swiper-pagination-bullet-active{background-color: #333;width:20px;}
.img-box[data-ratio="16:8"]{padding-top: 171px;}

.swiper-container .swiper-button-next,.swiper-container .swiper-button-prev{background-image:none;background-color:rgba(0,0,0,0.6);color:#fff;line-height:44px;text-align:center;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s;}
.swiper-button-next{right:-40px;}.swiper-button-prev{left:-40px;}
.swiper-container:hover .swiper-button-next{right:0;}
.swiper-container:hover .swiper-button-prev{left:0;}

.info-title{padding: 3rem 1.5rem 2rem 1.5rem;}
.info-title h1{font-size: 2.6rem;}
.tx-box{display: block;background-color:rgba(255,255,255,0.98);box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);transition:all .35s ease 0s;}
.tx-box:hover{box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);}

.img-box1,.img-bottom{position: relative;display: block;overflow: hidden;}
.img-box1 section,.img-bottom p{position: absolute;bottom:-3rem;left: 0;background-color:rgba(255,255,255,0.7);width: 100%;padding:1rem;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;}
.img-bottom p{bottom:-4rem;}
.img-box1:hover section,.img-box2:hover .img-bottom p{bottom: 0;color: #000;}


.img-box3{padding:1.5rem;display:block;}
.img-box3>i{width: 17.2rem;float: left;display: block;margin-right:1.8rem;}
.img-box3 section{overflow: hidden;overflow-x: hidden;}

.pp-box{position: relative;padding:1.5rem;overflow: hidden;}
.pp-box p img{height:6rem;width: auto;border: 1px solid #eee;padding: 0.2rem;max-width: 100%;overflow: hidden;}
.pp-box li a{display: block;line-height:3rem;text-align: center;border-style:solid;border-width:1px;}
.pp-box li a:hover{color: #fff;}

.ico-i{display: inline-block;padding: 0 0.5rem;color: #fff;font-style: normal;}

.ranking-li li{line-height: 3.4rem; white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ranking-li li i{display: inline-block;font-style: normal;background-color:#eee;text-align: center;width: 2rem;height: 2rem;line-height: 2rem; margin-right: 1rem;color: #888;}
.ranking-li li:nth-child(1) i,.ranking-li li:nth-child(2) i,.ranking-li li:nth-child(3) i{color:#fff;}
.ranking-li li:nth-child(2) i{opacity: 0.9}.ranking-li li:nth-child(3) i{opacity: 0.7}

.tag-list{max-height:27rem;overflow: hidden;}
.tag-list a{display: block;float: left;margin: 0 0.4rem 0.4rem 0;padding: 0 1rem;line-height: 3rem;height:3rem;color:#fff;}
.tag-list a:nth-child(3n),.tag-list a:nth-child(5),.tag-list a:nth-child(7){opacity: 0.7;}
.tag-list a:hover{color: #fff;opacity: 0.9;}

.comment-list li{background-color:#fafafa;border-radius: 4px;margin-bottom: 1rem;}
.comment-list li:last-child{margin-bottom: 0;}
.comment-list li:hover{background-color: #f9f9f9;box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);}
.comment-list li p{padding:0.5rem 1rem;}
.comment-list li p:last-child{background-color: #f6f6f6;}
.portrait img{width: 2rem;height: 2rem;border-radius: 50%;}

.footer{padding: 3rem 0 2rem 0;color: #eee;}
.footer a{color: #ededed;}.footer a:hover{color: #fff;}
.foot-wx img{margin-bottom: 0.5rem;width: 100%;max-width: 100px;}
.links-li li{float: left;margin: 0 1rem 1rem 0;line-height: 2rem;height: 2rem;overflow: hidden;}
.copy p{margin-bottom: 1rem;}
.fixed-kf{position: fixed;right: 3rem;bottom: 10rem;z-index: 999;}
.fixed-kf>a,.fixed-kf>div{width:4.2rem;margin-top: 1rem;display: block;text-align: center;position: relative;}
.fixed-kf>a{background-color:#fff;line-height: 4.2rem;font-size:3rem;box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);}
.fixed-kf>div span{display: block;padding: 1rem;position: relative;z-index: 11;color: #fff;}
.wx-box div{position: absolute;right: 0;bottom: 0;width: 20rem;background-color: #fff;box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);padding: 1.5rem;opacity: 0;visibility: hidden;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s;z-index: 10;}
.wx-box:hover div{right: 5rem;opacity: 1;visibility:visible;}

.border-b{border-bottom: 1px solid #eee;}.border-b1{border-bottom: 1px dashed #eee;}

.tx-side dl{margin-bottom: 1.5rem;background-color: #fff;box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);transition:all .35s ease 0s;padding:1.5rem;}
.tx-side dt{font-size: 2rem;margin-bottom: 0.5rem;color: #000;}
.tx-side dl ul li.mb15:last-child,.tx-side dl ul li.mb15:nth-last-child(2){margin-bottom: 0;}
.tx-side dl dd ul li{padding: 0.6rem 0;}
.tx-side dl dd ul::after{display:table;content:" ";clear:both}
.tx-side #divSearchPanel dd form{ height:30px;border-radius: 2px;}
.tx-side #divSearchPanel input[type="text"]{line-height: 30px;height: 30px;width: 75%;float: left;clear: left; border:0px;background-color:#eee;padding:0 10px;}
.tx-side #divSearchPanel input[type="submit"]{color: #FFFFFF;float: right;height: 30px;width: 25%; border:0px;}
#divCalendar .function_t{display:none;}
#divCalendar table{width:100%; table-layout:fixed}
#divCalendar caption{text-align:center;height:24px;margin:0px;padding:0px;font-size:0.875em;font-weight:bold;}
#divCalendar caption a{padding:0px;}
#divCalendar th{text-transform: uppercase;height:26px;}
#divCalendar td{text-align:center;border:0;height:30px;line-height:30px;}
#divCalendar td.pad{background:none}
#divCalendar td a{display:block;line-height:30px;color: #fff;}
.tx-side #divMisc dd ul li{display: inline-block;width: 50%;}
.tx-side #divMisc dd ul li a{padding-left:0; background-image:none;}
.tx-side #divNavBar dd ul li,.tx-side #divLinkage dd ul li,.tx-side #divFavorites dd ul li,.tx-side #divArchives dd ul li{width: 50%; float: left;position: relative;}
.tx-side dl#divTags ul li{float: left;margin-right: 10px;}

.special-flash .swiper-slide img{height: 280px;width: 100%;-o-object-fit: cover;object-fit: cover;}

.tx-text a{border-bottom:2px solid #84cf6d;text-decoration:none;}
.tx-text a:hover{-webkit-transition:box-shadow .2s linear;transition:box-shadow .2s linear;color:#000;}
.special-info{position: relative;z-index: 99;}
.special-info>div{position:relative;top: 0;left:0;max-height: 190px;overflow:hidden; background-color: #fff;z-index: 10;}
.special-info .special-info-on{position: absolute;bottom: 0;left:0;width: 100%;z-index: 20;text-align: center;padding:5rem 1rem 0 1rem;background-image: linear-gradient(-180deg,rgba(255,255,255,0) 0%,#fff 70%);display: none;border:0;}
.special-info .special-info-on:hover{border:0;opacity:0.9;box-shadow:none;}
.special-info-on span{color: #fff;display: inline-block;padding:0.2rem 1.5rem;}
.special-info.on>div{max-height:none;position: absolute;right: -1.6rem;left:-1.6rem;padding:0 1.6rem 4rem 1.6rem;}
.special-info.on>div .special-info-on{bottom: 1rem;background-image: none;}

.new-ask{padding: 20px 0;}
.new-ask h2,.new-about h2{text-align: center;font-size: 20px;line-height: 2;}
.new-ask li h3{padding:12px 20px;background-color: #f1f1f1;font-size: 16px;}
.new-ask li p{padding:20px;}
.new-about{text-align: center;padding:28px;}
.new-about h2 span{display: inline-block;position: relative;padding: 0 100px}
.new-about h2 span::after{content: "";position: absolute;left:0;width: 80px;height: 1px;border-bottom: 1px solid #ddd;top: 50%;}
.new-about h2 span::before{content: "";position: absolute;right:0;width: 80px;height: 1px;border-bottom: 1px solid #ddd;top: 50%;}
.new-about section a{display: inline-block;font-size: 16px;border-radius: 3px;line-height: 42px;height: 42px;padding: 0 30px; color: #fff;margin-top: 15px;}

@media only screen and (max-width: 1920px) and (min-width: 1440px) {
    .wide{padding-left:2rem;padding-right: 2rem;max-width: 1440px;}
    .img-box[data-ratio="16:8"]{padding-top: 200px;}
    .home-flash .swiper-slide img{height: 415px;}
}
@media only screen and (max-width: 1438px) and (min-width: 990px) {
    .wide{padding-left:1rem;padding-right: 1rem;}
}

@media screen and (max-width: 992px){
    .main{padding-top: 7rem;}
    .nav{position: absolute;left: 0;top: 6.1rem;width: 100%;padding: 1rem 0;display: none;background-color:#fff;box-shadow: 0 6px 12px rgba(0,0,0,.1);}
    .nav li{width: 100%;}.nav li a{line-height: 3.6rem;}
    .nav li ul{position: relative;opacity: 1;visibility:visible;top: auto;padding: 1rem 0;background-color: transparent;}
    .nav li:hover ul{top: auto;padding: 1rem 0}.nav li ul li a{padding: 0 3.6rem;}
    .nav > ul > li > a::after{display:none;}
    .search{position: absolute;top: 6.1rem;left: 0;width: 100%;padding: 1rem;display: none;background-color:#fff;}
    .search form{width: 100%;}
    .header>a{display:inline-block;position:absolute;right: 1rem;top: 0;line-height: 6rem;font-size:1.8rem;}
    .header>a.search-on{right: 5rem;}
    .fixed-kf{bottom: 1rem;right: 1rem;}
    .img-box[data-ratio="16:8"]{padding-top: 60%;}
    .mb20,.mb15{margin-bottom:1rem;}
    .home-flash .swiper-slide img,.special-flash .swiper-slide img{height:auto;}
    .footer{text-align:center;}
    .foot-wx li{text-align:left;}.foot-wx li:first-child{text-align:right;}
}

@media screen and (max-width: 376px){
    .r-sm .col-m-12{width:100%;}
    .img-box3 > i{width:10rem;}
    .img-box3 p.i40,.img-box3 p.i60{display:none;}
    .p-hide{display:none;}
    .pp-box li a{margin-bottom:3px;}
}