* { margin: 0; padding: 0 }
body { font: 12px/1.5 'Microsoft Yahei', 'Simsun'; color: #666666;background-color:#fff;}
img { border: 0; display: block }
ul { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
input{font-family: \5FAE\8F6F\96C5\9ED1;letter-spacing: normal;font-size: 12px;color: #666;}
a { outline: none; }
a:link, a:visited { text-decoration: none; color: #666 }
a:hover { text-decoration: none; }
.clear { clear: both; }
.blank { height: 5px; overflow: hidden; width: 100%; margin: auto; clear: both }
.f_l { float: left }
.f_r { float: right }
.l_box { width:720px; }
.r_box { width: 300px; }
.mtb{margin-top:35px;}
header{box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
-o-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);}
/* ͷ����Ϣ */
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #menu-button{ margin:0 auto; max-width:1060px;padding: 0;border: 0;list-style: none;line-height: 1;display: block;position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size:14px;}
#cssmenu:after,#cssmenu > ul:after{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
#cssmenu #menu-button{display: none;}
#cssmenu{width: auto;line-height: 1;background: #ffffff;padding-top:20px;position:relative;}
#menu-line{position: absolute;top:20px;height: 3px;background: #009ae1;-webkit-transition: all 0.25s ease-out;-moz-transition: all 0.25s ease-out;-ms-transition: all 0.25s ease-out;-o-transition: all 0.25s ease-out;transition: all 0.25s ease-out;}
#cssmenu > ul > li{float: left;}
#cssmenu.align-center > ul{font-size: 0;text-align: center;}
#cssmenu.align-center > ul > li{display: inline-block;float: none;}
#cssmenu.align-center ul ul{text-align: left;}
#cssmenu.align-right > ul > li{float: right;}
#cssmenu.align-right ul ul{text-align: right;}
#cssmenu > ul > li > a{padding: 20px;font-size: 16px;text-decoration: none;text-transform: uppercase;color: #333;-webkit-transition: color .2s ease;-moz-transition: color .2s ease;-ms-transition: color .2s ease;-o-transition: color .2s ease;transition: color .2s ease;}
#cssmenu > ul > li:hover > a,#cssmenu > ul > li.current-menu-item > a{color:#EB6841;font-weight: bold;}
#cssmenu > ul > li.has-sub > a{padding-right: 25px;}
#cssmenu > ul > li.has-sub > a::after{position: absolute;top: 21px;right: 10px;width: 4px;height: 4px;border-bottom: 1px solid #000000;border-right: 1px solid #000000;content: "";-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition: border-color 0.2s ease;-moz-transition: border-color 0.2s ease;-ms-transition: border-color 0.2s ease;-o-transition: border-color 0.2s ease;transition: border-color 0.2s ease;}
#cssmenu > ul > li.has-sub:hover > a::after{border-color: #009ae1;}
#cssmenu ul ul{position: absolute;left: -9999px;z-index: 99;padding-bottom:3px;border-left:1px solid #009ae1;border-right:1px solid #009ae1}
#cssmenu ul ul ul{border-top:3px solid #009ae1}
#cssmenu li:hover > ul{left: auto;}
#cssmenu.align-right li:hover > ul{right: 0;}
#cssmenu ul ul ul{margin-left: 100%;top:-1px;}
#cssmenu.align-right ul ul ul{margin-left: 0;margin-right: 100%;}
#cssmenu ul ul li{height: 0;-webkit-transition: height .2s ease;-moz-transition: height .2s ease;-ms-transition: height .2s ease;-o-transition: height .2s ease;transition: height .2s ease;}
#cssmenu ul li:hover > ul > li{height: 32px;}
#cssmenu ul ul li a{padding: 10px 20px;width: 160px;font-size: 16px;background: #fff;text-decoration: none;color:#333;-webkit-transition: color .2s ease;-moz-transition: color .2s ease;-ms-transition: color .2s ease;-o-transition: color .2s ease;transition: color .2s ease;}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#EB6841;}
#cssmenu ul ul li.has-sub > a::after{position: absolute;top: 13px;right: 10px;width: 4px;height: 4px;border-bottom: 1px solid #dddddd;border-right: 1px solid #dddddd;content: "";-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);-webkit-transition: border-color 0.2s ease;-moz-transition: border-color 0.2s ease;-ms-transition: border-color 0.2s ease;-o-transition: border-color 0.2s ease;transition: border-color 0.2s ease;}
#cssmenu.align-right ul ul li.has-sub > a::after{right: auto;left: 10px;border-bottom: 0;border-right: 0;border-top: 1px solid #dddddd;border-left: 1px solid #dddddd;}
#cssmenu ul ul li.has-sub:hover > a::after{border-color: #ffffff;}
.logo{width: 185px;}
.logo a{width: 185px;height: 100%;display: block;}
.search{margin: 10px 0px;}
.search input{outline:none;box-shadow: 1px 1px 2px #E2E2E2;}
.search #s{border:2px solid #C8C8A9;padding:5px;transition:border 0.3s linear;-webkit-transition:border 0.3s linear;  width: 242px;}
.search #go{background:#C8C8A9;padding:5px;border:2px solid #C8C8A9;color:#fff;transition:all 0.3s linear;-webkit-transition:all 0.3s linear;}
.search #s:focus{border:2px solid #3FB8AF;}
.search #go:hover{background:#3FB8AF;border:2px solid #3FB8AF;}
.search-1{width:100%;}
.search-1 input{outline:none;box-shadow: 1px 1px 2px #E2E2E2;}
.search-1 #s{border:2px solid #C8C8A9;padding:5px;transition:border 0.3s linear;-webkit-transition:border 0.3s linear;width:600px;}
.search-1 #go{background:#C8C8A9;padding:5px;border:2px solid #C8C8A9;color:#fff;transition:all 0.3s linear;-webkit-transition:all 0.3s linear;margin-left:10px;font-weight: bold;}
.search-1 #s:focus{border:2px solid #3FB8AF;}
.search-1 #go:hover{background:#3FB8AF;border:2px solid #3FB8AF;}

@media all and (max-width: 800px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px){
#cssmenu{width: 100%;padding-top:0;}
.logo{position:absolute;left:26%;top:0}
.logo a{width: 185px;height: 100%;display: block;}
#cssmenu ul ul ul{border-top:none}
#cssmenu > ul > li > a{font-size:12px;}
#cssmenu ul{width: 100%;display: none;z-index: 99;}
#cssmenu a{font-size:12px;}
.search{display:none;}
#cssmenu.align-center > ul, #cssmenu.align-right ul ul{text-align: left;}
#cssmenu ul li, #cssmenu ul ul li, #cssmenu ul li:hover > ul > li{width: 100%;height: auto;border-top: 1px solid rgba(120, 120, 120, 0.15);}
#cssmenu ul li a, #cssmenu ul ul li a{width: 100%;}
#cssmenu > ul > li, #cssmenu.align-center > ul > li, #cssmenu.align-right > ul > li{float: none;display: block;}
#cssmenu ul ul li a{padding: 20px 20px 20px 30px;font-size: 12px;color: #000000;background: none;}
#cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover{color: #000000;}
#cssmenu ul ul ul li a{padding-left: 40px;}
#cssmenu ul ul, #cssmenu ul ul ul{position: relative;left: 0;right: auto;width: 100%;margin: 0;}
#cssmenu > ul > li.has-sub > a::after, #cssmenu ul ul li.has-sub > a::after{display: none;}
#menu-line{display: none;}
#cssmenu #menu-button{display: block;padding: 20px;color: #000000;cursor: pointer;font-size: 12px;text-transform: uppercase;}
/**#cssmenu #menu-button::after{content: '';position: absolute;top: 20px;right: 20px;display: block;width: 15px;height: 2px;background: #000000;}**/
/**#cssmenu #menu-button::before{content: '';position: absolute;top: 25px;right: 20px;display: block;width: 15px;height: 3px;border-top: 2px solid #000000;border-bottom: 2px solid #000000;}**/
#cssmenu .submenu-button{position: absolute;z-index: 10;right: 0;top: 0;display: block;border-left: 1px solid rgba(120, 120, 120, 0.15);height: 52px;width: 52px;cursor: pointer;}
#cssmenu .submenu-button::after{content: '';position: absolute;top: 21px;left: 26px;display: block;width: 1px;height: 11px;background: #000000;z-index: 99;}
#cssmenu .submenu-button::before{content: '';position: absolute;left: 21px;top: 26px;display: block;width: 11px;height: 1px;background: #000000;z-index: 99;}
#cssmenu .submenu-button.submenu-opened:after{display: none;}
article{width:100% !important;}
.r_box{display:none;}
.l_box{width:100%;}
.banner{width:100% !important;}
#slide-controls{width:100% !important;}
.topnews{margin:0px !important;padding:15px 10px !important;}
#slide-runner{width:100% !important;}
.blogs{padding:15px 0 !important;}
.single{padding:15px 10px;}
}

@media all and (max-width:480px;){
.author_img img{width:50px !important;height:50px !important;}
.viewnum{display:none;}
.pingl{display:none;}
.blogs h3{font-size:14px !important;}
.blogs figure{width:126px !important;height:105px !important;}
.blogs ul{width:60% !important;}
.autor{width:130px !important;}
.logo{left:15%;}
#comment-author-info input{width: 80%;margin-right:10px;}
.content img{max-width:340px !important;}
.social i{font-size:18px;}
.cloud{margin:0 !important;}
.cloud a{line-height:18px;height:18px;padding:5px 10px;}
}

article { width: 1050px; margin: 20px auto; }
/*footer*/
footer { background:#F9F9F9; width: 100%; clear: both; text-align: center;border-top: 2px solid #C8C8A9; }
#footer_menu{margin:15px 0 10px 0;}
#footer_menu a:hover{text-decoration:underline;color:#3FB8AF;}
.ft-copyright {color:#666; line-height: 24px;}
.ft-list { background: url(http://demo074.99yuanma.net:8889/skin/ecms074/images/ft-wx-s.png) no-repeat right; height: 100px }
footer ul{max-width:700px;padding:8px 0;margin-left:auto;margin-right:auto;overflow:hidden;}
footer ul li{float:left;text-align:center;width:100px;position:relative;}
footer ul li:after{position: absolute;top:8px;left: 15px;width: 5px;height: 5px;border-bottom:1px solid #3FB8AF;border-right:1px solid #3FB8AF;content: "";-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);-webkit-transition: border-color 0.2s ease;-moz-transition: border-color 0.2s ease;-ms-transition: border-color 0.2s ease;-o-transition: border-color 0.2s ease;transition: border-color 0.2s ease;}

/*���ض���*/
.cd-top {display: inline-block;height: 40px;width: 40px;position: fixed;bottom: 40px;right: 10px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.30);overflow: hidden;
text-indent: 100%;white-space: nowrap;background:#036564 url(../image/up_arrow.png) no-repeat center 50%;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;z-index:999;}
.cd-top.cd-is-visible {visibility: visible;opacity: 1;}
.cd-top.cd-fade-out {opacity: .5;}
.no-touch .cd-top:hover {background-color: #e86256;opacity: 1;}
@media only screen and (min-width: 768px) {.cd-top {right: 20px;bottom: 20px;}}
@media only screen and (min-width: 1024px) {.cd-top {height: 60px;width: 60px;right: 30px;bottom: 30px;}}
/*��ǩ��*/
.cloud { width: 100%; clear: both; overflow: hidden;  margin:20px 0; }
.cloud h3 { line-height: 40px; color: #38485A; font-size: 18px; border-bottom: 1px solid #E6E6E6; height: 40px; }
.cloud a{ margin: 20px 0 }
.cloud a{ line-height: 24px; height: 24px; display: block; background: #999; float: left; padding: 3px 11px; margin: 10px 10px 0 0; border-radius: 8px; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.cloud a { color: #FFF }
.cloud a:nth-child(8n-7) { background: #8A9B0F }
.cloud a:nth-child(8n-6) { background: #EB6841 }
.cloud a:nth-child(8n-5) { background: #3FB8AF }
.cloud a:nth-child(8n-4) { background: #FE4365 }
.cloud a:nth-child(8n-3) { background: #FC9D9A }
.cloud a:nth-child(8n-2) { background: #EDC951 }
.cloud a:nth-child(8n-1) { background: #C8C8A9 }
.cloud a:nth-child(8n) { background: #83AF9B }
.cloud a:first-child { background: #036564 }
.cloud a:last-child { background: #3299BB }
.cloud a:hover { border-radius: 0; text-shadow: #000 1px 1px 1px }
/* ��� */
.moreSelect { width: 100%; margin: 30px 0 20px 0; overflow: hidden }
.ms-top { height: 32px; border-bottom: solid 1px #EAEAEA; font-size: 14px }
#tab li a { float: left; height: 32px; cursor: pointer; line-height: 32px; list-style-type: none; padding: 0 15px; }
#tab li.cur a { color: #fff; background: #f77825; }
.bd { display: none }
.bd-news ul { padding: 10px 0 0 10px; background: url(../image/ph2.png) no-repeat 10px 29px; }
.bd-news ul li { border-bottom: solid 1px #EAEAEA; line-height: 30px; height: 30px; overflow: hidden; font-size: 14px; padding: 10px 0 0 30px; }
.bd-news ul li a { display: block; }
.bd-news ul li a:hover { color: #000; }
.bd-news ul li:hover { border-bottom: #000 1px solid; }/* ������ȥ��Ч�� */

/* ����ҳ */
.navigation i{font-size:16px;margin-right:5px;}
.title{margin:10px 0 20px 0;}
.title h1{font-size:20px;font-weight:bold;color:#036564}
.info i{font-size:16px;margin-right:5px;color:#83AF9B}
.info span{margin-right:30px;}
.content{margin:20px 0;padding-bottom:15px;}
.content p{line-height: 180%;margin: 5px 0 10px;overflow:hidden;font-size: 13px;}
.content img{max-width:650px;display: inline;}
.centered{display:block;margin-left:auto;margin-right:auto;margin-bottom:10px;}
.aligncenter{display:block;margin-left:auto;margin-right:auto;margin-bottom:10px; text-align: center;clear:both}
.alignnone{margin:0 0 10px 0;display:inline;}
.alignright{float:right;margin:0 0 10px 10px;display:inline;}
.alignleft{float:left;margin:0 10px 10px 0;display:inline;}
.wp-caption{padding: 5px;border: 1px solid #c8c8a0;background: #f0ffdc;border-radius: 5px;}
.wp-caption-text{ color: #CB5064;font-weight: bold;background: #EFEFBD;}
.content blockquote{color: #888888;border: 1px solid #F3F3F3;padding: 10px;margin: 20px auto 15px auto;line-height: 23px;background: none repeat 0 0 #F6F6F6;}
.content blockquote p:first-letter{font-size:180%;}
.content h1{margin: 25px 0 20px;color:#3299BB;font-size: 18px;font-weight: 700;text-indent:15px;}
.content h2{margin: 25px 0 20px;color:#EB6841;font-size: 16px;font-weight: 700;text-indent:20px;}
.content h3{margin: 25px 0 20px;color:#3FB8AF;font-size: 14px;font-weight: 700;text-indent:25px;}
.content h4,.content h5,.content h6{margin:15px 0 10px;color:#EDC951;font-size: 12px;font-weight: 700;text-indent:25px;}
.single{padding:10px 20px;-webkit-border-top-left-radius: 4px;-webkit-border-top-right-radius: 4px;-moz-border-radius-topleft: 4px;-moz-border-radius-topright: 4px;border-top-left-radius: 4px;border-top-right-radius: 4px;margin-bottom:30px;background:#fff;}
.author-1{margin:10px 0 20px 0;padding:10px;background:#fafafa;height:130px;position:relative;}
#wechat-1 img{width: 120px;height: 120px;}
#wechat-1{display:none;background:#dedede;padding:5px;width: 120px;height: 120px;left:210px;position: absolute;top: -50px;}
#wechat-1:after{content:"";width: 0;height: 0;border-left:10px solid transparent;border-right:10px solid transparent;
border-top:20px solid #dedede;position: absolute;left: 55px;}
.author_name{font-size:16px;font-weight:bold;color:#EB6841;padding-bottom:5px;border-bottom:1px dashed #3FB8AF;margin-bottom:10px;}
.author_img img{width:80px;height:80px;border-radius:100%;border:2px solid #EB6841;transition:transform 0.3s ease;-webkit-transition:transform 0.3s ease;}
.author_img img:hover{transform:rotate(360deg)}
.author_info{width:80%;font-size: 13px;}
.social i{font-size: 24px;}
.tags{clear:both; margin-top:20px;}
.tags i{transform: rotate(90deg);-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-o-transform: rotate(90deg);font-size: 16px;margin-right:10px;color:#FC9D9A;}
.tags a{padding:5px 8px;border:1px solid #e5e5e5;margin-right:10px;border-radius:5px;}
.tags a:hover{color:#fff;background:#3299BB;border:1px solid #3299BB;}
.tags span{width: 16px;height: 16px;display:inline-block;margin-right: 10px;}
.np{margin: 20px 0 15px 0;border-bottom: 1px solid #E6E6E6;}
.np p{font-size:13px;margin:5px 0;}
.np a{color:}
.np a:hover{text-decoration: underline; color: #F60}

/* �õ�Ƭ */
.banner { height : 280px; width : 720px; overflow : hidden; }
#slide-runner { height : 280px; width : 720px; overflow : hidden; position : absolute; }
#slide-holder img { position : absolute;width:100%}
#slide-controls { left : 0; bottom : 0px; width : 720px; height : 34px; display : none; position : absolute; background : url(../image/slide-bg.png) 0 0; }
#slide-controls p.text { float : left; color : #fff; display : inline; line-height : 16px; margin : 10px 0 0 20px; }
#slide-controls p#slide-nav { float : right; height : 24px; display : inline; margin : 5px 10px 0 0; }
#slide-controls p#slide-nav a { float : left; width : 24px; height : 24px; display : inline; font-size : 11px; margin : 0 5px 0 0; line-height : 24px; text-align : center; color: #fff }
#slide-controls p#slide-nav a.on { background-position : 0 -24px; }
#slide-controls p#slide-nav a { background-image : url(../image/silde-nav.png); }
/*�������б�*/
.topnews {background: #fff;padding:10px 15px 15px 15px;-webkit-border-top-left-radius: 4px;-webkit-border-top-right-radius: 4px;-moz-border-radius-topleft: 4px;-moz-border-radius-topright: 4px;border-top-left-radius: 4px;border-top-right-radius: 4px;}
.topnews h2 { font-size: 16px; font-weight: bold; line-height: 36px; color: #333; border-bottom: #db6d4c 4px solid; }
.topnews h2 span { float: right; font-size: 12px; font-weight: normal; }
.topnews h2 span a { display: inline-block; padding: 0 5px; }
.topnews h2 span a:hover { color: #000 }
.blogs { padding: 30px 0; position: relative; border-bottom: #CCC 1px solid; overflow: hidden }
.blogs h3 {font-size: 16px; font-weight: bold; transition: all .5s; margin-bottom: 10px }
.blogs h3 a {color: #474645; }
.blogs h3 a:hover { color: #066; text-decoration: underline }
.blogs figure { float: left; width: 25%; overflow: hidden;height:140px;}
.blogs figure img { width: 100%; margin: auto; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; max-height:140px;}
.blogs figure:hover img { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); }
.blogs ul { float: right; line-height: 22px; width: 72%; color: #756F71;}
.autor {overflow: hidden; clear: both; margin: 10px 0; display: inline-block; color: #838383; width:70%;position:absolute;}
.autor span { margin: 0 10px 0 0;}
.autor span a { color: #759b08; }
.autor span a:hover { text-decoration: underline }
.lm{width:130px;height:22px;overflow:hidden;}
.blogs i{font-size:16px;}
.lm i{transform: rotate(90deg);margin-right:10px;color:#FC9D9A}
.dtime i{margin-right: 10px;color:#3FB8AF}
.viewnum i{margin-right: 10px;color:#C8C8A9}
.pingl i{margin-right: 10px;color:#C8C8A9}
.tit01 h3 { line-height: 40px; color: #38485A; font-size: 18px; border-bottom: 1px solid #E6E6E6; height: 40px;font-weight:bold; }
/* ��ע����ʽ */
.gzwm ul { width: 100%; margin: 30px 0; overflow: hidden }
.gzwm li { width: 52px; margin: 0 18px 0 5px; float: left; }
.gzwm li a { color: #747F8C; width: 52px; text-align: center;float: left; }
.gzwm i{margin-bottom:5px;width: 38px;height: 38px;font-size:34px;padding:5px;border-radius:100%;}
.gzwm .rss i{background:#FFB700;color:#fff;border:2px solid #FFB700;}
.gzwm .rss:hover i{color:#C8C8A9; background:#fff;border:2px solid #C8C8A9;}
.gzwm .xlwb i{background:#FF2927;color:#fff;border:2px solid #FF2927;}
.gzwm .xlwb:hover i{color:#C8C8A9; background:#fff;border:2px solid #C8C8A9;}
.gzwm .wx i{background:#39C1FF;color:#fff;border:2px solid #39C1FF; }
.gzwm .wx:hover i{color:#C8C8A9; background:#fff;border:2px solid #C8C8A9;}
.gzwm .qq i{background:#019934;color:#fff;border:2px solid #019934;}
.gzwm .qq:hover i{color:#C8C8A9; background:#fff;border:2px solid #C8C8A9;}
.gzwm{position:relative;}
#wechat img{width: 120px;height: 120px;}
#wechat{display:none;background:#dedede;padding:5px;width: 120px;height: 120px;left:40px;position: absolute;top: -150px;}
#wechat:after{content:"";width: 0;height: 0;border-left:10px solid transparent;border-right:10px solid transparent;
border-top:20px solid #dedede;position: absolute;left: 55px;}
/*ͼ���б�*/
.tuwen { width: 100%; clear: both; overflow: hidden; margin: 20px 0 }
.tuwen h3 { line-height: 40px; color: #38485A; font-size: 18px; border-bottom: 1px solid #E6E6E6; height: 40px; margin-bottom: 30px }
.tuwen li { overflow: hidden; clear: both; margin-bottom:25px }
.tuwen li img { width:90px; float: left; margin-right:5px;height: 100%;  }
.tuwen li b {width: 100%; font-weight: normal; color: #333; font-size: 14px; line-height:20px; }
.tuwen li a b:hover { text-decoration: underline; color: #F60 }
#pic span { color: #999; margin-right: 10px }
.tuwen p { margin-top: 5px }
.tulanmu i{font-size:14px;margin-right:7px;}
.tulanmu a { color: #999; }
.tulanmu a:hover { color: #066 }
.tutime i{font-size:13px;margin-right:7px;}
.tuwen li:hover { background: #f4f3f3 }
#pic{float:right;width:200px;}
/*��ҳ�Ҳ��� 300*/
.ad { width: 300px; overflow: hidden; margin: 30px 0 }
.ad img { width: 300px; }
/*��������*/
.links { width: 100%; overflow: hidden; clear: both;margin:20px 0; }
.links h3 { line-height: 40px; color: #38485A; font-size: 18px; border-bottom: 1px solid #E6E6E6; height: 40px; margin-bottom: 20px }
.links h3 span { float: right; font-size: 12px; }
.links h3 span a { color: #999; padding: 0 5px }
.links h3 span a:hover { color: #F60; text-decoration: underline }
.links ul { background: #f9f9f9; padding: 10px; overflow: hidden; border: #e9e9e9 1px solid }
.links ul li { float: left; padding: 5px 8px }
.links ul li a:hover { color: #000 }
/*ҳ�뵼��*/
.yema{width:710px;padding:15px;}
.navigation{margin:10px 0;overflow: hidden;}
.pagination{display: block;text-align:center}
.page_navi{overflow:hidden;width:100%;text-align:center}
.page_navi a{height:36px;border:1px solid #DDD;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;color:#888;text-decoration:none;line-height:36px;margin:2px;padding:3px 8px}
.page_navi a:hover,.page_navi a.current{border:1px solid #FFBB76;color:#FF7200;font-weight:bolder}
.page_navi2{overflow:hidden;width:100%;text-align:center}
.page_navi2 a{height:36px;border:1px solid #DDD;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;color:#888;text-decoration:none;line-height:36px;margin:2px;padding:3px 8px}
.page_navi2 a:hover,.page_navi2 a.current{border:1px solid #FFBB76;color:#FF7200;font-weight:bolder}
#comments-navi{width:660px;display: block;text-align:center}
.page-numbers {height:36px;border:1px solid #DDD;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;color:#888;text-decoration:none;line-height:36px;margin:2px;padding:3px 8px}
.page-numbers:hover,.page-numbers.current{border:1px solid #FFBB76;color:#FF7200;font-weight:bolder}

/** �������� **/
.commentlist .comment{padding:5px 10px;list-style:none;border-top:1px #eee solid;}
.commentlist li.comment ul.children{margin-left:10px;}
.commentlist li.comment ul.children .commenttext{ margin-left:50px;}
.commentlist .children .vcard img.avatar{width:40px;height:40px;}
.commentlist .depth-2{padding-left:20px;}
.commentlist li{position:relative;}
.commentlist .comment-body{padding:8px;}
.commentlist p{padding:6px 0;}
.gravatar{position:absolute; cursor:pointer;}
.gravatar img{box-shadow: 1px 1px 10px rgba(128, 128, 128, 0.5);-webkit-transition: 0.4s;-webkit-transition: -webkit-transform 0.4s ease-out;transition: transform 0.4s ease-out;-moz-transition: -moz-transform 0.4s ease-out;}
.gravatar:hover img {-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);}
.commenttext{min-height:52px; margin-left:60px;}
.comment_text{position:relative;background-color: #F2F2F2;padding: 1px 10px;font-weight: 500;font-size: 14px;margin: 8px;  width:98%;}
.comment_text:before{position: absolute;top: 8px;left: -8px;right: 100%;width: 0;height: 0;display: block;content: " ";border-color: transparent;border-style: solid solid dotted;border-width: 8px 8px 8px 0;border-right-color: #F2F2F2;}
.comment_text blockquote p:before{color:#ccc;content:open-quote;font-size:4em;line-height:.1em;margin-right:.25em;vertical-align:-.4em;}
.comment_text blockquote p:after{color:#ccc;content:close-quote;font-size:4em;line-height:.1em;margin-left:.25em;vertical-align:-.4em;}
.comment_text blockquote p{margin-top: -3px;padding: 6px 0;line-height: 1.6em;}
.comment_text img,.checkcomments img,.respondtext img{vertical-align:top;max-width:250px;}
.datetime,.reply a{color: #aaa !important;font-size:12px;margin-left:5px;}
.reply a:hover{color: #0088dd !important;}
.reply-to-read,.nocomments{border:1px #FF6666 dashed; margin:5px auto; text-align:center;border-radius:5px;}
.respondtext{padding:2px 0;}
.cancel-comment-reply a,#edita a{color:#0088dd;}
.commentmetadata{font-size:12px;color:#aaa;text-shadow: 0px 1px 0px #fff;margin-left:50px;}
ol.commentlist li div.vcard img.avatar{width:50px;height:50px;position:relative;float:left;border-radius:5px;}
ol.commentlist li div.floor{float:right;color:#bbb;font-size:16px;}
#respond h3{text-align:left;border-left:7px solid #EB6841;padding-left:15px;font:bold 16px \5FAE\8F6F\96C5\9ED1;margin:10px 0;line-height: 185%;color:#EB6841;clear: both;background: #FAFAFA;left: -7px;position: relative;}
#comments{border-top: 3px solid #888;padding:8px 18px;}
#respond_box{clear:both;border-top:1px #ddd solid;}
#smiley{ margin-top:3px;}
#smiley img{width:24px; height:24px;}
#fontcolor{width:357px;height:16px;line-height:20px;border:4px #e0e0e0 solid;z-index:99999;}   
#fontcolor a{display:inline-block;height:16px;width:16px;}  
#comment-author-info p{float:left;position:relative;margin-bottom:6px;padding-right:4px;}
#commentform{padding:5px 10px;}
#commentform p{color:#333;margin-top:10px;}
#commentform label{color:#868686;}
#commentform input,.nocomments input{border:1px #ddd solid;margin:4px auto;padding:3px;box-shadow:0 2px 10px #eee,inset 0 -2px 10px #eee;padding-right:20px;}
#commentform input:focus,.nocomments input:focus{border-color:#52A8EC;box-shadow: inset 0 1px 2px #FFF, 0 0 8px #52A8EC;}
#commentform textarea{width:99%;min-height:100px;font-size:13px;padding:4px;margin-top:8px;border:1px solid #CCC;box-shadow:inset 2px 3px 5px #eee;resize:vertical;background:url(../image/comment_bg.png) no-repeat right bottom;}
#commentform input:required{background: #fff url(../image/red_asterisk.png) no-repeat 98% center;}
#commentform input:focus:invalid, #commentform textarea:focus{background: #fff url(../image/invalid.png) no-repeat 98% center;border:none;outline:none;border:1px #ccc solid;}
#commentform input#submit,#commentform input#reset,.nocomments input[type="submit"]{width:87px;height:26px;color:#393939;text-align:center;text-shadow:0px 1px 0px #fff;border:1px solid #ddd;box-shadow:0 2px 10px #eee,inset 0 -2px 10px #eee;border-radius:5px;padding-right: 0px;}
#commentform #submit:hover,#commentform #reset:hover,.nocomments input[type="submit"]:hover{border:1px solid #aaa;cursor:pointer;}
#real-avatar .avatar{float:right;padding:2px;border:1px solid #ddd;background:#fff;margin-right:20px;_margin-right:10px;border-radius:5px;}
#editor_tools{width:100%;height:26px;line-height:26px;box-shadow: inset 2px 3px 5px #eee;overflow:hidden;border:1px solid #ccc;z-index:99999;}
#editor_tools a{color:#777;display:inline-block;padding:0 6px;height:26px;border-right:1px solid #ddd;}
#editor_tools a:hover{color:#333;text-decoration:none;}
.comment-reply-link{color: #06C;}
.comment_mail_notify{ margin-left:10px;cursor:pointer;}
.comment_mail_notify input[type="checkbox"] { margin:2px 2px 0 0 !important;}
.commLogin{color: #0187C5;transition: all 0.3s linear;font-weight: bold;padding: 3px;}
.commLogin:hover{color:#fff;background:#006286}
#loading-img{display:none;background:none;height:30px;text-align:center;margin-top:10px}
.author-back{font-size: 14px;color: #072;}
.author-back a{padding:3px;transition:all 0.3s linear;}
.author-back a:hover{color:#fff;background:#006286}
.poster-icon{width:14px;height:16px;background-position: 0 -480px;margin-bottom: -3px;margin-right: 5px;}
.wp-smiley{height: 18px !important;max-height: 18px !important;}

/* ������VIP��ʾ���ܵ���ʽ */
.vip{background: url(http://demo074.99yuanma.net:8889/skin/ecms074/css/img/vip.png) no-repeat;display: inline-block;overflow: hidden;border: none; margin-left:5px;}
.vp{background: #c0392b;border-radius: 3px;color: #fff;padding: 1px 3px;font-size: 12px;margin-left: 5px;margin-bottom: -4px;}
.vp:hover{color:#fff;background:#cb4a4f;cursor:pointer;}
.vip{background-position:-515px -2px;width: 16px;height: 16px;margin-bottom: -3px;}
.vip:hover{background-position:-515px -22px;width: 16px;height: 16px;margin-bottom: -3px;}
.star_level{background:url(http://demo074.99yuanma.net:8889/skin/ecms074/css/img/star_level.gif);width:16px;height:16px;display: inline-block;margin-bottom: -3px;}
.moon_level{background:url(http://demo074.99yuanma.net:8889/skin/ecms074/css/img/moon_level.gif);width:16px;height:16px;display: inline-block;margin-bottom: -3px;}
.king_level{background:url(http://demo074.99yuanma.net:8889/skin/ecms074/css/img/king_level.png);width:16px;height:16px;display: inline-block;margin-bottom: -3px;}
.comment_author{color: #0187C5;font-weight:bold}
.yellow{color:#FF8800;margin-left:5px;padding-right:0;}

.hint,[data-hint]{position:relative;display:inline-block}
.hint:before,.hint:after,[data-hint]:before,[data-hint]:after{position:absolute;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);visibility:hidden;opacity:0;z-index:1000000;pointer-events:none;-webkit-transition:.3s ease;-moz-transition:.3s ease;transition:.3s ease;-webkit-transition-delay:0;-moz-transition-delay:0;transition-delay:0}
.hint:hover:before,.hint:hover:after,.hint:focus:before,.hint:focus:after,[data-hint]:hover:before,[data-hint]:hover:after,[data-hint]:focus:before,[data-hint]:focus:after{visibility:visible;opacity:1}
.hint:hover:before,.hint:hover:after,[data-hint]:hover:before,[data-hint]:hover:after{-webkit-transition-delay:100ms;-moz-transition-delay:100ms;transition-delay:100ms}
.hint:before,[data-hint]:before{content:'';position:absolute;background:transparent;border:6px solid transparent;z-index:1000001}
.hint:after,[data-hint]:after{content:attr(data-hint);background:#383838;color:white;padding:8px 10px;font-size:12px;line-height:12px;white-space:nowrap}
.hint--bottom:before{border-bottom-color:#383838}
.hint--top:before {border-top-color: #383838; }
.hint--bottom:before{margin-top:-12px}
.hint--bottom:after{margin-left:-18px}
.hint--bottom:before,.hint--bottom:after{top:100%;left:50%}
.hint--bottom:hover:after,.hint--bottom:hover:before,.hint--bottom:focus:after,.hint--bottom:focus:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}
.hint--top:before{margin-bottom:-12px}
.hint--top:after{margin-left:-18px}
.hint--top:before,.hint--top:after{bottom:100%;left:50%}
.hint--top:hover:after,.hint--top:hover:before,.hint--top:focus:after,.hint--top:focus:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}

/*��������*/
.side-comment h3{line-height: 40px;color: #38485A;font-size: 18px;border-bottom: 1px solid #E6E6E6;height: 40px;margin-bottom: 20px;}
.newcomments li{padding: 10px 10px 0 10px;list-style:none;min-height:70px;height:100%;}
.newcomments a{color:#036564;}
.newcomments a:hover{color:#FE4365;}
.newcomments img{width:50px;height:50px;float:left;position:relative;display:inline-block;padding-right:5px;border-radius:100%;transition:all 0.3s ease-out;}
.newcomments img:hover{transform:rotate(360deg);}
.newComCon{color: #38485a;padding:10px;border-radius: 3px;background:#e9e8e6;margin-top: 10px;margin-bottom: 10px;position: relative;width:200px;}
.newComCon:before{content: " ";height: 0;width: 0;border-color: transparent;border-style: solid;border-width: 5px;border-bottom-color:#e9e8e6;position: absolute;left: 20px;top: -10px;}

/*��������*/
.link_page{padding:15px 0 15px 30px;list-style:none;}
.link_page h2{background-color: #D9EDF7;color: #3A87AD;line-height: 1.75;padding: 8px 30px 8px 16px;border-left: 5px solid #7C7C7C;border-radius: 4px;font-size: 16px;}
.link_page li h2{float:left;width:990px;margin:10px 0;}
.link_page li ul li{display:inline;}
.link_page li a{float:left;width:170px;margin:0 10px 10px 0;padding:10px;border:1px solid #DEDEDE;border-radius: 4px;box-shadow: #eee 0 0 2px;font-size: 16px;}
.link_page li a:hover{background: #dedede;color:#1ABC9C}
.link_page li img{float:left;width:25px;height:25px;margin:0 4px 0 2px;}
.link_page ul{overflow:hidden;}

/*�̴���*/
.transition{transition:all 0.3s linear;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-o-transition:all 0.3s linear;}
.btn_down{height: 43px;line-height: 43px;margin:10px 0;position:relative;}
.downlink:hover{background-color:#83AF9B;}
.icon_down{padding: 4px 10px 8px 15px;font-size: 24px;font-weight: normal;line-height: 1.7;color:#3FB8AF;background-color: #FFFFFF;}
.downlink{padding: 11px 15px;font-size: 16px;font-weight: normal;line-height: 1.4;color: #fff;background-color:#3FB8AF;}
.downlink:before{width:0;height:0;content:"";border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid #3FB8AF;position:absolute;left:43px;top:12px;}
.url i{padding-left: 5px;}
.url a{font-weight: bold;padding-left: 5px;color: #3299BB;;}
.url a:hover{color:#EB6841;}
.toggle_title {background:#f5f5f5 url(../image/plus.png) left center no-repeat;border:1px solid #DEDEDE;height:29px;font-size:14px; line-height:26px;color:#5e6069;cursor:pointer;padding:3px 0 0 40px;box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);border-radius:5px 5px 0 0;margin-top: 15px;}
.active{background:#f5f5f5  url(../image/minus.png) left center no-repeat;}
.toggle_content{display:none;background:#f5f5f5;color:#515151;border:1px solid #DEDEDE;border-top:none;overflow: hidden;margin:0 0 15px;padding:5px 15px;box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);border-radius:0 0 5px 5px;text-indent: 0em;}

#wp_login{width:700px;text-align:center;margin:40px auto 60px auto;overflow:hidden;}
#wp_login input,#wp_login label{outline:none;font-weight:bold;}
#wp_login label{display:block;margin:10px;}
#one,#two{margin-top:15px;}
#one,#two{width:250px;height:40px;margin-left:auto;margin-right:auto;margin-bottom:25px;padding:0 10px;border:2px solid #52AEA1;display:block;transition:0.3s all linear;font-size:20px;color:#18554E;}
#one:focus,#two:focus{box-shadow: 0 0 15px rgba(119, 224, 209, 0.60);width:300px;border-radius:6px;}
#wp_submit{width:100px;height:40px;background:#52AEA1;border:2px solid #52AEA1;font-size:18px;box-shadow:0 0 5px #20564C;color:#fff;cursor:pointer;margin-top:10px;transition:0.3s border-radius linear;margin-bottom:10px;}
#wp_submit:hover{border-radius:10px 0 10px 0;}
#wp_login i{font-size:20px;color:#fff}
.wp_left,.wp_right{float:left;margin:0 10px;width:320px;color:#fff}
.wp_right{color:#fff;}
.wp_left img{margin: 10px auto;}
.wp_right h2{font-weight:bold;font-size:20px;margin:15px;}
.wp_right p{margin:10px 0;line-height:135%;font-size:15px;}
#result{height:18px;}
.con_ad img{ width:100%; height:auto;}
@media screen and (max-width:800px){
	#wp_login{width:320px;}
}

@media screen and (max-width:600px){
	.banner{ display:none;}
	.blogs figure{ height:auto;}
	.blogs ul p{ display:none;}
	.blogs ul .autor{ display: block !important;}
	.blogs ul .autor .viewnum{ display:none;!important;}
	.blogs ul .autor .pingl{ display:none;!important;}
	.blogs ul .autor .lm{ display:none;!important;}
	.autor{ margin:0;}
	.content img{ width:100%;height: auto;}
	
	
}

.search-form2{display:none;}
.m-search{display:none;}
@media (max-width: 800px){
.m-search {
    display: block;
    position: absolute;
    right: 0;
    top: -10px;
    padding: 0 20px;
    line-height: 72px;
    color: #666;
    font-size: 18px;
    font-weight: normal;
    z-index: 9;
}
}

.search-form2 .form-control {
    color: #666;
    border: solid 1px #ddd;
    box-shadow: none;
    border-radius: 0;
    border-right: none;
    padding: 5px 5px 5px 10px;
}

.form-control {
    display: block;
    width: 100%;
    height: auto;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.search-form2 .btn {
    position: absolute;
    bottom: 0;
    right: 0;
    box-shadow: none;
    width: 70px;
    padding: 6px;
    border-radius: 0;
    background-color: #FF5E52;
    color: #fff;
    opacity: .85;
}
}

.chapter-btn {
    display: inline-block;
    padding: 10px 20px;
    margin: 5px;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    color: #ffffff;
    background-color: #d48b3b;
    border: 1px solid #ffffff;
    border-radius: 5px;
    transition: all 0.3s ease;
}
.chapter-btn:hover {
    background-color: #0056b3;
    border-color: #003d80;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.chapter-btn:active {
    background-color: #003d80;
    transform: translateY(1px);
}