/* 365jz.com */
body,h1,h2,h3,h4,p,ul,li,ol,dl,dt,dd,input,textarea,figure,form{margin:0;padding:0}
body,input,textarea{font-size:12px;font-family:microsoft yahei}
body{text-align:center;color:#33383D;background:#f1f1f1 url(../images/bodyg.png) repeat}
ul,ol{list-style:none}
img{border:0;max-width: 100%;}
button,input {line-height:normal;*overflow:visible;-webkit-appearance: none;}
input,textarea{outline:none}
a{color:#3B8DD1;text-decoration:none;-webkit-transition: all 0.15s linear;
-moz-transition: all 0.15s linear;
-o-transition: all 0.15s linear;
transition: all 0.15s linear;}
a:hover{color:#8CAC52}
html{background:url(../images/diandian.png) repeat;
}
/* sprite */
.logo,.comm,.view,.quicker li a{background-image:url(../images/sprite.png);background-repeat:no-repeat}
.ico{background-image:url(../images/spt.png);background-repeat:no-repeat}
.ico:hover{background-image:url(../images/spt.png);}
.header-inner:after,.wrapper:after,.footer-inner:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.header-inner,.wrapper,.footer-inner{*+height:1%;}

/* frame */
.header-inner,.wrapper,.footer-inner{max-width:1280px;_width:1280px;margin:0 auto;padding:0 10px;text-align:left;position:relative;}
.wrapper{margin-bottom:15px;box-shadow: 0 0 20px #999; border-radius: 5px;background: #F1F1F1 url(../images/wrapper.png) repeat;}
.content-wrap{float:left;width:100%}
.content{margin-right:400px;padding:20px 20px 20px 180px;border-radius:6px;background-color:white;border:1px solid #E2E2E2;box-shadow:0px 0px 10px 1px rgba(0,0,0,0.05);overflow:hidden;margin-bottom: 40px;}
.single .content,.page .content{padding-left:20px}
.column2{padding-left: 20px;}
.column2 .sticky{margin-left: -20px;}
.quicker{float:left;margin-left:-180px;width:140px;padding:0 20px;_display: inline;}
.sidebar{float:left;margin-left:-380px;width:380px;color:#666;}

/****************************************************************/

/* header */
.header{position: relative;
height: 100px;
background-color: #33363B;
margin-bottom: 15px;
border-bottom: 10px solid #3DA6DD;
background: url("../images/bg_top.jpg") repeat;
}

/* hasfixed */
#hasfixed{margin-top: 71px;}
#hasfixed .header{position: fixed;top: 0;left: 0;width: 100%;z-index: 999;}

/* logo */
.logo{width:215px;float:left;background:url(../images/logo.png) no-repeat;height:85px;margin:13px 15px 0 0;padding-right:15px;display:block;overflow:hidden;line-height:200px;font-size:18px;font-weight:bold;color:#fff;border-right: solid 1px #444;}
.logo a{height:80px;display:block;color:#fff;overflow: hidden;}

/* nav */
.nav,.quick-menu{text-shadow:1px 1px 1px #33363B;position:relative;z-index:2;}
.nav{float:left;margin:38px 20px 0 0;font-size:14px;}
.quick-menu{float:right;margin-top:38px;}

.menu-item{float:left;position:relative;margin-right:1px}
.menu-item a{color:#ddd;padding:5px 12px 6px;height:20px;line-height:20px;display:block;cursor: pointer;-webkit-transition: all 0.15s linear;
-moz-transition: all 0.15s linear;
-o-transition: all 0.15s linear;
transition: all 0.15s linear;}

.menu-item a:hover,.current-menu-item a,.current_page_item a,.current-post-ancestor a{color:#00bbff;;background-color:#292B2F;border-radius:3px}
.menu-item:hover a{background-color:#2E3035;border-radius:15px;box-shadow: 0px 0px 15px #3DA6DD;}
.menu-item:hover .sub-menu{display:block}

.sub-menu{position:absolute;top:29px;left:0;border-radius:0 0 4px 4px;min-width:106px;z-index:10;display:none;padding:4px 0;background-color:#2E3035;line-height: 18px;font-size: 12px;}
.sub-menu li{float:none;margin-right: 0}
.sub-menu li a{padding:5px 12px;color:#bbb;display: block;}
.sub-menu li a:hover{background-color:#33363B}

.menu-item i{display:inline-block;margin:0 0 0 3px;position:relative;top:-2px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #999}

.quick-menu .sub-menu{top: 27px}
.quick-menu .menu-item a{padding: 4px 10px;}

/* search-form */
.search-form{float:left;margin-top:38px;}
.search-form input{float: left;}
.search-input{border-radius:2px 0 0 2px;border:none;display:block;font-size:13px;height:20px;line-height:20px;padding:4px 8px;background-color:#eee;width:140px;color:#B3B3B3}
.search-input:focus{color:#444;background-color: #fff;}
.search-submit{background-color: #0BF;border-radius: 0 2px 2px 0;height: 28px;color:#fff;padding:0 10px;border: none;cursor: pointer;}
.search-submit:hover{background-color: #7BAB2E;}

/****************************************************************/

/* poptip */
.poptip{position: absolute;top: 20px;z-index:1;left:20px;padding: 6px 10px 5px;*padding: 7px 10px 4px;line-height: 16px;color: #DB7C22;font-size: 12px;background-color: #FFFCEF;border: solid 1px #FFBB76;border-radius: 2px;box-shadow: 0 0 3px #ddd;}
.poptip-arrow{position: absolute;overflow: hidden;font-style: normal;font-family: simsun;font-size: 12px;text-shadow:0 0 2px #ccc;}

.poptip-arrow em,.poptip-arrow i{position: absolute;left:0;top:0;font-style: normal;}
.poptip-arrow em{color: #FFBB76;}
.poptip-arrow i{color: #FFFCEF;text-shadow:none;}

.poptip-arrow-top,.poptip-arrow-bottom{height: 6px;width: 12px;left:12px;margin-left:-6px;}
.poptip-arrow-left,.poptip-arrow-right{height: 12px;width: 6px;top: 12px;margin-top:-6px;}

.poptip-arrow-top{top: -6px;}
.poptip-arrow-top em{top: -1px;}
.poptip-arrow-top i{top: 0px;}

.poptip-arrow-bottom{bottom: -6px;}
.poptip-arrow-bottom em{top: -8px;}
.poptip-arrow-bottom i{top: -9px;}

.poptip-arrow-left{left:-6px;}
.poptip-arrow-left em{left:1px;}
.poptip-arrow-left i{left:2px;}

.poptip-arrow-right{right:-6px;}
.poptip-arrow-right em{left:-6px;}
.poptip-arrow-right i{left:-7px;}

/* follow */
.follow{clear:both;margin-bottom:15px;background:#E3E3E0;border-radius:5px;overflow:hidden;height:60px}
.follow li{width:25%;float:left;_width:24%;}
.follow li a{display:block;height:30px;padding:15px 20px;color:#666;border-right:solid 1px #d1d1d1}
.follow li a:hover{color:#00bbff;background-color:#ddd}
.follow li a .tit{display:block}
.follow li a .note{color:#999}
.follow .ico{width:32px;height:32px;float:left;background-color:#ccc;margin-right:10px}
.follow .ico-tqq{background-position:0 0}
.follow .ico-tqq:hover{background-position:-32px 0}
.follow .ico-weibo{background-position:0 -32px}
.follow .ico-weibo:hover{background-position:-32px -32px}
.follow .ico-feed{background-position:0 -64px}
.follow .ico-feed:hover{background-position:-32px -64px}
.follow .ico-mailfeed{background-position:0 -96px}
.follow .ico-mailfeed:hover{background-position:-32px -96px}
.follow .mailfeed{margin:15px 20px}
.follow .mailfeed .ipt{width:72%;height:20px;padding:4px 5px;margin-top:2px;border-width:1px;border-style:solid;border-color:#d6d6d6 #c6c6c6 #c6c6c6 #d6d6d6;color:#999;border-radius: 15px;}
.follow .mailfeed .ipt:focus{border-color:#00bbff;outline:none;}
.follow .mailfeed .ipt:hover{border-color:#eee;}
.queryinfo{margin-top:20px}

/****************************************************************/

.tips{color:#666;text-align:center;background-color:#dedede;;border-radius:6px;padding-left: 150px;line-height: 30px;border-radius: 0 4px 4px 0;color: #0CBE29;overflow: hidden;border-radius: 10px;
font-size: 14px;
font-family: "幼圆";
font-weight: bold;}
.tips .btn{margin:0 5px}
.tips dt{float: left;width:150px;margin-left: -150px;background-color: #0093D0;font-weight: bold;color: #fff;border-radius: 4px 0 0 4px;font-size: 14px;}

/* sticky */
.sticky{overflow:hidden;height:148px;background-color: #FAFAFA;border-radius:6px 6px 0 0;border-bottom: solid 1px #E6E6E6;padding: 20px 0 16px 20px;margin: -20px -20px 15px -180px;}
.sticky li{float: left;width: 150px;height:144px;margin-right: 20px;margin-bottom: 20px;overflow: hidden;}
.sticky img{display: block;margin-bottom: 4px;border-width:1px;border-style: solid;border-color: #e6e6e6 #ddd #ddd #e6e6e6;padding: 4px;width:140px;height: 98px;background-color: #fff;background: #DDD;
border: 1px solid #E5E5E5;
border-radius: 8px 8px 8px 8px;}
.sticky li a{color: #999;}
.sticky li a:hover{color: #666;}
.sticky li a:hover img{border-color: #ddd #ccc #ccc #ddd;}

/* excerpt */
.excerpt li{padding:20px 0 20px 0px;overflow:hidden;border-bottom:solid 1px #eee}
.excerpt .pic,.piclost{/*border: solid 1px #ddd;*/
padding: 4px;
box-shadow: 0px 1px 1px #EEE;
display: block;
margin: 0 auto 10px auto;
width: 500px;
height: 250px;}
.excerpt .pic img,.piclost img{width: 500px;
height: 250px;
display: block;}
.excerpt .pic:hover,.pic:hover{/*border-color:#ccc;border-bottom-color:#bbb*/}
.excerpt h2{font-size:15px;margin:4px 0 12px;height:18px;overflow:hidden}
.excerpt h2 strong{color:#8CAC52;margin-right:10px}
.excerpt .note{color:#777;line-height:20px}

.info{margin-bottom:8px}
.info,.info a{color:#777}
.info a:hover{color:#333;text-decoration:underline}
.comm,.view{margin-left:20px;padding-left:20px}
.comm{background-position:-17px -129px}
.view{background-position:-17px -147px}

.atag{margin-left:20px}

/****************************************************************/

/* btn */
.btn{display:inline-block;height:26px;line-height:26px;padding:0 12px;font-size:12px;color:#fff;min-width:48px;text-align:center;border-radius:2px}
.btn{background-color:#1E7BB3;background-image:-webkit-linear-gradient(top,#3999D2,#1E7BB3);background-image:-moz-linear-gradient(top,#3999D2,#1E7BB3);background-image:-ms-linear-gradient(top,#3999D2,#1E7BB3);border-bottom:1px solid #02598E;box-shadow:#bbb 0 1px 2px;text-shadow:#1E7BB3 0 -1px 0}
.btn:hover{opacity:.9;filter:alpha(opacity=90);color:#fff}

.btn-mini{height:20px;line-height:20px;padding:1px 8px 0}

input.btn,button.btn{cursor:pointer;border-top:0;border-right:0;border-left:0}

.btn-success{background-color:#52A152;background-image:-webkit-linear-gradient(top,#5FBE5F,#52A152);background-image:-moz-linear-gradient(top,#5FBE5F,#52A152);background-image:-ms-linear-gradient(top,#5FBE5F,#52A152);border-bottom:1px solid #417F41;text-shadow:#52A152 0 -1px 0}

.btn-error{background-color:#CB423B;background-image:-webkit-linear-gradient(top,#E85A56,#CB423B);background-image:-moz-linear-gradient(top,#E85A56,#CB423B);background-image:-ms-linear-gradient(top,#E85A56,#CB423B);border-bottom:1px solid #AA352F;text-shadow:#CB423B 0 -1px 0}

.btn-gray{background-color:#ddd;background-image:-webkit-linear-gradient(top,#eee,#ddd);background-image:-moz-linear-gradient(top,#eee,#ddd);background-image:-ms-linear-gradient(top,#eee,#ddd);border-bottom:1px solid #a9a9a9;text-shadow:#eee 0 -1px 0}
.btn-gray,.btn-gray:hover{color:#777}


/****************************************************************/

/* tag-link */
.single-tag{margin-bottom:15px;}
.single-tag a{color:#888;border:solid 1px #d6d6d6;border-radius:2px;box-shadow:0 1px 1px #eee;padding:2px 6px;margin-right:4px;display:inline-block}
.single-tag a:hover{background-color:#fbfbfb;border-color:#bbb;color:#444;box-shadow:0 1px 1px #ddd}

/****************************************************************/

/* sidebar */
.aside-tit{clear:both;font-size:12px;border-bottom:1px solid #DADADA;padding-bottom:5px;margin-bottom:10px;color:#333}
.aside-tit span{font-weight:normal;float:right}
.aside-tit a{margin-left:8px}

/* base-tit */
.base-tit,.quicker h3{font-size:12px;border-bottom:solid 1px #DADADA;color:#444;padding-bottom:5px;margin-bottom:2px}
.base-tit span,.quicker h3 span{float:right;color:#390;font-weight:normal}
.base-tit{font-size:14px}

/* base-list */
.quicker ul{margin-bottom:16px}
.quicker li{_margin-bottom: -15px}
.quicker li a{background-position:-19px -160px;display:block;padding:5px 0 5px 20px;border-bottom:solid 1px #F2F2F2;color:#888;-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;}
.quicker li a:hover{color: #0BF;
background-color: #FBFBFB;
border-color: #DADADA;
margin-left: 10px;}
.quicker li a i{float:right;border-radius:20px;height:12px;line-height:12px;width:12px;text-align:center;overflow:hidden;font-style:normal;padding:1px 4px;background-color:#d6d6d6;color:#fff;font-size:10px;-webkit-text-size-adjust:none;margin-top:1px}
.quicker li a .time{color:#999;margin-right:10px}

.single .content .banner{margin-bottom:4px}
.banner-post{padding:12px 0 0}


/****************************************************************/

.widget_d_theme,.widget_d_comment,.widget_links,.widget_tag_cloud,.widget_archive,.widget_categories,.widget_pages,.widget_calendar,.widget_recent_entries,.widget_train_get{background-color:#FAFAFA;border:1px solid #E2E2E2;border-left:none;padding:20px;border-radius:6px;margin:0 0 15px 0px}

.widget{clear: both;margin-left: 0px;z-index:1;}
.widget_tit{font-size:12px;border-bottom:solid 1px #DADADA;color:#444;padding-bottom:5px;margin-bottom:2px}
.widget_tit span{float:right;color:#390;font-weight:normal}

/* widget banner */
.widget_d_banner{margin-bottom:15px;}
.widget_d_banner img{display: block;}

.widget_d_banner_half{clear: none;float:left;width: 185px;margin-right:10px;margin-right:5px\0;*margin-right:5px;}
.widget_d_banner_half img{width: 185px;height: 125px}
.widget_d_banner_half:nth-child(even){margin-right:0;}

.widget_d_banner .sell{display:block;border:solid 1px #d6d6d6;color:#999;text-align:center;height:123px;line-height:123px;font-weight:bold}
.widget_d_banner .sell:hover{border-color:#bbb;color:#777}

/* widget theme */
.widget_d_theme li{padding:10px 0 10px 80px;border-bottom:solid 1px #E0E0E0;overflow:hidden}
.widget_d_theme .pic{float:left;margin-left:-80px;width:70px;height:44px;font-size:36px;background-color:#E3E3E0;color:#fff;padding:10px 0;text-align:center;font-weight:bold}
.widget_d_theme p{margin-bottom:5px}
.widget_d_theme .btn{margin-right:8px}

/* widget comment */
.widget_d_comment ul a{padding:10px 20px 10px 46px;display:block;border-bottom:1px solid #e6e6e6;overflow:hidden;color:#999}
.widget_d_comment ul img{float:left;width:36px;margin-left:-46px}
.widget_d_comment ul strong{color:#0055aa;display:block;margin-bottom:1px;font-weight:normal}
.widget_d_comment ul a em{color:#ddd;font-size:14px;font-weight:bold;font-family:simsun;font-style:normal;float:right;margin:10px -20px 0 0}
.widget_d_comment ul a:hover{background-color:#fbfbfb;color:#666}
.widget_d_comment ul a:hover em{color:#aaa}

/* widget hotpost */
.widget_d_hotpost{margin-bottom:20px}
.widget_d_hotpost h2{font-size:15px;margin:8px 0 10px}
.widget_d_hotpost .note{line-height:20px}
.widget_d_hotpost .excerpt li{padding:0 0 0 104px;}
.widget_d_hotpost .pic{width:86px;height:60px;overflow:hidden;margin-left:-104px;padding:0;border-width:2px;}
.widget_d_hotpost .comm, .widget_d_hotpost .view{margin-left:12px}

/* widget link */
.widget_links ul,.widget_archive ul,.widget_categories ul,.widget_pages ul,.widget_recent_entries ul{overflow:hidden;margin:10px 0 -5px;}
.widget_links li,.widget_archive li,.widget_categories li,.widget_pages li,.widget_recent_entries li{float:left;width:33.33%;height:28px;line-height:28px;overflow:hidden;background: url(../images/sign.png) no-repeat 0px 6px;
padding-left: 20px;}
.widget_recent_entries li{float: none;width: auto}
.widget_links li a,.widget_archive li a,.widget_categories li a,.widget_pages li a,.widget_recent_entries li a{color:#666;-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;}
.widget_links li a:hover,.widget_archive li a:hover,.widget_categories li a:hover,.widget_pages li a:hover,.widget_recent_entries li a:hover{color:#00bbff;margin-left:10px;}

/* widget calendar */
.widget_calendar table{width:100%;text-align: center;}
.widget_calendar table caption{padding:8px 0;}
.widget_calendar table #prev{text-align: left;}
.widget_calendar table #next{text-align: right;}
.widget_calendar table tbody td{padding:2px;}
.widget_calendar table tbody td a{display: block;margin:1px 2px;background-color: #DDD;}

/* widget meta */
.widget_meta .widget_tit{margin-bottom:10px;}
.widget_meta ul{line-height: 24px;}
.widget_meta ul a{color: #999;}
.widget_meta ul a:hover{color: #333;text-decoration: underline}

/* select */
.widget_archive select,.widget_categories select{margin-top:10px;width:100%;height:32px;line-height:32px;padding:2px;}

/* paging */
.paging,.pagenav{padding:20px 0 10px;overflow:hidden;border-radius: 4px;}
.paging a,.paging .current,.pagenav a,.pagenav .current,.paging .dots,.pagenav .page-numbers{padding:6px 14px;color:#666;border:1px solid #ddd;display:block;margin-right:-1px;float:left}
.paging .current,.paging a:hover,.pagenav .current,.pagenav a:hover{color:#7BAB2E;font-weight:bold;background-color:#EDF9D7;border-color:#8CAC52;position: relative;}
.paging li{ float:left; list-style:none; line-height:30px}
.paging a:active,.pagenav a:active{box-shadow:inset 0 1px 2px #bbb}
.paging a:first-child{border-radius: 2px 0 0 2px}
.paging a:last-child{border-radius: 0 2px 2px 0}


/* footer */
.footer{background-color: #33363B;
font-size: 12px;
padding: 20px 0 20px 0;
clear: both;
width: 100%;
background: #33363b;
margin: 40px 0 0 0;
color: #888;
border-top: 15px solid #494c54;}
.footer a{color:#bbb}
.footer-inner{padding:15px 20px}
.manage{float:right}
.footbar li{display:inline;margin-right:10px}

.flinks li {
	height: auto;
	display: inline-block;
	padding-right: 15px;
	line-height: 25px;
}


/* main */
.main{padding:20px;background-color:white;border-radius:6px;border:1px solid rgba(0, 0, 0, 0.1);box-shadow:0px 0px 10px 1px rgba(0,0,0,0.05);overflow:hidden}
.main-tit{border-bottom:1px solid #eee;font-size:18px;padding:0 0 10px;margin:0 0 20px;color:#444}
.main-tit strong{font:bold 12px/18px arial;font-style:normal;color:#999;margin:0 10px}
.main-tit em{font-style:normal;font-weight:normal;color:#380;font-size:12px}
.main-tit .btn{font-weight:normal;margin-left:20px}
.main-tit .btn:active{border-bottom-color:#fff}
.main .share{float:right;margin-top:-52px}


/* share */
.share{overflow:hidden;margin-top:-4px}
.share-tit{float:left;padding-top:5px}
.meta .share{float:right}

.db_post{padding-top:15px;overflow: hidden;}
ul.db_post{margin-bottom:20px;}
ul.db_post li{float:left;width:360px;margin-right:20px;}



/* meta */
.meta{padding-bottom:12px;border-bottom:#eee 1px solid}
.meta-tit{font-size:18px;margin:0 0 10px;color:#3B8DD1}
.meta-tit span a{font-size:12px;font-weight:normal;margin-left:10px;color:#080}
.meta-info{color:#999}

/* entry */
.entry{font-size:13px;line-height:24px;word-break: break-all; word-wrap: break-word;}
.entry img{max-width:800px;}
.entry h2,.entry h3,.entry h4{color:#111;border-bottom:#eee 1px solid;padding-bottom:5px}
.entry h2{font-size:15px}
.entry h3,.entry h4{font-size:14px}
.entry strong{color:#dc2523}
.entry ul,.entry ol{margin:16px}
.entry li{margin-left:26px}
.entry ul li{list-style:disc}
.entry ol li{list-style:decimal}
.entry p{margin:15px 0}
.entry a{text-decoration:underline}
.entry code, .comment code{padding:1px 4px;border-radius:2px;background-color:#eee;font-family:'courier new';color:#777;margin:0 4px}
.entry table{border-top:solid 1px #eee;border-left:solid 1px #eee}
.entry table th{background-color:#f9f9f9;text-align:center}
.entry table td,.entry table th{border-bottom:solid 1px #eee;border-right:solid 1px #eee;padding:5px 10px}
.entry .alignleft{float:left;text-align:left;margin-right:10px}
.entry .aligncenter{text-align:center}
.entry .alignright{float:right;text-align:right;margin-left:10px}


.btn-demo{
	display: inline-block;
	padding: 15px 30px;
	font-size: 15px;
	line-height: 18px;
	color: #444;
	text-align: center;
	text-shadow: 0 1px 1px #ccc;
	background-color: #e6e6e6;
	background-image: -webkit-linear-gradient(top, #fbfbfb, #e6e6e6);
	background-image: -moz-linear-gradient(top, #fbfbfb, #e6e6e6);
	background-image: -ms-linear-gradient(top, #fbfbfb, #e6e6e6);
	border: 1px solid #ccc;
	border-bottom-color: #bbb;
	border-radius: 1px;
	box-shadow: 0 2px 2px #ddd;
}
.btn-demo:hover{
	background:#f6f6f6;
	color: #333; 
}
.btn-demo:active{
	background:#f6f6f6;
	color: #555; 
	box-shadow: inset 0 2px 4px #ddd;
}
a.btn-demo{text-decoration: none}

.article-info-text{margin-top:15px;font-size:14px}

.entry pre{margin:15px auto;font:12px/20px 'courier new';border:1px solid #d6d6d6;border-left-width:4px;background:#fbfbfb url(../images/codecolorer_bg.gif) top;padding:10px 15px}
.entry blockquote{margin:15px auto;border:1px solid #d6d6d6;border-top-width:3px;padding:15px 20px 10px;background-color:#fdfdfd;}
.entry blockquote p{margin:0;padding:0;text-indent:24px;margin-bottom:10px;}

.post-copyr a{text-decoration:none}

.authordata{overflow:hidden;padding:15px 15px 15px 72px;background-color:#FAFAFA;border-top:solid 1px #E6E6E6;border-bottom:solid 1px #E6E6E6;margin:15px -20px;position:relative;}
.authordata dt{float:left;margin-left:-52px;width:36px;}
.authordata dt img{display:block;border:solid 1px #ccc;border-color:#ccc #ccc #bbb #ccc;box-shadow:1px 1px 1px #eee;padding:1px;background-color:#fff;}
.authordata dd h4{font-size:12px;margin-bottom:6px;}
.authordata dd a{text-decoration:underline;}

.single-tags{margin-bottom:18px}

.alipay{margin-bottom:20px;text-align: center;}

/* post-related */
.post-related{overflow:hidden;padding:15px 20px;margin:15px -40px 15px -20px;background-color: #FAFAFA;border-top:solid 1px #E6E6E6;border-bottom:solid 1px #E6E6E6;}
.post-related li{float:left;width:20%;margin:10px 0 0 0;line-height:18px;color:#999;overflow:hidden}
.post-related a{width:140px;display: inline-block;}
.post-related a img{width:140px;height:98px;display:block;border: solid 1px #ccc;padding: 2px;box-shadow: 0px 1px 1px #EEE;margin-bottom: 5px;}
.post-related a:hover img{border-color:#bbb;border-bottom-color:#aaa}

/* comment */
#postcomments{margin-bottom:12px;overflow:hidden}


.comment{padding:15px 0 15px 48px}

.c-avatar{width:36px;height:36px;border-radius:2px;background-color:#FFF;float:left;margin-left:-48px;overflow:hidden;_display:inline}
.c-avatar .avatar{display:block}
.c-main{margin-top:-2px;margin-right:48px}
.c-main p{font-size:13px}
.c-meta{color:#999;padding-top:3px}
.c-author{margin-right:10px}
.comment-reply-link{margin-left:6px}

.depth-1{border-bottom:#eee 1px solid}
.depth-1.odd{background-color:#fdfdfd}
.depth-2{margin-right:48px}
.depth-2,.depth-4,.depth-6,.depth-8{background-color:#f6f6f6;border-radius:3px}
.depth-3,.depth-5,.depth-7,.depth-9{background-color:#fff;border-radius:3px}

.children .comment{padding:10px 10px 10px 52px;margin-top:5px;border-left:2px solid #e6e6e6}
.children .c-main p{font-size:12px;margin-right:0}
.children .c-avatar{margin-left:-42px;width:32px;height:32px}
.children .c-avatar .avatar{width:32px;height:32px}
.children .c-meta{padding-top:2px}

.c-floor{float:right;font-size:18px}
.c-floor a{color:#ddd}
.c-floor a:hover{color:#666}
.c-approved{border-radius:2px;background-color:#FEF07F;border:1px solid #EFA72E;color:#D15221;display:inline-block;padding:1px 5px;margin-top:4px}
.wp-smiley{margin-bottom:-3px}

#author-info{margin:0 0 6px;padding:6px 0 1px;overflow:hidden;line-height:16px;color:#444}
#author-info img{width:21px;height:21px;margin-right:8px;float:left;border-radius:1px}
.author-name{}
#tab-author{margin-left:6px}
.author-info-r{float:right;color:#aaa;line-height:18px;position:relative;top:4px}
.author-info-r a{color:#aaa}
.author-info-r a:hover{color:#666}

.author-info-say{color:#666;margin-left:5px;background-color:#e6e6e6;padding:2px 6px 3px;border-radius:2px;position:relative;display:inline-block;text-shadow:1px 0 0 #fff}
.author-info-say i{position:absolute;left:-4px;top:50%;display:block;margin-top:-4px;width:0;height:0;overflow:hidden;border-top:4px solid transparent;border-bottom:4px solid transparent;border-right:4px solid #e6e6e6}

#comment-author-info{overflow:hidden}
#comment-author-info p{border-radius:2px;border:#ccc 1px solid;width:180px;position:relative;float:left;margin-right:6px;margin-bottom:6px}
#comment-author-info p:hover,#comment-author-info p.on{box-shadow:0 0 4px #ddd;color:#222;border-color:#bbb}
#comment-author-info p:hover label,#comment-author-info p.on label{border-color:#bbb}
#comment-author-info label{width:32px;height:18px;line-height:18px;padding:4px;text-align:center;border-top-left-radius:2px;border-bottom-left-radius:2px;border-right:#ccc 1px solid;display:inline-block}
#comment-author-info p em{font-size:12px;color:#999;position:absolute;left:172px;top:-3px;font-style:normal}
#comment-author-info input{width:130px;height:18px;line-height:18px;padding:4px;border-radius:2px;border:0;color:#666}
#comment-author-info p.comment-author-url{width:250px}
#comment-author-info p.comment-author-url input{width:200px}

.success_2{margin:-8px 0 10px 52px;display:block}

.post-area{border-radius:2px;border:#ccc 1px solid;margin-bottom:10px;background:#fff;position:relative;overflow:hidden}
.post-area-hover{border-color:#c8c8c8;box-shadow:0 0 5px #ddd}

.comment-editor,#smileys{height:26px;line-height:26px;border-bottom:#d8d8d8 1px solid;border-radius:2px 2px 0 0;background-color:#fdfdfd;box-shadow:0 2px 10px #eee, inset 0 -2px 10px #eee;overflow:hidden}
.comment-editor a{color:#777;display:inline-block;padding:0 8px;height:26px;border-right:1px solid #ddd}
.comment-editor a:hover{color:#333;background-color:#FFF}

#smileys{display:none;position:absolute;top:0;left:48px}
#smileys.smileys-con{width:auto}
#smileys a{margin:5px 5px 0 0;display:inline-block;line-height:0}

#comment{height:80px;padding:4px 6px;background:none;line-height:20px;border:none;width:98.2%;position:relative;z-index:2;margin-bottom:-5px;color:#444}
#loading,#error{background:#FFFFCC;opacity:.88;filter:alpha(opacity=88);border-top:#ccc 1px solid;padding:2px 8px 1px;position:absolute;bottom:0;left:0;z-index:9;width:100%}
#loading img,#error img{position:relative;bottom:2px;margin-right:3px}

.subcon .btn,.comment_mail{cursor:pointer}
.subcon a,.comment_mail{color:#999}
.subcon a:hover,.comment_mail:hover{color:#333}
.comment_mail{margin-left:5px}

#comment_mail_notify{vertical-align:middle;margin-right:3px;margin-top:-1px}
#commentform{line-height:24px;padding:4px 0}
#cancel-comment-reply-link{position:relative;top:1px;margin:0 10px}


#scrollto{position: fixed;right: 0;bottom: 17px;z-index:999;width:36px;font-family: simsun;display:none;}
#totop,#tocomment{height:32px;color: #fff;display: block;position: relative;background-color: #000;opacity: 0.6;filter:alpha(opacity=60);cursor: pointer;}
#totop:hover,#tocomment:hover{opacity: 0.8;filter:alpha(opacity=80);}
#totop em,#totop i,#tocomment em,#tocomment i{position: absolute;overflow: hidden;font-style: normal;}

#totop{font-size: 20px;}
#totop em{top:9px;left:8px;height: 10px\9\0;}
#totop i{top:11px;left:8px;color: #000;filter:alpha(opacity=60)\9\0;height: 8px\9\0;}
#totop:hover i{filter:alpha(opacity=80)\9\0;}

#tocomment{margin-top: 1px;}
#tocomment em{top:10px;left:10px;border:solid 1px #ccc;width: 14px;height: 10px;border-radius: 1px;box-shadow: 0 0 1px #ddd;}
#tocomment i{top:4px;top:5px\9\0;*top:5px;left:12px;letter-spacing: -3px;font-size: 14px;}

@media screen and (max-width:1200px){
	.quicker,.quick-menu{display:none}
	.sticky{margin-left: -20px}
	.content{padding-left:20px;min-height:auto}
}

@media screen and (max-width:980px){
	.sidebar,.quick-menu{display:none}
	.quicker{display:block}
	.wrapper{margin-bottom:0;padding:0}
	.content{padding-left:180px;margin-right:0;box-shadow:none;border:0 none;border-radius:0;}
	.quicker{margin-left:-180px;width:140px}
	.header{margin-bottom: 0}
	.sticky{margin-left: -180px}
	.follow{border-radius: 0;margin-bottom: 0}
	.follow li:last-child{display:none}
	.follow li{width: 33.33%}
	.follow li:nth-child(3) a{border-right: none}
	
}

@media screen and (max-width:800px){
	.manage,.nav,.quick-menu,.meta .share{display:none}
	.header-inner, .footer-inner{padding-left:15px;padding-right:15px;}
	.content{padding:15px;}
	.excerpt li{padding-top:15px;padding-bottom:15px;}
	
	.follow li:last-child,.follow li:nth-child(3){display:none}
	.follow li{width: 50%}
	.follow li:nth-child(2) a{border-right: none}

	.post-related li{float: left;width:150px;height:150px;overflow: hidden;}
}

@media screen and (max-width:480px){
	.nav,.quick-menu,.meta .view,.sticky,.tips,.follow,.post-related{display:none;}
	.logo{margin-top:5px;}
	.search-form{margin-top:6px;}
	.search-form .search-input{width: 80px;}
	.header{height:40px}
	.excerpt li{padding:12px 0 15px;}
	.search-input{width: 160px}
	.meta-tit{font-size: 15px;}
	.meta .comm{margin-left: 0}


}
.menu { 
			height: 45px;
			display: block;
		}

		.menu ul {
			list-style: none;
			padding: 0;
			margin: 0;
		}

		.menu ul li {
			/* width and height of the menu items */  
			float: left;
			overflow: hidden;
			position: relative;
			text-align: center;
			line-height: 45px;
		}

		.menu ul li a {
			/* must be postioned relative  */ 
			position: relative;
			display: block;
			width: 150px;
			height: 45px;
			font-family: Arial;
			font-size: 22px;
			font-weight: bold;
			letter-spacing: 1px;
			text-transform: uppercase;
			text-decoration: none;
			cursor: pointer;
		}

		.menu ul li a span {
			/* all layers will be absolute positioned */
			position: absolute;
			left: 0;
			width: 150px;
		}

		.menu ul li a span.out {
			top: 0px;
		}

		.menu ul li a span.over,
		.menu ul li a span.bg {
			/* hide */  
			top: -45px;
		}
		#menu2 {
			background: #ddff6ff;	
			margin: 0 auto;
			width: 1280px;
		}
		
		#menu2 ul li a {
			color: #09f;
		}

		#menu2 ul li a span.over {
			background: #fff;
			color: #09f;
		}


 
 
/*  
banner
*/
    .swiper-container {
      width: 100%;
    }
	.swiper-container img{max-width:100%;}
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
    }
	.swiper-text{position: absolute;left:0;top:50%;margin-top: -56px;z-index:2;text-align:center;color:#FFF;width:100%;}
	.swiper-text h3 {
        font-size: 24px;
        text-align: center;
        margin-bottom: 3%;
		color: #FFF;
		line-height: 24px;
    }
	.swiper-text p {
        font-size: 16px;
        text-align: center;
        margin-bottom: 3%;
		color: #FFF;
		line-height: 24px;
    }
	.swiper-text .swiperbtn {
		display: block;
        background: #0064Cd;
        background-image: -webkit-gradient(linear,right top, left top,color-stop(0, #1dab7d),to(#47de9d));
        background-image: linear-gradient(270deg,#1dab7d 0,#47de9d 100%);
        width: 120px;
        height: 40px;
        line-height: 40px;
        color: #fff;
        text-align: center;
        border-radius: 20px;
		margin:0 auto;
		font-size: 14px;
    }
	.swiper-text .swiperbtn:hover {
        -webkit-box-shadow: 0 1px 5px 0 rgb(34 178 129 / 50%);
        box-shadow: 0 1px 5px 0 rgb(34 178 129 / 50%);
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }


/* 话题标签topic */
.css365jz_meta-tags{padding: 20px 0;}
.css365jz_meta-tags .css365jz_tagitem {
    position: relative;
    display: inline-block;
    height: 30px;
    padding: 0 12px;
    font-size: 14px;
    line-height: 30px;
    vertical-align: top;
    border-radius: 100px;
    background: #f2f3f5;
    margin-bottom: 20px;
}
.css365jz_meta-tags .css365jz_tagitem:hover {
    background-color: rgba(0,102,255,.15);
}
.css365jz_meta-tags .css365jz_tagitem:not(:last-child) {
    margin-right: 10px;
}


/* 话题标签topic列表 */
.css365jz_container{position:relative;margin:0 auto;padding:0 15px;box-sizing:border-box}

@media screen and (min-width:768px){.css365jz_container{width:750px}}
@media screen and (min-width:992px){.css365jz_container{width:970px}}
@media screen and (min-width:1200px){.css365jz_container{width:1170px}}
@media only screen and (max-width: 1140px) {.css365jz_main,.css365jz_container{width: auto;}}

.css365jz_place{min-height: 56px;background-color: #f2f3f5;line-height: 56px;font-size: 16px;padding:0 20px;margin:20px 0;}

.css365jz_row .css365jz_rowtitle{
    text-align: center;padding: 30px 0 20px 0;
}
.css365jz_row .css365jz_rowtitle h1{
    font-size: 28px;
    line-height: 30px;
    text-align: center;
}
.css365jz_row .css365jz_rowtitle p{
	font-size: 16px;line-height: 30px;
    color: rgba(119,119,119,1);
    font-family: Arial;
}

/* 自定义内容 */
.css365jz_content{width:100%;font-size:16px;line-height:28px;padding-bottom:30px;}
.css365jz_content p{padding-bottom: 20px;}

.css365jz_content .contain {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    padding: 36px 40px;
    background: #FAF7F2;
	box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%);
    border-radius: 6px;
	-webkit-transition: .7s;
    -moz-transition: .7s;
    -o-transition: .7s;
    transition: .7s;
}
.css365jz_content .contain:hover {
    background: #EFEFEF;
}
.css365jz_content .contain .ch-title {
    font-size: 24px;
    font-weight: 600;
    color: #5d5044;
    line-height: 32px;
    margin-bottom: 6px;
}
.css365jz_content .contain .en-title {
    font-size: 16px;
    font-family: HelveticaNeueLTPro;
    color: rgba(133, 114, 90, 0.6);
    line-height: 32px;
    padding-bottom: 8px;
}
.css365jz_content .contain .line {
    width: 48px;
    height: 4px;
    background: #ff9f38;
    display: inline-block;
    margin-bottom: 24px;
}
.css365jz_content .contain p {
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    line-height: 24px;
    text-align: justify;
}

/* 列表 */
.css365jz_news_list_wrap{max-width:1140px;margin:0 auto;}
.news_list_item_line {
    padding: 30px;
	position: relative;
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
	opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}
.news_list_item_line:hover {
	-webkit-box-shadow: rgba(0,0,0,.12) 0 0 22px;
    -moz-box-shadow: rgba(0,0,0,.12) 0 0 22px;
    box-shadow: rgba(0,0,0,.12) 0 0 22px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #fff;
    color: #2ba0e8;
	
}
.news_list_item_line:hover a{
	color: #2ba0e8;
}
.news_list_item_header{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-webkit-align-items:flex-start;-moz-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:0}
.news_list_item_date {
    font-size: 14px;
    color: #999;
    line-height: 24px;
}
.news_list_item_title {
    font-size: 16px;
    font-weight: 400;
    color: #333;
    line-height: 24px;
}
.news_list_item_link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.news_list_item_summery {
    margin-top: 18px;
    font-size: 14px;
    color: #666;
    line-height: 1.7;
}
.news_list_item_group a{
    display: inline-block;
    position: relative;
    height: 26px;
    line-height: 26px;
    max-width: 100%;
    padding: 0 8px;
    border: 1px solid #e5e5e5;
    margin-top: 12px;
    margin-right: 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #999;
    font-size: 12px;
    word-break: keep-all;
    overflow: hidden;
    z-index: 2;
}
.news_list_parting_line {
    height: 0;
    border-bottom: 1px solid #ececec;
    margin: 0 1.6666%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* 分页 */
.zzpages ul{
	float:left;
	padding:12px 0px 12px 16px;
}
.zzpages ul li{
	display: inline-block;
    height: 35px;
    line-height: 35px;
    background: #fff;
    border: 1px solid #e5e5e5;
    overflow: hidden;
    vertical-align: top;
}
.zzpages li.thisclass {
    background: #292a32;
    border: 1px solid #292a32;
    color: #fff;
}
.zzpages ul li:hover{
    border: 1px solid #292a32;
}
.zzpages ul li a,.zzpages ul li .pageinfo{
	color: #292a32;
    padding: 8px 12px;
}
.zzpages li.thisclass a{
    color: #fff;
}
.zzpages .pageinfo strong{
	color:#555;
	font-weight:normal;
	margin:0px 2px;
}

/* 话题标签topic列表结束 */