/*
作者：天兴工作室
地址：http://www.txcstx.cn
邮箱：admin@txcstx.cn
*/
html{-webkit-text-size-adjust:none;word-wrap:break-word;word-break:break-all;font-size:10px;}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
body{margin:0px;padding:0px;color:#333333;font-size:1.4rem;font-family: "Microsoft YaHei", Verdana, sans-serif;line-height: 24px;background-color:#F5F5F5;outline: 0;}
a{text-decoration: none;color: #777;transition: all 0.35s ease 0s;outline: 0;}
a:hover{text-decoration: none;}
img{max-width:100%; height:auto; width:auto\9; border:0;}
div, h1, h2, h3, h4,h5, p, form, ul, label, input, textarea, img, span, dl, dt, dd{margin:0px;padding:0;outline: 0;}
.clear{clear:both;}
li{list-style-type: none;}
.fl{float:left;}
.fr{float:right;}
.zh{width:1200px;margin-top: 0px;margin-right: auto;margin-bottom: 0px;margin-left: auto;}
.left{width:72%;}
.rigth{width:26.8%;}
.xia15{margin-bottom:15px;}
.dnwu,#nav li>i{display:none;}

.pagebar{width: 100%;padding: 15px 0;text-align:center; }
.pagebar a,.pagebar .now-page{padding:4px 12px;border: 1px solid #ccc;color: #333333; margin:0 3px 3px 0;border-radius:2px;display:inline-block;}
.pagebar a:hover,.pagebar .now-page{color: #FFFFFF;}

/* 评论 */
.tx-comments>ul.msg{margin-bottom:8px;border:1px solid #ddd;padding:10px;border-radius:4px;background:#fff;}
.tx-comments{margin-bottom:10px;}
ul.msg img.avatar{float:left;margin-right:10px;border-radius:4px;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)}
ul.msg li.msgname p.commentname{line-height:23px;font-size:12px;margin-bottom:3px;}
ul.msg li.msgname small{color:#aaa;font-size:12px;}
ul.msg li.msgname small a{display:none;}
ul.msg:hover li.msgname small a{display:inline-block;}
ul.msg li ul.msg{margin-top:12px;padding:10px;border:1px solid #ededed;border-radius:4px;box-shadow: 0 0 2px rgba(0,0,0,0.05);}
.tx-comment h3,.tx-comments h3{line-height:40px;height:40px;font-size:17px;font-weight:normal;margin-bottom:8px;border-radius:2px;background:#eee;padding:0 10px;}
.tx-comments h4{text-align:center;padding:0 10px;font-size:17px;font-weight:normal;margin:8px 0;}
.tx-comment input{line-height:30px;height:30px;font-size:14px;font-family: "Microsoft YaHei", Verdana, sans-serif;width:100%;border:0;padding-left:8px;}
.tx-comment textarea{border:0;height:120px;width: 100%; font-size:14px;font-family: "Microsoft YaHei", Verdana, sans-serif;display:block;padding:8px;}
.tx-comment-box{border:1px solid #ddd;border-radius:4px;padding:4px;position:relative;background:#fff;margin-bottom:6px;}
.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:30px;width:auto;}
.tx-comment-box input.button{border:0;border-radius:0 0 2px 0;line-height:40px;height:40px;width:100px;background:#0EBAA6;color:#fff;position:absolute;right:0;bottom:0;}
.tx-comment-textarea{width:100%;clear:both;}
.tx-red{color:#c00;}
.reply-frm{margin-top:15px;}


.head {padding:5px 0; background-color:#fff;}
.logo a{ display:block; width:200px; height:60px;}
.ss form{width:380px;margin-left:200px; margin-top:10px;}
.ss #edtSearch,.sous #edtSearch{float: left;height: 38px; line-height:38px; color:#777777;width: 85%; border:1px solid #ddd;padding-left:2%;background-color:#ffffff;border-radius: 3px 0px 0px 3px;}
.ss #btnPost,.sous #btnPost{color: #FFFFFF;font-size:11px;float: left;height: 38px;width: 15%;border:0;border-radius: 0px 3px 3px 0px;font-size:1.6rem;}
.rss{ line-height:60px; width:200px; height:60px; overflow:hidden; text-align:right;}

/*自适应导航栏*/
.clearfix:before,
.clearfix:after,.rigth dl dd ul:after{content: " "; display: table;}
.clearfix:after,.rigth dl dd ul:after{clear: both;}
.clearfix{*zoom: 1;}
#nav{position: relative; height:45px; line-height:45px;z-index:999;}
#nav>a{display:none;}
#nav ul{padding: 0;}
#nav li{float: left;}
#nav li a{color:#fff;display: inline-block; line-height: 45px;padding:0 20px; color:#fff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;text-decoration: none;}
#nav a#pull,#nav a.search-on,.sous{display: none;}
#nav>ul>li.on>a,#nav>ul>li.hover>a{color:#fff;}
#nav li ul{list-style-type: none;position: absolute;top:45px;overflow:hidden;display:none;}
#nav>ul>li>ul>li>a{line-height: 38px;height: 38px;font-size:1.2rem;font-weight: normal;padding:0 28px;display: block;color:#fff;width:100%;}
#nav>ul>li>ul>li{float:none;width:100%;}
#nav>ul>li>ul>li>a:hover{color:#fff;}


.place{padding:15px 0;color:#888;}.place a{color:#888;}


.banner{position:relative;overflow:hidden; margin-bottom:15px;}
.banner .bd{ position:relative; z-index:0;  }
.banner .bd li a{display:block;  }
.banner .bd li a img{ width:100%; height:300px;display:block;border-radius: 5px;-o-object-fit: cover;object-fit: cover;}
.banner .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; text-align:center; }
.banner .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:10px; height:10px;border-radius: 5px; background-color:#fff;  margin:4px; overflow:hidden; line-height:9999px; filter:alpha(opacity=40);opacity:0.4; }
.banner .hd ul .on{ filter:alpha(opacity=100);opacity:1;  }

.list-li3{margin-left:-1.5%;}
.list-li3 li{width:31.8%; margin-left:1.5%;margin-bottom:15px; }
.list-li4{margin-left:-1%;}
.list-li4 li{width:24%; margin-left:1%;margin-bottom:15px; }
.list-li5{margin-left:-1%;}
.list-li5 li{width:19%; margin-left:1%;margin-bottom:10px; }
.list-li6{margin-left:-1%;}
.list-li6 li{width:15.66%; margin-left:1%;margin-bottom:10px; }
.list li{background-color:#fff; overflow:hidden;border-radius:3px; float:left;position: relative;box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.15);display:block;}
.list-tu{display:block;overflow:hidden;}
.list li a img{width:100%;display:block;transition: all 0.4s ease 0s;}
.list li:hover a img{-webkit-transform: scale(1.05);transform: scale(1.05);}

.list li:hover{box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.45);}
.list .ribbon{left: 10px;position: absolute;top: 10px;z-index: 1;cursor: pointer;color: #FFF;background: rgba(0, 0, 0, 0.65) none repeat scroll 0% 0%; padding:2px 8px;border-radius:3px;}
.ribbon a{ color:#f1f1f1;}
.list li div.pd10{padding:10px;}
.list li h3{ font-size:1.5rem; font-weight:300;line-height:24px; overflow:hidden;}
.list li h3.i20{height:24px; }
.list li h3.i40{height:48px; }
.list li p{ font-size:1.2rem; color:#9D9EAC; margin-top:8px; line-height:20px; height:40px; overflow:hidden;word-wrap: break-word;}
.list li small{ font-size:1.2rem; display:block;margin-top:10px;display:block;}
.list li small span{ color:#888;}
.img-box img{display: block;width: 100%;-o-object-fit: cover;object-fit: cover;}

.rigth dl{margin-bottom:15px;clear:both; width:100%;overflow:hidden; background-color:#fff;}
.rigth dt,.links h2{font-size:1.5rem;font-weight:700;line-height:2.5;background-color:#f5f5f5;border-top:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd;padding-left:10px;border-radius:3px 3px 0 0;}
.rigth dd,.links ul{padding:10px;border-radius:0 0 3px 3px;border:1px solid #ddd;}
.right ul{clear:both;  float:left; width:100%;}
.right ul:after{display: table;content: " ";clear: both;}
.rigth li{line-height:1.5; font-size:1.4rem;padding:7px 2% 7px 2%;border-bottom:1px dotted #ddd;}
.rigth ul li:last-child{border-bottom:0;}
.rigth #divSearchPanel dd{padding:10px;}
.rigth #divSearchPanel dd form{ height:30px;border-radius: 2px; }
.rigth #divSearchPanel input[type="text"]{line-height: 28px;height: 28px;width: 72%;float: left;padding-left: 1%;clear: left; border:0px;}
.rigth #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:1.2rem;font-weight:bold;}
#divCalendar caption a{padding:0px;}
#divCalendar th{color: #FFFFFF;text-transform: uppercase;height:26px;background-color: #CCCCCC;}
#divCalendar td{text-align:center;background:#F0F0F0;border:1px solid #E0E1E2;height:30px;}
#divCalendar td.pad{background:none}
#divCalendar td a{display:block;line-height:30px;}
.rigth #divMisc dd ul li a{padding-left:0; background-image:none;}
.rigth #divCatalog dd ul li,.rigth #divNavBar dd ul li,.rigth #divLinkage dd ul li,.rigth #divFavorites dd ul li{display: inline-block;width: 50%; height:34px; line-height:34px;padding:0 5px;overflow:hidden;}
.rigth #divTags dd{padding:2% 2% 0 2%;clear: both;}
.rigth #divTags dd ul li{float:left;margin:0;padding:0;font-size:14px;border-bottom:0;}
#divTags dd ul li span{display: none;}
#divTags dd ul li a{margin:0 5px 5px 0;padding:0 6px 0 6px;color: #FFFFFF;border-radius:2px;line-height:30px;display:block;height:30px;}
#divTags dd ul li a:hover{color: #FFFFFF;background-color: #04a5f7;}
#divTags .tags0{background-color: #efac82;}
#divTags .tags1{background-color: #84c7cf;}
#divTags .tags2{background-color: #d69899;}
#divTags .tags3{background-color: #d59ad4;}
#divTags .tags4{background-color: #c9b070;}
#divTags .tags5{background-color: #b0d699;}
#divTags .tags6{background-color: #eda29e;}
.rigth dl#divComments ul li{line-height: 1.5;width: 96%;padding:7px 2% 7px 2%;}
#divComments ul li span{margin-bottom: 4px; margin-top:2px;color: #999999;display: block;overflow: hidden;line-height: 1;}
#divComments ul li img{background-color: #f1f1f1;height: 35px;width: 35px;padding: 2px;border: 1px solid #ddd;float: left;margin-right: 6px;border-radius: 20px;}
.fixedbox-on{position:fixed;top:10px;}


.foot{ background-color:#f1f1f1; border-top:1px solid #ddd; padding:20px 0; text-align:center; font-size:1.2rem;}
.links ul{padding: 10px 0 0 10px;background:#fff;}
.links ul li{float: left;margin: 0 10px 10px 0;}

.info{ background-color:#fff; padding:20px 20px 5px 20px;border-radius: 5px; border:1px solid #ddd;margin-bottom:15px;}
.info-bt{ padding:10px 0; margin-bottom:15px; border-bottom:1px dotted #ddd; text-align:center;}
.title{ font-size:2.2rem; font-weight:300; line-height:1.5;margin-bottom:15px;}
.hui{ font-size:1.2rem; color:#888;}
.hui span{margin-right:12px;}
.info-zi{ font-size:1.5rem; line-height:1.8;word-wrap: break-word;}
.info-zi p{ margin:0.6em 0;}
.info-zi h2,.info-zi h3{background-color: rgba(102, 128, 153, 0.05);padding: 10px 20px;border-radius:3px;font-size:1.7rem;}
.info-zi h3{font-size:1.5rem;}
.info-zi blockquote {border-left: 10px solid rgba(102, 128, 153, 0.075);background-color: rgba(102, 128, 153, 0.05);border-radius:0 5px 5px 0;padding: 15px 20px; margin-left:0;margin-right:0;margin-bottom: 0.6em;color:#666;}
.sx{margin:15px 0;}
.sx li{width:45%;}
.sx li.ziyou{text-align:right;}
.xg{margin-top:25px;}
.xgh2{ font-size:1.5rem; font-weight:300; line-height:2; background-color:#f1f1f1;border-radius: 3px; padding:0 8px; margin-bottom:8px;}
.xg1 li span{float:right;color:#999;font-size:1.2rem;}
.xg1 li{border-bottom: 1px dotted #DDD;line-height:32px;height:32px;overflow:hidden;padding:0 4px;}
.info-ss p{margin-bottom:15px;padding-bottom:15px;border-bottom:1px dotted #ddd;}
.ad img{display:block;}

@media screen and (max-width: 1198px){
    .sjwu{display:none;}
    .dnwu{display:block;}
    .xia15,.info,#comments,.banner,.list-li3 li,.list-li4 li,.list-li5 li,.list-li6 li,.info-list .list li{margin-bottom:8px;}
    .zh{width:100%;padding:0 8px; z-index:0;}
    .zh1,.left,.tx-comment-ul4,.tx-comment-ul3{width:100%;}
    #nav{background-position:center center; background-repeat:no-repeat;background-size:133px 40px;border-bottom: 0; height:50px;width: 100%;position: fixed;left: 0px;top: 0px;display: block;z-index:2;}
    #nav>ul{display: none;height: auto;width: 100%;height: auto;overflow: scroll; position:absolute;top:50px;left:0;margin:0;}
    #nav>a{display:block;color:#fff;}
    #nav a#pull{display: inline-block;height:50px; width: 50px;position:absolute;padding:0;text-indent:0; top:0;left:10px;z-index: 2;color:#fff;}
    #nav li{width: 100%;float: left;position: relative;border-top: 1px solid #ddd;}
    #nav li>i{position:absolute;right:0;top:0;width:45px;height:45px;line-height:40px;text-align:center;border-left:1px solid #eee;background:#f1f1f1;z-index:10;cursor:pointer;display: block;}
    #nav li a{border-right:0;color:#fff;}
    #nav li ul{position:relative;top:0;}
    #nav li a{text-align: left;width: 100%; line-height:45px; height:45px;} 
    #nav a.search-on{position:absolute;right:10px;top:0;width:auto;display:inline-block;padding:0;z-index: 2;width: 50px;text-align: right;color:#fff;}
    #pull i,.home i{line-height:50px;font-size:1.5rem;}
    #nav a.waplogo{position: absolute;width: 100%;height: 50px;left: 0;top: 0;z-index: 1;padding: 0 50px;}
    .place{margin-top:50px;padding:10px;} 
    .info{padding: 10px;}
    .list li{width:48.5%;}
    .list li a img{height:300px;}
    .sx li{width:100%;}
    .sx li.ziyou{text-align:left;}
    .sous{position:absolute;left:0;top:50px;width:100%;background:#fff;padding:8px;}
    .sous form{width:100%;}
    .gao60{height:50px;}
    .foot{margin-top:10px;padding:10px 0;}
    .tx-comment .tx-comment-ul4:nth-child(2n){float:right;}
    .tx-comment .tx-comment-ul3-2{margin:0 0 6px 0;}
    .pagebar{padding: 6px 0;}
    .fixedbox-on{position:relative;top:auto;}
    .banner .bd li a img{height:260px;}
}
@media screen and (max-width: 640px){.list li a img{height:220px;}.banner .bd li a img{height:200px;}}
@media screen and (max-width: 320px){.list{margin:0;}.list li{margin-left:0;width:100%;}.list li a img{height:auto;}.banner .bd li a img{height:160px;}}