﻿/*
作者：天兴模板工作室
地址：http://www.txcstx.cn
邮箱：admin@txcstx.cn
*/
body{margin:0px;padding:0px;color:#333333;font-size:0.875em;font-family: "Microsoft YaHei", Verdana, sans-serif;background-repeat: repeat;background-position: 0px 0px;width: 100%;}
a{text-decoration: none;transition: all 0.25s ease 0s;}
a:hover{text-decoration: none;}
img{max-width: 100%;border:none;}
div, h1, h2, h3, h4, p, form, ul, label, input, textarea, img, span, dl, dt, dd{margin:0px;padding:0;}
input[type="submit"],input[type="text"],input[type="button"],button{-webkit-appearance: none;}
.fl{float:left;}
.fr{float:right;}
.clear:after{clear:both;}
.clear{clear:both;}
li{list-style-type: none;}.mr5{margin-right:5px;}
.pagenav{width:100%;height:36px;text-align:center;padding-top: 0px;padding-right: 0;padding-bottom: 10px;padding-left: 0;}
.pagenav span.pageid{display:inline-block;padding:0 10px;line-height:36px;font-size:14px;font-weight:700;background:#f5f5f5;color:#555;}
.pagenav span.button{margin:0 5px;border-radius: 3px;}
.pagenav span.button a{display:inline-block;padding:0 10px;line-height:36px;font-size:14px;font-weight:700;color:#fff;border-radius: 3px;}
.pagenav span.button a:hover{color:#fff;}
#comments{margin-top: 15px;padding-top: 10px;padding-bottom: 10px;}
#comments h3,#comments h4,#guan h3{font-size: 1.125em;line-height: 40px;font-weight: normal;margin-bottom: 10px;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #dddddd;}
#comments h5{font-size: 1.125em;font-weight: normal;}
#comments h4{margin-top: 15px;}
#frmSumbit #inpName,#frmSumbit #inpEmail,#frmSumbit #inpHomePage,#frmSumbit #inpVerify{padding-left: 5px;border: 1px solid #ddd;height: 30px;padding-top: 0px;padding-right: 5%;padding-bottom: 0px;line-height: 30px;float: left;margin-right: 10px;margin-top: 0px;margin-bottom: 0px;margin-left: 0px;width: 40%;}
.commentpost label{height:30px;overflow:hidden;float:left;line-height:30px;margin:0px;padding-top: 0px;padding-right: 10px;padding-bottom: 0px;padding-left: 10px;border-top-width: 1px;border-right-width: 0;border-bottom-width: 1px;border-left-width: 1px;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-top-color: #dddddd;border-right-color: #dddddd;border-bottom-color: #dddddd;border-left-color: #dddddd;clear: left;}
#txaArticle{width:96%;height:120px;border:1px solid #ddd;padding:2%;}
#frmSumbit p{padding:0px;margin-top: 0px;margin-right: 0px;margin-bottom: 5px;margin-left: 0px;line-height: 30px;}
#frmSumbit .button{color: #FFFFFF;height: 30px;width: 100px;border-top-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-left-width: 0px;margin-right: 15px;border-radius: 3px;}
.msg .msgarticle .msg .msgname .dot{display: none;}
.msgname .dot{font-size: 1.875em;color: #edecec;float: right;margin-left: 15px;font-weight: 700;}
.timesj{color:#999999;font-size: 0.875em;margin-right: 10px;}
#comments h4 span{float:right;}
.msg .msgimg img{clear: left;float: left;margin-right: 15px;padding: 2px;height: 36px;width: 36px;border: 1px solid #ddd;background-color: #f1f1f1;margin-top: 0px;margin-bottom: 0px;margin-left: 0px;border-radius: 18px;}
.msgtxt .msgarticle{line-height: 16px;padding-top: 4px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;font-size: 1em;}
#comments .msg{font-size: 1em;border: 1px solid #dddddd;padding: 9px;margin-bottom: 5px;margin-top: 10px;border-radius: 5px;}
#comments .msg:hover{border: 1px solid #999999;}
.msg .msgarticle{line-height: 20px;color: #666666;font-size: 1em;}
#comments .msg .msgarticle .msg{background-color:#f9f9f9;border: 1px solid #dddddd;font-size: 1em;margin-bottom: 0px;}

#head{display: block;width:100%;height: 60px;position:fixed;left: 0px;top: 0px;z-index:1;}
#head #logo{width: 28%;height: 60px;float: left;margin-right: 2%;}
#head #navbar{width: 70%;height: 60px;float: right;position:relative;}
.menubtn{display: none;}
#hamburgermenu{line-height: 60px;height: 60px;position: relative;z-index:98;}
#hamburgermenu ul li{float: left;}
#hamburgermenu ul li a{font-size: 1em;color: #ffffff;font-weight: 700;padding:10px 20px;display: block;line-height: 20px;border-radius: 3px;margin-bottom: 10px;margin-top: 10px;margin-right: 4px;}
#hamburgermenu li a:hover,#hamburgermenu li a.on{color: #fff;}
#hamburgermenu li ul{list-style-type: none;left: -999em;position: absolute;overflow: visible;}
#hamburgermenu li ul li{clear: left;width:100%;}
#hamburgermenu li ul li a{line-height: 35px;height: 35px;margin:0;font-weight: normal;padding:0 20px;display: block;}
#hamburgermenu li ul a:hover{text-decoration:none;font-weight:normal;}
#hamburgermenu li:hover ul{left: auto;}
#hamburgermenu li.sfhover ul{left: auto;}



#navbar span{position:absolute;right:0;top:0;font-size: 0.75em;line-height: 60px;padding-top: 15px;z-index:99;}
#navbar span a{float: right;padding-right: 10px;padding-left: 10px;padding-top: 5px;padding-bottom: 5px;line-height: 20px;border-radius: 3px;margin-left: 2px;height: 20px;color: #FFFFFF;}

#logo404{background-color: #0CD1A8;background-image: url(../include/logo.png);background-repeat: no-repeat;background-position: center center;padding-top: 60px;padding-bottom: 60px;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #9EAA99;box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);}
#cw404{width: 720px; margin: 20px auto;}
#cw404 h1{font-size: 18px; line-height: 60px; font-weight: normal; text-align: center;}
#cw404 .kuang{font-size: 14px;border: 1px solid #9EAA99;border-radius: 3px;box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);padding: 20px;background-color: #FFFFFF;text-align:center;}
#info{margin-top: 80px;}
#info #left{width: 72%;;float: left;}
#info #rigth{width: 27%;float: right;}
#left dl,#left #place,#left #comments{padding-right: 20px;padding-left: 20px;border: 1px solid #9B9DA7;margin-bottom: 10px;border-radius: 5px; background:#FFFFFF \9; /*IE8 背景色*/ *background:#FFFFFF; /*IE7 背景色*/ _background:#FFFFFF; /*IE6 背景色*/background: rgba(255, 255, 255, 0.95);}
#left #post,#left #shuoshuo{padding-top: 20px;padding-bottom: 20px;}
#left #post:hover,#left #shuoshuo:hover,#left #place:hover,#rigth dl:hover,#left #neir:hover,#left #comments:hover{border: 1px solid #000000;}
#shuoshuo .toux{display: block;float: left;height: 40px;width: 40px;margin-right: 15px;border-radius: 20px;overflow: hidden;}
#shuoshuo dt h2 small{font-size: 0.875em;font-style: normal;color: #999999;font-weight: normal;margin-left: 15px;}
#shuoshuo dd p{color:#666666;margin-left: 55px;}
#post dd i{width: 200px;height: 120px;float: left;margin-right: 20px;padding: 0px;clear: left;display: block;overflow: hidden;border-radius: 5px;}
#post dt h2{font-size: 1.125em; margin-bottom: 10px;}
#shuoshuo dt h2{font-size: 1em; margin-bottom: 5px;}
#post dd{margin-bottom: 10px;}
#post dd p,#shuoshuo dd p{font-size: 1em;line-height: 1.6;word-wrap:break-word;}
#post small{font-size: 0.875em;color: #999999;white-space: nowrap;}
#post small span,#title p span{margin-right:10px;}
#rigth dl{margin-bottom: 10px;border-radius: 3px;padding: 20px; border:1px solid #9EA0A9;background:#FFFFFF \9; /*IE8 背景色*/ *background:#FFFFFF; /*IE7 背景色*/ _background:#FFFFFF; /*IE6 背景色*/background: rgba(255, 255, 255, 0.95);}
#rigth dl dt{font-size: 1.25em;line-height: 30px;height: 30px;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #A1A4AE;margin-bottom: 5px;padding-bottom: 2px;}
#rigth dl dd ul li{border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #edecec;line-height: 20px;padding-top: 7px;padding-bottom: 7px;}
#pinl li span{float: left;height: 40px;width: 40px;margin-right: 10px;}
#pinl li{padding-top: 9px;padding-bottom: 9px;}
#rigth dl #links ul li{float: left;width: 50%;}
#rigth #divTags dd>*{display:flex;flex-wrap: wrap;}
#rigth #divTags dd li{border:0;margin: 0px;padding: 0px;}
#divTags dd li span{display: none;}
#divTags dd li a{display: block;margin:0 5px 5px 0;padding:0 10px;background-color: #8EBDDB;line-height: 30px;height: 30px;overflow: hidden;color: #FFFFFF;}
#divTags dd 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: 100%;padding-top: 7px;padding-bottom: 7px;}
#divComments ul li span{margin-bottom: 6px; margin-top:2px;color: #999999;display: block;overflow: hidden;line-height: 1;}
#divComments ul li img{background-color: #f1f1f1;height: 34px;width: 34px;padding: 2px;border: 1px solid #ddd;float: left;margin-right: 6px;border-radius: 17px;}
/*侧栏跟随*/
#box{float:left; position:relative;width:100%;}
.fixed-box{position:fixed;_position:absolute;top:70px;}
#rigth #ad img{width:100%; height:auto;}
#left #place{font-size: 1em;line-height: 40px;}
#rigth #divLinkage dd ul li{display:inline-block; verticle-align:top;width: 50%;}
#left #neir{padding-top: 20px;padding-bottom: 20px;}
#title h1{font-size: 1.875em;font-weight: normal;margin-bottom: 9px;}
#title p{font-size: 0.875em;color: #999999;}
#neir #zi{font-size: 1.125em;line-height: 1.8;padding-top: 10px;padding-bottom: 10px;height: auto;margin-top: 10px;border-top-width: 1px;border-top-style: dashed;border-top-color: #9B9DA7;word-wrap:break-word;}
#zi p{margin-top: 0.5em;margin-bottom: 0.5em;}
#zi img{border: 1px solid #9EAA99; padding:2px; border-radius: 3px; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);}
#neir #sx{font-size: 1.125em;border-top-width: 1px;border-right-width: 0px;border-bottom-width: 1px;border-left-width: 0px;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-top-color: #dddddd;border-right-color: #dddddd;border-bottom-color: #dddddd;border-left-color: #dddddd;margin-bottom: 10px;padding-top: 10px;padding-bottom: 10px;}
#sx ul li{float: left;width: 50%;}
#sx ul .r{text-align: right;}
#neir #guan{margin-top: 15px;margin-bottom: 15px;}
#guan ul li{line-height: 20px;padding-top: 7px;padding-bottom: 7px;}
#guan ul li span{color: #999999;float: right;}
#rigth dl #tbCalendar{width: 100%;line-height: 30px;}
#tbCalendar td{text-align: center;}
#rigth #divSearchPanel dd form{height:30px; margin-top:8px;}
#rigth #divSearchPanel input[type="text"]{float: left;height: 28px;width: 70%;border: 1px solid #dddddd;padding-left: 5px;border-radius: 3px;line-height: 28px;}
#rigth #divSearchPanel input[type="submit"]{width: 20%;border-top-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-left-width: 0px;float: right;height: 30px;color: #FFFFFF;border-radius: 3px;}
.tu4{margin-bottom:10px; margin-top:10px;}
.tu4 ul li{float:left;height: 120px;width: 24%;overflow: hidden;margin: 0.5%;border-radius: 5px;}
.tu4 ul li img,#post dd i img{display: block;width: 100%;height:100%;object-fit: cover;background-color: #FFF;box-shadow: 0px 0px 2px rgba(0,0,0,.4);-webkit-transition: all ease .3s;transition: all ease .3s}
.tu4 ul li img:hover,#post dd i img:hover{-webkit-transform: scale(1.12);transform: scale(1.12);box-shadow: 0px 0px 18px rgba(0,0,0,.5);}
#foot{border-top-width: 1px;border-top-style: solid;border-top-color: #9EA0A9;font-size: 1em;line-height: 30px;background-color: #FFFFFF;text-align: center;padding-top: 20px;padding-bottom: 20px; -moz-opacity:0.92; -khtml-opacity: 0.92;opacity: 0.92;}
ul.imgList{width:90%;margin-top:10px; margin-left:55px;}
a.artZoom{position:relative; display:block;padding:3px; background:#FFF; border:solid 1px #F1F1F1; text-decoration:none; color:#CCC;max-width:50%;}
a.artZoom:hover{text-decoration:none;}
a.artZoom span.loading{display:block; width:16px; height:16px; line-height:16px; overflow:hidden; text-indent:-9999em; padding-left:20px; margin:2px 0; font-size:9px; background:#FFF url(img/loading.gif) no-repeat 0 0; filter:alpha(opacity=70); opacity:0.7;}
.artZoomBox{position:relative;}
.artZoomBox .tool{visibility:hidden; position:absolute; top:8px; left:8px;}
.artZoomBox.js_hover .tool{visibility:visible;}
.artZoomBox .tool a{float:left; display:block; height:24px; width:24px; text-indent:-9999em; overflow:hidden; color:#FFF; background-color:#3A6EA5; text-decoration:none; filter:alpha(opacity=50); opacity:0.5; background-image:url(img/photoTool.gif); background-repeat:no-repeat;}
.artZoomBox .tool a:hover{background-color:#FFF; filter:alpha(opacity=80); opacity:0.8;}
.artZoomBox .tool a.hideImg{display:none;}
.artZoomBox .tool a.imgLeft{background-position:0 0;}
.artZoomBox .tool a.imgLeft{background-position:-24px 0;}
.artZoomBox .tool a.viewImg{background-position:0 -24px;}
.artZoomBox a.maxImgLink{display:inline-block; *zoom:1;*display:inline;}
.artZoomBox a.maxImgLink .maxImg{padding:5px; background:#FFF; border:solid 1px #CCC;}
a.miniImg:hover,
.artZoomBox .maxImgLink .maxImg,
.artZoomBox .tool span{border-color:#8294C8; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px; -moz-box-shadow: 0 0 3px rgba(58, 110, 165, 0.5); -webkit-box-shadow: 0 0 3px rgba(58, 110, 165, 0.5); box-shadow: 0 0 3px rgba(58, 110, 165, 0.5);}
.miniImg img{}
.zan{margin-right: 15px;}
.cai{color: #999999;background-image: url(img/cai.gif);background-repeat: no-repeat;background-position: 0px center;padding-left: 17px;}
.ping{background-image: url(img/lun.png);background-repeat: no-repeat;background-position: 0px center;padding-left: 21px;font-size: 0.875em;}
.zan:hover,.cai:hover{color:#000000;}
.ssd{margin-top: 10px;margin-left: 55px;}
.ssd a{float: left;margin-top: 0px;margin-right: 25px;margin-bottom: 0px;margin-left: 0px;}#zi .dc2{margin-top: 15px;}
.ping{background-image: url(img/lun.png);background-repeat: no-repeat;background-position: 0px center;padding-left: 21px;font-size: 0.875em;}
.zan:hover,.cai:hover{color:#000000;}
.ssd{margin-top: 10px;margin-left: 55px;}
.ssd a{float: left;margin-top: 0px;margin-right: 25px;margin-bottom: 0px;margin-left: 0px;}
#zi .dc2{margin-top: 15px;}
.dc2 a{font-size: 1.5em;line-height: 40px;height: 40px;display: block;float: left;width: 50%;}
.dc2 .nrc{text-align:right;}
.ssnr p{border-bottom:1px dashed #ddd; padding-bottom:12px; margin-bottom:12px;}
@media screen and (max-width: 978px){#head{width: 100%;height: 40px;padding: 0px;position: relative;border-top-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-left-width: 0px;}
header{display: block;width: 100%;height: 40px;margin-bottom: 5px;position:fixed;left: 0px;top: 0px;}
#head #navbar{width: 100%;height: 40px;margin-right: 0;}
.menubtn{position: relative;text-decoration: none;font-size: 1.7em;line-height: 0em;background-size: 25px 25px;top: 9px;left: 10px;display: block;float: left;height: 22px;width: 22px;padding:0px; float:left; color:#ffffff;}
.menubtn:hover, .openmenu .menubtn{color: #F6EA88;}
/** toggle menu **/
body.openmenu{position: fixed; overflow: hidden;}
#pgcontainer{padding: 45px 0; margin: 0;}
.overlay{position: fixed; z-index: 99; background-color: rgba(0,0,0,0.5); bottom: 0; right: 0; left: 0;}
.openmenu .overlay{top: 0;}
#hamburgermenu{height: 100%;width: 0;position: fixed;top: 0;left: 0;z-index: 101;overflow: hidden;
-webkit-box-shadow: 3px 0 7px rgba(0,0,0,0.55); -moz-box-shadow: 3px 0 7px rgba(0,0,0,0.55);box-shadow: 3px 0 7px rgba(0,0,0,0.55);margin-top: 40px;}
#hamburgermenu ul{z-index: 101; overflow-y: auto; overflow-x: hidden;}
#hamburgermenu ul li{clear: left;display: block;min-width: 100%;}
#hamburgermenu ul li a{display: block;color: #ffffff;font-size: 1em;font-weight: bold;text-decoration: none;line-height: 45px;margin: 0px;height: 45px;padding:0 25px;border-radius: 0px;}
#hamburgermenu li ul{left:auto;position:relative;}
#hamburgermenu li ul li a{padding:0 30px;}
#navbar span{padding-top: 0px;}
#head #logo{text-align: center;width: 92%;margin-right: 2%;margin-left: 2%;padding-right: 2%;padding-left: 2%;border-radius: 5px;margin-top: 5px;margin-bottom: 10px;margin-top: 50px;}
#navbar span a{margin-top: 5px;margin-right: 5px;}
#info{width: 100%;padding: 0px;margin: 0px;}
#info #left{width: 96%;margin-left: 2%;padding-top: 0px;padding-right: 0px;padding-left: 0px;margin-right: 2%;clear: left;overflow: hidden;margin-bottom: 10px;}
#post dd i{width: 110px;height: 66px;float: left;margin-right: 10px;padding-top: 3px;clear: left;display: block;overflow: hidden;}
#post dd p{font-size: 1em;line-height: 22px;overflow: hidden;height: 66px;}
#post small{font-size: 0.875em;color: #999999;white-space: normal;}
#info #rigth{width: 96%;margin-left: 2%;margin-right: 2%;clear: right;overflow: hidden;}
#sx ul li{float: left;width: 100%;}
#sx ul .r{text-align: left;}
#post small{line-height: 1.5;}
#box{display: none;}
.div2{width:100%;}
#divTags dd ul li a{margin-top: 3px;margin-bottom: 3px;}
.mod_lost_child_little{display: none;}
#cw404{width: 94%;margin-top: 20px;margin-right: 3%;margin-bottom: 20px;margin-left: 3%;}
.tu4 ul li{float:left;height: 150px;width: 49%;overflow: hidden;margin: 0.5%;border-radius: 5px;}}
@media screen and (max-width: 600px){.tu4 ul li{float:left;height: 90px;width: 49%;overflow: hidden;margin: 0.5%;border-radius: 5px;}}