@charset "utf-8";li{list-style:none}
.gg{overflow:hidden;margin-top:39px;height:79px;border:1px solid #ddd;background:#FFF;color:#444}
.gg p{padding:0}
#gg1 a{color:#444}
*{box-sizing:border-box}
#gg1{float:left;margin-left:15px;width:150px;line-height:25px}
::-webkit-scrollbar{width:14px}
::-webkit-scrollbar-track{background:#f2f2f2;-webkit-box-shadow:inset 0 0 3px #bababa}
::-webkit-scrollbar-thumb{background:#fff;-webkit-box-shadow:inset 0 0 5px #bababa}
::-webkit-scrollbar-thumb:window-inactive{background:#fff}
body{margin:0;padding-top:34px;padding-left:0;width:100%;height:100%;color:rgba(0,0,0,0.8);font-size:100%;font-family:"Open Sans",Arial,"Microsoft YaHei","微软雅黑","STHeiti","WenQuanYi Micro Hei",SimSun,sans-serif;line-height:1.5;background:#f6f5f3 url();
background-size: cover;background-attachment:fixed;}
html{margin:0;height:100%}
a{color:#000;text-decoration:none}
p{display:block;margin:0;-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0}
#header{position:absolute;z-index:5;margin:0 auto;padding:0;width:100%;height:34px;}
#header_inner,#wrapper,{position:relative;margin:0 auto;width:1000px;text-align:left}
#art_main{width:590px}
#art_main{width:100%}
#art_main1{width:100%}
#sider{width:100%;}
#zoom img{margin:5px 0 5px 0;max-width:100%}
#ggn{float:left;padding-top:5px;width:205px;height:auto;border-bottom:1px solid #dedede;color:#fff}
#ggn2{float:right;margin-top:5px;margin-bottom:5px;width:170px;color:#fff;line-height:24px}
#ggn3{float:left;width:100%;color:#fff}
#ggn3 a{color:#fff}
#ggn3 img{margin-bottom:-12px}
#zoom{margin-right:auto;margin-left:auto;padding:10px;width:94%;line-height:1.8em}
#menu a:link{font-size:15px}
#hmenu{box-sizing:border-box;margin-top:5px;margin-right:auto;margin-left:auto;width:98%;height:58px;border-top:1px solid #dedede;border-right:1px solid #dedede}
#hmenu .bar ol,ul{padding:0}
#hmenu a:link{padding:0;font-size:15px}
#hmenu .bar{margin-left:0;width:100%}
#hmenu li{float:left;overflow:hidden;box-sizing:border-box;width:10%;height:30px;border-bottom:1px solid #ddd;border-left:1px solid #d5d5d5;text-align:center;white-space:normal;line-height:30px}
#hmenu li:hover{background-color:#e2e2e2}
.headroom {position: fixed;top: 0;left: 0;right: 0;  /* transition: all .1s ease-in-out; */z-index: 9999;width: 100%;margin-left: auto;margin-right: auto;}
    .headroom--unpinned {top: -300px;z-index: 9999;width: 1200px;margin-left: auto;margin-right: auto;}
    .headroom--pinned {top: 0;z-index: 9999;background-color: rgba(48, 48, 48, 0);width: 100%;margin-left: auto;margin-right: auto;}
    .headroom--not-top{background-color: rgba(48, 48, 48, 0.6);margin:auto;width: 1200px;margin-left: auto;margin-right: auto;}
    .headroom--top{background-color: rgba(000, 000, 000, 0.5);}
#maim{top:0!important;bottom:0;left:0;float:left;height:100%}
#left{position:fixed;float:left;overflow-x:hidden;overflow-y:auto;box-sizing:border-box;padding-top:0;width:70%;height:100%;min-width:825px;background-color:rgba(255,255,255,0.5)}
#echolog{margin-right:auto;margin-left:auto;width:100%;background-color:#fff}
#bgw{background-color:#fff}
#j5{margin-top:-5px}
#wleft{position:fixed;float:left;overflow-x:hidden;overflow-y:auto;box-sizing:border-box;padding-top:0;width:70%;height:100%;min-width:825px;background-color:rgba(255,255,255,0.5)}
#right{position:fixed;float:left;overflow-x:hidden;overflow-y:auto;box-sizing:border-box;margin-left:70%;padding-top:0;width:30%;height:100%;min-width:350px;background-color:rgba(255,255,255,0.9);box-shadow:0 0 0 #000}
#hleft{float:left;box-sizing:border-box;margin-top:-10px;margin-left:auto;padding-top:10px;width:980px;height:300px;background-color:#fff}
#listleft{float:left;width:950px;height:100%;background-color: #F1F1F1;}
#listright{float:left;box-sizing:border-box;padding-top:0;padding-right:10px;padding-left:10px;width:248px;height:100%;padding-bottom: 30px;}
#lleft{box-sizing:border-box;margin-right:auto;margin-left:auto;max-width:980px;background-color:#fff}
#cleft{margin-right:auto;margin-left:auto;width:100%}
#cright{margin-right:auto;margin-left:auto;width:98%}
#fot2{float:right;margin-top:0}
#myblog3{bottom:0;z-index:1;overflow:hidden;box-sizing:border-box;padding:10px 10px 10px 13px;width:100%;height:auto;background:#464646;font-size:14px}
#myblog31{float:left;margin-left:-1px;padding:10px;width:25%;height:150px;color: #fff;}
#myblog31 a{color:#fff;}
#biglogo{margin-left: 20px;margin-top: 10px;}
#biglogo li{font-size: 16px;margin-left: 25px;margin-top: 5px;}
#rightt{position:fixed;float:left;overflow-x:hidden;overflow-y:auto;margin-left:1002px;padding-right:10px;padding-left:5px;width:400px;height:100%;background-color:rgba(255,255,255,0.9);box-shadow:0px 0px 60px #CBCBCB}
#main{margin-right:auto;margin-left:auto;width:1200px;height:auto;background-color:#ECECEC ;-moz-box-shadow: 0px 0px 16px #000;
-webkit-box-shadow: 0px 0px 60px #CBCBCB;
box-shadow: 0px 0px 60px #CBCBCB;
padding-top: 34px;
margin-top: -34px;}
#logl{float:left;box-sizing:border-box;margin-top:10px;margin-right:auto;margin-left:auto;max-width:950px;}
#loglist{z-index:10;float:left;box-sizing:border-box;margin-top:0;margin-right:auto;margin-left:auto;max-width:980px;background-color:#fff}
.footer{margin-bottom:20px;font-size:13px}
#mtip{
	font-size: 120%;
	background-color: rgb(66, 114, 219);
    width: 100%;
    background: rgb(66,114,219);
    font-family:"Microsoft Yahei";
	padding: 8px 12px 6px 0;
	color: #fff;
	position: fixed;top: 0;left: 0;right: 0;
z-index: 99999;
		
}
#mtip p{text-indent:2em;line-height: 1.5em;font-size: 120%;margin: 8px 12px 6px 10px;}

#mtip a{
	cursor: pointer;
	display: inline-block;
	margin: 10px;
	padding: 8px 12px 6px;
	zoom: 1;
	color: rgb(188, 201, 232);
	background-color: rgb(34, 85, 203);
	text-decoration:none;
	
}
#close {
	font-size: 13px;
	margin-right: 13px;
	float: right;
}
#toupiaoan{
float:right;
margin-top:23px;
-moz-box-shadow: inset 0px 1px 0px 0px #f7c5c0;
  -webkit-box-shadow: inset 0px 1px 0px 0px #f7c5c0;
  box-shadow: inset 0px 1px 0px 0px #f7c5c0;
  background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fc8d83), color-stop(1, #e4685d) );
  background: -moz-linear-gradient( center top, #fc8d83 5%, #e4685d 100% );
  background: -ms-linear-gradient( top, #fc8d83 5%, #e4685d 100% );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc8d83', endColorstr='#e4685d');
  background-color: #fc8d83;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #d83526;
  display: inline-block;
  color: #ffffff;
  font-family: arial;
  font-size: 15px;
  font-weight: bold;
  padding: 6px 24px;
  text-decoration: none;
  text-shadow: 1px 1px 0px #b23e35;}

#toupiaoan:hover{  background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e4685d), color-stop(1, #fc8d83) );
  background: -moz-linear-gradient( center top, #e4685d 5%, #fc8d83 100% );
  background: -ms-linear-gradient( top, #e4685d 5%, #fc8d83 100% );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4685d', endColorstr='#fc8d83');
  background-color: #e4685d;}  
  
.myblog2{margin-top:8px;margin-left:-5px;padding-left:10px}
.myblog2 li{overflow:hidden;margin-bottom:14px;margin-left:5px;width:95%;height:18px;font-size:13px}
.myblog{margin-left:10px}
#huatit{padding: 4px 5px;width: 100%;height: 26px;border-bottom: 1px solid #dedede;background-color: #fff;font-size: 13px;line-height: 19px;background: url(../images/huati.png) no-repeat 6px 5px;background-size: 7%;}
#pingluntop{margin-top:30px;margin-right:-1px;margin-left:-1px;padding:0;background-color:#454545;line-height:25px}
#pingluntop h3{padding:10px;color:#e2e2e2;font-weight:normal}
#plm{overflow:hidden;width:330px;height:25px}
#plm2{overflow:hidden;margin-top:-20px;height:25px}
#liulanliang{float:left;margin-top:0;margin-left:5px;padding:2px 5px 2px 5px;border-radius:30%;background-color:#f57975;color:#fff;font-size:12px}
#logo img{margin-top:7px;margin-bottom:7px;margin-left:0}
#flink{float:left;box-sizing:border-box;width:20%;height:40px;border-right:1px solid #d5d5d5;border-bottom:1px solid #ddd;text-align:center;line-height:40px}
#flink2{float:left;box-sizing:border-box;width:100%;height:40px;border-right:1px solid #d5d5d5;border-bottom:1px solid #ddd;text-align:center;line-height:40px}
#flink3{float:left;box-sizing:border-box;width:50%;height:40px;border-right:1px solid #d5d5d5;border-bottom:1px solid #ddd;text-align:center;line-height:40px}
#flink:hover{background:#ebebeb}
#flink3:hover{background:#ebebeb}
.slide,.slide li{width:100%;height:230px;background-color:#ffea97}
.slide{position:relative;overflow:hidden;margin:0;width:100%;border:1px #ededed solid}
.slide li{position:absolute;z-index:1;display:none;overflow:hidden}
.slide li.current{display:block}
.slide li .image{position:absolute;top:-2px;left:-2px}
.slide li .text{position:relative;bottom:0;float:right;overflow:hidden;margin:0 15px 0 0;padding:6px 0;width:240px;height:auto;text-indent:0;filter:none}
.slide li .text a{float:left;color:#fff;font-size:14px;line-height:17px}
.slide li img{width:380px;height:230px}
.slide li .text .title a{float:none;color:#000;text-indent:0;font-weight:700;font-size:16px;line-height:1.5em}
.slide li .text p{clear:both;margin-top:40px;color:#262626;text-indent:0;font-size:12px;line-height:27px}
.slide .triggers{position:absolute;right:0;bottom:10px;left:0;z-index:1;overflow:hidden;padding:0 0 8px;width:0;height:0;text-align:center}
.slide .triggers a{float:none;display:inline-block;overflow:hidden;margin:0 3px 0 0;width:62px;height:42px;border-radius:1px;background:0;color:#000;text-align:center;font-size:11px;line-height:12px;-webkit-text-size-adjust:none}
.slide .triggers a:hover{text-decoration:none}
.slide .triggers a img{width:58px;height:38px;border:1px #999 solid;vertical-align:middle;opacity:.6}
.slide .triggers a.current img{border:2px #2fac00 solid;opacity:1}
.slide .icon-dot{position:absolute;right:43px;bottom:20px;z-index:900;display:inline-block;overflow:hidden;width:0;height:0}
.slide .icon-dot a{z-index:900;display:inline-block;overflow:hidden;margin:0 2px;width:9px;height:9px;background-image:url(../images/nav.png);}
.slide .icon-dot a.current{z-index:900;background-position:-1px -12px}
.slide .link-watch{position:absolute;top:95px;z-index:900;display:none;width:30px;height:44px;background:url(../images/arrow.png) no-repeat 0 -57px;cursor:pointer;filter:alpha(opacity=60)}
.slide .link-watch.pre{left:0;z-index:900}
.slide .link-watch.next{right:0;left:620px;z-index:900;background-position:right -57px}
.slide .link-watch.down{z-index:900;background-position-y:-2px}
table{border-collapse:collapse;border-spacing:0}
.header{float:left;width:120px;height:34px}
.header .topctiy{padding:4px 10px 0 0;height:22px}
.header .topctiy ul{float:left}
.header .topctiy li{float:left;margin-top:-4px;margin-left:-10px;padding:0;color:#fff}
.header .topctiy li.i1{padding:0 13px;background:#e16e6e;font-weight:bold;font-size:14px}
.header .topctiy li.i2{cursor:pointer}
.header .topctiy li a{color:#fff}
.header .topctiy li a:hover{color:#fff}
#selcity2{position:fixed;z-index:999;padding-top:34px;width: 1200px;}
.selcity{z-index:888;margin-top:0;margin-right:auto;margin-left:auto;padding:10px 0 0 0;width:1200px;height:160px;background:#303030}
.selcity .none{bottom:-18px;left:0}
.selcity .none a{display:block;width:68px;height:21px;text-decoration:none;text-indent:-3000px}
.selcity .none a:hover{display:block;height:21px;text-decoration:none;text-indent:-3000px}
.erjianniu{margin-top:0;margin-bottom:5px;width:100%;height:119px;background-image:url(moxing.jpg)}
.erjianniuan{margin-right:auto;margin-left:auto;padding-top:45px;width:80%;height:20px}
.erjianniuan1{float:left;padding:10px;width:30%;border:1px #aec5cd solid;background-color:#ddf3fe;-moz-box-shadow:0 0 .5em rgba(160,223,255,.8),0 0 .3em white inset;box-shadow:0 0 .5em rgba(160,223,255,.8),0 0 .3em white inset;text-align:center}
.erjianniuan2{float:left;padding:10px;width:33%;border:1px #aec5cd solid;background-color:#ddf3fe;-moz-box-shadow:0 0 .5em rgba(160,223,255,.8),0 0 .3em white inset;box-shadow:0 0 .5em rgba(160,223,255,.8),0 0 .3em white inset;text-align:center}
.erjianniuan3{float:left;padding:10px;width:33%;border:1px #aec5cd solid;background-color:#ddf3fe;-moz-box-shadow:0 0 .5em rgba(160,223,255,.8),0 0 .3em white inset;box-shadow:0 0 .5em rgba(160,223,255,.8),0 0 .3em white inset;text-align:center}
.erjianniuan1:hover{background-color:#3abdff;color:#fff}
.erjianniuan2:hover{background-color:#3abdff;color:#fff}
.erjianniuan3:hover{background-color:#3abdff;color:#fff}
.mkztop{top:0;z-index:999;overflow:hidden;width:100%;height:34px;text-align:center;margin-left: auto;margin-right: auto;}
#mkztopc{ 
height: 34px;margin-right:auto;margin-left:auto;width:1200px}
.mkztop .header.header-show{-moz-transition:all 300ms cubic-bezier(0.550,0.055,0.675,0.190);-o-transition:all 300ms cubic-bezier(0.550,0.055,0.675,0.190);-webkit-transform:translateY(-100%);*/-ms-transform:translateY(-100%)}
.mkztop img{float:left;padding-top:5px;padding-bottom:5px; margin-left:5px}
#logowz{float:left;color:#fff;height: 34px;font-size:20px;margin-left:5px;line-height: 34px;}
#logowz a{float:left;color:#F4F4F4;height: 34px;}
#topli{float:right;padding:0 20px;height:34px;color:#fff;font-size:12px;line-height:34px}
#topliss{float:right;padding:0 20px;height:34px;color:#fff;font-size:12px;line-height:34px}
#topliyh{float:right;margin-right:5px;padding:0 20px;height:34px;color:#fff;font-size:12px;line-height:34px}
#topliyh img{margin-right:10px;width:24px;height:34px;border-radius: 4px;}
#toplol{float:left;margin-left:10px;padding:0 20px;height:34px;background:#5cb85c url(../images/menu-button-bg.png) no-repeat 10px 9px;background-size:20%;color:#fff;font-size:13px;line-height:34px}
#toplol:hover{padding:0 20px;height:34px;background-color:#ED7C7C}
#topliss:hover{padding:0 20px;height:34px;background-color:#ED7C7C}
#topli a{color:#fff}
#topli:hover{padding:0 20px;height:34px;background-color:rgba(000, 000, 000, 0.4);-webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.2);}
#sousuo{z-index:999;float:left;margin-top:3px;margin-left:10px;margin-right:10px;width:124px;background-color:rgba(48, 48, 48, 0);overflow: hidden;}
.c1{background-color:#fe6799}
.c2{background-color:#8cc63f}
.c3{background-color:#f7a603}
.c4{background-color:#fff}
.c5{background-color:#2da1f4}
#jianfan{float:right;margin-top:0;margin-right:10px;padding-top:0;height:20px;line-height:21px}
#c9{background-color:#fff;color:#666}
.jialeft{float:right}
.banquan{overflow:auto;margin:10px auto -10px auto;padding-top:3px;width:96%;min-height:82px;border:1px #aec5cd solid;background:#ddf3fe;-moz-box-shadow:0 0 .5em rgba(160,223,255,.8),0 0 .3em white inset;box-shadow:0 0 .5em rgba(160,223,255,.8),0 0 .3em white inset;font-size:16px}
.banquan1{float:left;margin-top:-3px;margin-left:0;padding:3px;width:57px;height:57px;border-right:1px #aec5cd solid}
.banquan1 img{width:50px;height:50px}
.banquan2{float:left;margin-left:5px;padding:0;height:50px;line-height:25px}
.banquan3{float:left;margin-top:0;margin-left:0;padding:0;width:100%;border-top:1px #aec5cd solid}
.banquan4{margin-top:3px;margin-left:5px;font-size:13px;line-height:26px}
.clearfix:after{clear:both;display:block;content:""}
.clearfix{zoom:1}
#xfpf{margin-top:10px;margin-right:auto;margin-left:auto;width:98%;height:309px}
.jrtp{float:left;margin:0 auto 0 10px;width:450px;height:300px;border:1px solid #dedede;background:#fff}
.jrtpbt{width:100%;height:35px;border-bottom:1px solid #dedede;color:#6c6c6c;text-align:center;font-weight:bolder;font-size:18px;line-height:35px}
.jrtpff{box-sizing:border-box;margin-top:7px;margin-bottom:7px;padding-right:10px;padding-bottom:10px;padding-left:15px;width:100%;height:106px;border-bottom:1px solid #dedede;color:#6c6c6c;font-size:15px;line-height:31px}
.jrtpan{margin-top:-8px;width:100%;height:30px;border-top:1px solid #dedede;color:#000;font-size:16px;line-height:30px}
.jrtpan1{float:left;width:25%;height:30px;background-color:#e2e2e2;color:#000;text-align:center;font-size:14px;line-height:30px}
.jrtpan2{float:left;width:25%;height:30px;background-color:#eff0ef;color:#000;text-align:center;font-size:14px;line-height:30px}
.jrtpan3{float:left;width:25%;height:30px;background-color:#e2e2e2;color:#000;text-align:center;font-size:14px;line-height:30px}
.jrtpan4{float:left;width:25%;height:30px;background-color:#eff0ef;color:#000;text-align:center;font-size:14px;line-height:30px}
.skillbar{position:relative;display:block;margin-right:auto;margin-bottom:15px;margin-left:auto;width:96%;height:25px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background:#eee;-webkit-transition:.4s linear;-moz-transition:.4s linear;-o-transition:.4s linear;transition:.4s linear;-webkit-transition-property:width,background-color;-moz-transition-property:width,background-color;-o-transition-property:width,background-color;transition-property:width,background-color;}
.skillbar-title{position:absolute;top:0;left:0;width:110px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomleft:3px;border-bottom-left-radius:3px;-webkit-border-top-left-radius:3px;-moz-border-radius-topleft:3px;border-top-left-radius:3px;background:#6adcfa;color:#fff;font-weight:bold;font-size:13px}
.skillbar-title span{display:block;padding:0 20px;height:25px;-webkit-border-bottom-left-radius:3px;-moz-border-radius-bottomleft:3px;border-bottom-left-radius:3px;-webkit-border-top-left-radius:3px;-moz-border-radius-topleft:3px;border-top-left-radius:3px;background:rgba(0,0,0,0.1);line-height:25px}
.skillbar-bar{width:0;height:25px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background:#6adcfa}
.skill-bar-percent{position:absolute;top:0;right:10px;height:25px;color:#fff;color:rgba(0,0,0,0.4);font-size:11px;line-height:25px}
.weeks{margin:-6px auto;width:498px;height:274px;border:1px solid #555}
.weekItem{padding:0;width:498px;height:22px;border-bottom:1px solid #444;color:#f60;font-size:12px}
.weekItem li{float:left;padding:0;width:14.334%;height:22px;text-align:center;line-height:22px;cursor:pointer}
.weekItem li.on{width:14%;background:#444;color:#fff}
.weekItem li.hover{background:#555;color:#cbcbcb}
.box01_c{position:relative;overflow:auto;padding:10px 0 0 0;width:498px;height:251px}
.box01_c dl{padding:0 5px 5px 5px;line-height:26px}
.box01_c dl dt{padding-bottom:0;color:#999;font-size:13px;line-height:1}
.box01_c dl dd{overflow:hidden;height:30px;font-size:12px}
.box01_c dl dd a{color:#dedede;font-size:22px}
.box01_c dl dd span{float:right;color:#999}
.box01_c dl dd span.today{color:#f60}
.xxk{float:left;margin:0 auto 0 auto;width:500px;height:300px;border:1px solid #111;background:#222}
.xxk .xxktit ul{padding:0}
.xxk .xxktit{position:relative;margin-left:-1px;height:26px;border-bottom:1px solid #111;background:#111;line-height:26px}
.xxk .xxktit ul li{float:left;box-sizing:border-box;width:50%;height:26px;border-left:1px solid #111;background-color:#555;color:#333;text-align:center;font-size:16px}
.xxk .xxktit ul li a{color:#cbcbcb}
.xxk .xxktit ul li a:hover,.xxk .xxktit ul li a.cur{color:#fff}
#khxgd{position:absolute;clear:both;margin-top:5px;margin-left:15px;padding:0 10px 0 0;width:480px}
#kmtbd{position:absolute;clear:both;margin:5px auto 0 auto;padding:0 10px 0 0;width:410px;opacity:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0}
#khxgd ul li{margin-top:5px;width:100%;height:84px;border-bottom:1px solid #454545}
.main1_r_l{float:left;overflow:hidden;margin-bottom:7px;margin-left:10px;padding-bottom:0;width:300px;height:75px}
.main1_r_ll{float:left;overflow:hidden;margin-top:12px;margin-bottom:7px;padding-bottom:0;width:85px;height:55px}
.main1_r_ll img{float:left;overflow:hidden;padding-bottom:0;width:85px;height:55px}
#main1_r_bt{overflow:hidden;margin-top:3px;margin-bottom:5px;height:25px;color:#333;font-weight:bold;font-size:14px}
#main1_r_bt a{color:#cbcbcb;font-size:18px}
#main1_r_bt a:link,a:visited{color:#cbcbcb}
#main1_r_bt a:hover{color:#0068ce}
.main1_r_nr{overflow:hidden;margin-top:5px;height:80px;color:#989898;font-size:14px;line-height:20px}
.main1_r_r{float:right;margin-top:11px;margin-left:10px;width:65px;height:50px;color:#fff;text-align:center;font-weight:bold;font-size:22px}
.main1_r_r span{display:block;color:#333;text-align:center;font-weight:normal;font-size:14px}
#main1_r_r1{float:left;width:65px;height:30px;background-color:#ff6060;color:#fff;text-align:center;font-weight:bold;font-size:22px;line-height:30px}
#main1_r_r2{float:left;display:block;width:65px;height:20px;background-color:#8f8f8f;color:#dbdbdb;text-align:center;font-weight:normal;font-size:14px;line-height:20px}
.sblack{background:-webkit-gradient(linear,left top,left bottom,from(#616161),to(#050505));background:-moz-linear-gradient(top,#616161,#050505);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#616161',endColorstr='#050505')}
.staff{padding:20px 0 20px 0}
#stafflist{margin-top:50px;margin-right:auto;margin-left:auto;width:80%;height:auto;border:1px solid #ccc;background-color:rgba(0,0,0,0.4);color:#fff}
#stafflist1{width:100%;height:61px;border-bottom:1px solid #ccc;background-color:rgba(0,0,0,0.4)overflow:hidden}
#stafflist12{width:100%;height:200px;border-bottom:1px solid #ccc;background-color:rgba(0,0,0,0.4)}
#stouxiang{float:left}
#sname{float:left;margin-top:5px;margin-left:5px;font-size:45px;line-height:55px}
#swenzhang{float:right;padding:10px 10px 10px 10px;height:60px;border-left:1px solid #ccc;color:#fff;font-size:34px;line-height:40px}
#swenzhang:hover{background-color:#1998e8}
#skongjian{float:right;padding:10px 10px 10px 10px;height:60px;border-left:1px solid #ccc;color:#fff;font-size:34px;line-height:40px}
#skongjian:hover{background-color:#fcac00}
#sneirong{padding:20px;color:#cacaca;line-height:30px}
#spinglun{width:100%;height:45px;border-top:1px solid #ccc;font-size:16px}
#spinglun1{float:left;margin-top:14px;margin-left:0}
#stouxiang2 img{border-radius:50px}
#stouxiang2{float:left;margin:5px}
#sfenge{width:100%;height:50px;border-top:1px solid #ccc;border-bottom:1px solid #ccc}
#spinglun4{width:100%;height:45px;border-top:1px solid #ccc;background-color:#4b4b4b;font-size:16px}
#spinglun5{width:100%;height:45px;border-top:1px solid #ccc;background-color:#636363;font-size:16px}
#spinglun6{width:100%;height:45px;border-top:1px solid #ccc;background-color:#787878;font-size:16px}
#smenu{float:left;box-sizing:border-box;padding:10px 0 10px 0;width:25%;height:44px;border-right:1px solid #d5d5d5;border-bottom:1px solid #ddd;color:#fff}
#smenu a{width:25%;color:#fff}
.sub-nav{overflow:hidden;width:0;height:0}
.banner ul{margin:0;padding:0}
.banner input{margin:0;padding:0}
.banner{position:relative;float:left;overflow:hidden;box-sizing:border-box;margin-top:4px;margin-left:10px;padding-left:0;width:278px;height:90px;border:1px solid #dedede}
.banner img{margin-left:0;width:276px;height:90px}
.banner-btn{display:none}
.banner-btn a{position:absolute;top:0;z-index:4;display:block;overflow:hidden;width:40px;height:100%;background-color:#000;opacity:.5;filter:alpha(opacity=50) color:#000}
.prevBtn{left:0}
.nextBtn{right:0}
.banner-img{position:relative;font-size:0;*word-spacing:-1px}
.banner-img li{display:inline-block;vertical-align:top;word-spacing:normal;letter-spacing:normal;font-size:12px;*display:inline;*zoom:1}
.banner i{position:absolute;top:40%;display:block;margin:0 0 0 12px;width:15px;height:23px;background:url(qianhou.png) no-repeat;cursor:pointer}
.banner .nextBtn i{background-position:-200px -24px}
.banner .prevBtn i{background-position:-200px 0}
#shoucang{float:right;margin-top:-35px;margin-right:20px;width:100px;height:24px;background-position:0 0;color:#ccc;line-height:0}
#shoucwz{margin-top:-1px;padding-top:-1px;color:#8d8d8d}
#menu{overflow:hidden;margin-right:10px;margin-left:10px;width:1180px;height:auto;background:#373737}
#menu li:nth-of-type(odd){float:left;padding:10px 2px;width:11.11%;color:#373737;text-align:center}
#menu li:nth-of-type(even){float:left;padding:10px 2px;width:11.11%;background-color:#3c3c3c;text-align:center}
#menu li a{padding-top:10px 20px;border:0;color:#999}
.item{color:#adadad}
.item:hover{background-color:#4d4d4d}
#menu li a:hover{width:100%;color:#adadad}
.menu-link{position:fixed;top:0;left:0;z-index:10;display:block;padding:1em;width:2em;height:2em;background:#000;background:rgba(0,0,0,0.7);font-size:11px;line-height:20px}
#menu{left:98%}
dl,menu,ol,ul{margin:0}
dd{margin:0 0 0 40px}
nav ul,nav ol{list-style:none;}
#shouban{overflow:hidden;box-sizing:border-box;margin-top:8px;margin-bottom:5px;padding-top:5px;padding-left:1px;width:100%;height:94px;border:1px solid #ddd;background-color:#fff}
#shoubanimg{float:left;overflow:hidden;width:12.5%;height:100%;border-radius:10px}
#shouban li{overflow:hidden;margin:8px auto 0 auto;width:68px;height:68px;border-radius:5px;background-color:#fff}
#shouban li img{float:left;overflow:hidden;width:67px;height:67px;border-radius:5px}
#topshuang{float:left;overflow:hidden;box-sizing:border-box;width:70%;height:230px}
#pingtai{position:relative;float:left;overflow:hidden;margin-left:-1px;padding:10px;width:460px;height:250px;border-bottom:1px solid #dedede;border-left:1px solid #dedede;border-radius:2px}
#pingtai a{float:left;display:block;width:460px;height:250px}
#pingtai .pic{float:left;display:block;width:460px;height:250px;background-position:center;background-size:460px auto;background-repeat:no-repeat;-moz-background-size:460px 250px;-moz-background-size:460px 250px;-o-background-size:460px 250px}
#duoping{position:relative;float:left;overflow:hidden;margin-left:-1px;padding:10px;width:460px;height:145px;border-bottom:1px solid #dedede;border-left:1px solid #dedede;border-radius:2px}
#duoping a{float:left;display:block;width:460px;height:145px}
#duoping .pic{float:left;display:block;width:460px;height:145px;background-position:center;background-size:460px auto;background-repeat:no-repeat;-moz-background-size:460px 145px;-moz-background-size:460px 145px;-o-background-size:460px 145px}
#dahuati{float:left;overflow:hidden;box-sizing:border-box;margin-top:0;margin-left:10px;padding-left:0;width:269px;height:230px;background-color:#fff;font-size:14px;border: 1px solid #ddd;}
#dahuatih1｛ height:20px;padding-left:7px;font-weight:bolder;font-size:16px;float:left;width:221px;｝
#dahuati li{background-color:#000}
#topfour{box-sizing:border-box;margin-right:auto;margin-left:auto;width:98%;height:240px}
#musiclistsy{margin-left:1px;width:100%;height:auto}
#musiclistsy li:nth-of-type(odd){float:left;overflow:hidden;margin-right:0;width:20%;height:181px;background:#f9f9f9}
#musiclistsy li:nth-of-type(even){float:left;overflow:hidden;margin-right:0;width:20%;height:181px;background:#fff}
#zhuanjibgsy{position:relative;z-index:10;margin-top:11px;margin-right:auto;margin-left:auto;padding-top:2px;width:140px;height:120px;background-image:url(cd185.png);background-size:cover}
#zhunjifm1sy{overflow:hidden;margin-left:12px;width:178px;height:176px}
#zhunjifmsy{position:relative;z-index:1;overflow:hidden;width:126px;height:117px}
#zhunjifmsy img{overflow:hidden;width:auto;height:127px}
#zhuanjititsy{overflow:hidden;margin:5px auto 5px auto;width:145px;height:35px;font-size:12px;line-height:15px}
#zhuanjititsy{font-size:14px;line-height:18px}
#zhuanjuusersy{overflow:hidden;margin-right:auto;margin-left:auto;width:130px;height:15px;font-size:12px}
#yidongduansy{position:relative;overflow:hidden;box-sizing:border-box;margin:0 auto 10px auto;width:98%;height:210px;border:1px solid #dedede;background-color:#fff}
#yidongduanh1sy{padding: 0 5px;width: 100%;height: 26px;border-bottom: 1px solid #dedede;background-color: #fff;font-size: 13px;line-height: 27px;background: url(../images/music.png) no-repeat 6px 6px;background-size: 1.6%;}
#yidongduan2sy{overflow:hidden;margin-right:auto;margin-left:auto;padding:1px;width:100%;height:auto}
#musiclist{margin-left:1px;width:100%;height:auto}
#musiclist li:nth-of-type(odd){float:left;overflow:hidden;margin-right:0;width:33.3%;height:320px;background:#f9f9f9}
#musiclist li:nth-of-type(even){float:left;overflow:hidden;margin-right:0;width:33.3%;height:320px;background:#eaeaea}
#zhuanjibg{position:relative;z-index:10;margin-top:20px;margin-right:auto;margin-left:auto;padding-top:3px;width:200px;height:180px;background-image:url(cd185.png);background-size:cover}
#zhunjifm1{overflow:hidden;margin-left:20px;width:178px;height:176px}
#zhunjifm{position:relative;z-index:1;overflow:hidden;width:178px;height:176px}
#zhunjifm img{overflow:hidden;width:auto;height:176px}
#zhuanjitit{overflow:hidden;margin:15px auto 10px auto;width:180px;height:48px;font-size:14px}
#zhuanjitit{font-size:14px}
#zhuanjuuser{overflow:hidden;margin-right:auto;margin-left:auto;width:180px;height:15px;font-size:12px}
#musiclist li:hover{background:#fffbf0}
#miovelist{margin-left:0;padding-left:0;width:100%;height:auto}
#miovelist li{float:left;overflow:hidden;margin-right:0;margin-left:27px;padding:3px;width:30%;height:376px}
#miovebg{position:relative;z-index:10;margin-top:0;margin-right:auto;margin-left:auto;padding-top:3px;width:90%;height:140px;text-align:center}
#miovefm1{overflow:hidden;margin-right:auto;margin-left:auto;width:100%;height:140px;text-align:center}
#miovefm{position:relative;z-index:1;overflow:hidden;margin-right:auto;margin-left:auto;width:100%;height:140px;text-align:center}
#miovefm img{overflow:hidden;margin-right:auto;margin-left:auto;width:auto;height:140px;text-align:center}
#miovetit{overflow:hidden;margin:15px auto 0 auto;width:85%;height:50px;color:#f1f1f1;font-size:16px;line-height:20px}
#miovetit a{color:#f1f1f1;font-size:17px;line-height:24px}
#mioveuser{float:right;overflow:hidden;margin-top:8px;margin-right:10px;width:auto;height:18px;color:#f1f1f1;font-size:14px}
#mioveuser a{color:#f1f1f1}
#miovelist li:hover{background:#fffbf0}
#miove{overflow:hidden;padding-top:10px;width:100%;height:366px;background-color:#333}
#miovezy{overflow:hidden;margin:0 auto 10px auto;width:85%;height:96px;color:#d1d0d0;font-size:14px;line-height:24px}
#moiveface{float:right;margin-top:-0px;margin-right:-7px;width:60px;border-radius:30px;opacity:.8;filter:alpha(opacity=80);-moz-opacity:.8;-khtml-opacity:.8}
#moiveface img{float:right;width:60px;border-radius:30px}
.feedArea ul{margin:0;padding:0;list-style:none;font-size:90%;line-height:1.6}
.feedArea ul li a img{vertical-align:middle}
.multiFeed{overflow:hidden}
#feed_1{float:left}
#feed_2{float:right}
#feed_1,#feed_2{overflow-y:scroll;padding:0 10px 0 0;width:100%;height:100%;border:1px solid #BBB;background:#FFF;font-size:13px}
#feed_1 ul,#feed_2 ul{padding:5px}
#kejiduolist{margin-left:0;padding-left:0; width:100%;height:auto}
#kejiduolist li{float:left;overflow:hidden;margin-right:0;padding:3px;width:33.33%;height:366px}
#kejiduobg{position:relative;z-index:10;margin:0 auto;padding-top:0;width:100%;height:140px;text-align:center}
#kejiduofm1{overflow:hidden;margin-right:auto;margin-left:auto;width:100%;height:140px;text-align:center}
#kejiduofm{position:relative;z-index:1;overflow:hidden;margin-right:auto;margin-left:auto;width:100%;height:140px;text-align:center}
#kejiduofm img{overflow:hidden;margin-right:auto;margin-left:auto;width:auto;height:140px;text-align:center}
#kejiduotit{overflow:hidden;margin:15px auto 0 auto;width:85%;height:50px;color:#000;font-size:16px;line-height:20px}
#kejiduotit a{color:#000;font-size:16px;line-height:24px}
#kejiduotit a:hover{text-shadow:0 0 4px #888;-webkit-transition:all .5s ease-out;transition:all .5s ease-out}
#kejiduouser{float:right;overflow:hidden;margin-top:9px;margin-right:0;width:auto;height:18px;color:#888;font-size:14px}
#kejiduouser a{color:#888}
#kejiduo{overflow:hidden;padding-top:0;width:100%;height:366px;background-color:#FFF}
#kejiduozy{overflow:hidden;margin:0 auto 10px auto;width:85%;height:96px;color:#888;font-size:14px;line-height:24px}
#moiveface{float:right;margin-top:-10px;margin-right:20px;width:60px;border-radius:30px;opacity:.8;filter:alpha(opacity=80);-moz-opacity:.8;-khtml-opacity:.8}
#moiveface img{float:right;width:50px;height:50px;border-radius:30px;opacity:.8}
#kejiduoall{margin-right:auto;margin-left:auto;width:98%}
#yonghu{float:left;overflow:hidden;margin-top:34px;width:100%;height:69px;border-width:0 1px 1px 0;border-color:#ccc;border-style:solid;}
#yonghu0{float:left;margin-right:-1px;width:205px}
#menuw{width:1280px;height:300px}
#yonghucaozuo{margin-top:0;padding:0 3px 5px 3px;width:100%;height:20px;background-color:#fff;color:#444;line-height:16px;border-width:1px 0 1px 0;border-style:solid;border-color:#CCC;}
#yonghucaozuo a{color:#444;font-size:12px;line-height:16px}
#wdl{margin-top:0;padding:0 3px 5px 3px;width:100%;height:20px;background-color:#fff;color:#000;font-size:12px;line-height:22px;border-bottom:1px solid #CCC}
#wdl a:link{margin-right:5px;margin-left:3px;padding-top:-1px;color:#66F;font-weight:bold;line-height:22px}
#wdl a:visited{margin-top:0;margin-right:0;padding-top:-1px;color:#66f;font-weight:bold;font-size:16px}
#wzcall{margin-top:31px}
#yhmc{float:left;margin-top:-35px;margin-left:50px;padding-bottom:3px;width:140px;color:#fff;font-size:18px;}
#yhtx img{position:relative;float:left;margin:3px 3px 3px 3px;padding:0;width:40px;height:40px;border:1px solid #ccc;border-radius:2px;-webkit-transition:-webkit-transform 1s,opacity 1s,background 1s,width 1s,height 1s,font-size 1s;-moz-transition-duration:1s,1s,1s,1s,1s,1s;-o-transition-duration:1s,1s,1s,1s,1s,1s;transition-duration:1s,1s,1s,1s,1s,1s;-moz-transition-property:width,height,-o-transform,background,font-size,opacity;-o-transition-property:width,height,-o-transform,background,font-size,opacity;transition-property:width,height,transform,background,font-size,opacity}
#yhtx img:hover{margin:3px;width:40px;height:40px;background:#1ec7e6;font-size:16px;opacity:1;-webkit-transform:rotateX(360deg);-moz-transform:rotateX(360deg);-o-transform:rotateX(360deg);transform:rotateX(360deg)}
#yhtx1 img{position:relative;float:left;margin:-51px 3px 3px 5px;padding:0;width:40px;height:40px;border:1px solid #F9C;border-radius:2px;-webkit-transition:-webkit-transform 1s,opacity 1s,background 1s,width 1s,height 1s,font-size 1s;-moz-transition-duration:1s,1s,1s,1s,1s,1s;-o-transition-duration:1s,1s,1s,1s,1s,1s;transition-duration:1s,1s,1s,1s,1s,1s;-moz-transition-property:width,height,-o-transform,background,font-size,opacity;-o-transition-property:width,height,-o-transform,background,font-size,opacity;transition-property:width,height,transform,background,font-size,opacity}
#yhtx1 img:hover{margin:-51px 3px 3px 5px;width:50px;height:50px;background:#1ec7e6;font-size:16px;opacity:1;-webkit-transform:rotateX(360deg);-moz-transform:rotateX(360deg);-o-transform:rotateX(360deg);transform:rotateX(360deg)}
#gonggao{overflow:hidden;box-sizing:border-box;margin :-34px auto 0 auto;padding:0;width:1200px;height:160px;background-color:#fff;border-bottom: #ddd 1px solid;}
#gonggao li{overflow:hidden;padding-top:0;padding-right:3px;padding-bottom:0;height:17px;color:#333;list-style:none;font-size:15px}
#gonggao img{width:1200px;height:160px}
#gonggao2{margin-bottom:5px;margin-left:0;padding:3px;width:auto;height:auto;border:1px solid #e0e0e0;background-color:#fce3f9;color:#000;font-size:14px}
#gonggao2 img{margin:-3px;width:100%;height:100%}
#xiangguan{overflow:hidden;box-sizing:border-box;margin-top:0;padding:15px;width:100%;height:386px;background:#fff}

#kuozhantit{margin: 0;padding: 0 10px;height: 26px;border-bottom: 1px #ddd solid;color: #666;font-weight: bold;font-size: 12px;line-height: 26px;background: url(../images/kuozhan.png) no-repeat 6px 6px;background-size: 7%;
}
#zxpltit{margin: 0;padding: 0 10px;height: 26px;border-bottom: 1px #ddd solid;color: #666;font-weight: bold;font-size: 12px;line-height: 28px;background: url(../images/pinglun.png) no-repeat 6px 5px;background-size: 7%;
}
/**
*在Position属性值为absolute的同时，
*如果有一级父对象（无论是父对象还是祖父对象，或者再高的辈分，一样）
*的Position属性值为Relative时，则上述的相对浏览器窗口定位将会变成相对父对象定位，
*这对精确定位是很有帮助的。
*/
/*nav导航盒子*/
nav{
    width: 940px;
height: 35px;
line-height: 34px;
background-color: #fff;
    /*导航位置*/
    text-align: center;
    font-size: 12px;
    position: relative;
border-bottom: #ddd 1px solid;
border-right: 1px solid #ddd;
}
/*nav-main*/
.nav-main{
    width: 100%;
    height: 100%;
    list-style-type: none;
    border: 1px solid #FFFFFF;
}
.nav-main span{
    display: inline-block;
    margin-left: 18px;
    width: 7px;
    height: 7px;
    background: url('../img/down-icon.png') no-repeat;
}
/*图标向上旋转*/
.hover-up{
    transition-duration: .5s;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}
/*图标向下旋转*/
.hover-down{
    transition-duration: .5s;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
/*导航条设置*/
.nav-main>li{
    width: 120px;
    height: 100%;
    display: block;
    float: left;
    background: #fff;
    color: #000;
    margin-right: 1px;
    cursor: pointer;
}
.nav-main>li:hover{
color: #333;
text-shadow: 0 0 2px #999;
}
/*隐藏盒子设置*/
.hidden-box{
    width: 122px;
    border-top: 0;
    position: absolute;
    display: none;
    top: 33px;
    z-index: 9998;
    position: absolute;
    background-color: #fff;
    -moz-box-shadow: 0px 5px 5px #000;
    -webkit-box-shadow: 0px 5px 5px #000;
    box-shadow: 0px 5px 5px rgba(0,0,0,0.3);
}
.hidden-box>ul{
    list-style-type: none;
    color: #000;
    cursor: pointer;

}
.hidden-box li:hover{
    background: #F5F5F5;
    color: #000;
    }
.hidden-box li:{position: relative;
font-size: 12px;
line-height: 20px;
height: auto;
overflow: hidden;
text-align: left;
 text-align: center;
}
.hidden-box li a{padding: 7px 25px 7px 25px;white-space: nowrap;
transition: .2s all;
overflow: hidden;
position: relative;
}
/*隐藏盒子位置设置*/
.hidden-loc-index{
    left: 121px;
}
.hidden-loc-us{
    left: 242px;
}
.hidden-loc-info{
    left: 363px;
}


.blogs{margin-right:auto;margin-left:auto;width:100%}
.bloglist{float:left;box-sizing:border-box;padding:0;width:100%;border-bottom:1px solid #ddd}
.bloglist>li{padding-bottom:0}
.bloglist2{margin-right:auto;margin-left:auto;padding-top:32px;padding-left:0;width:100%;background-color:#fff}
.arrow_box{margin-right:auto;margin-left:auto;width:98%;height:190px;background:#fff;color:#000;border-left:1px solid #ddd;border-bottom:1px solid #ddd;border-right:1px solid #ddd;}
.arrow_box2{margin-right:auto;margin-left:auto;width:98%;height:190px;background:#fff;color:#000;border-left:1px solid #ddd;border-bottom:1px solid #ddd;border-right:1px solid #ddd;}
.arrow_box:hover{background-color:#f5f5f5}
.arrow_box2:hover{background-color:#f5f5f5}
.boxhead{width:100%;height:6px;background:#dcdcdc}
.textinfo{overflow:hidden;padding-top:6px;padding-left:10px;height:190px}
.textinfo2{overflow:hidden;margin-top:0;padding-top:6px;height:150px}
.listimg{float:left;margin:auto;padding:5px;width:150px;height:100px;border:1px solid #ddd;text-align:center}
.listimg2{float:left;margin:auto;padding:5px;width:260px;height:170px;border:1px solid #ddd;text-align:center}
.listtxt{float:left;margin-top:5px;margin-left:15px;width:54.5%;height:190px}
.listtxt2{float:left;margin-left:15px;width:50%;height:190px}
.title{float:left;margin:5px 2px 2px 5px;width:97%;height:auto}
.details{float:left;margin:2px 0 7px 2px;width:100%;height:auto;color:#a5a5a5;font-size:12px}
.details a{COLOR:#777}
.details li{float:left;margin-left:5px;height:16px;line-height:20px}
.arrow_box p{overflow:hidden;padding:0 10px 0;height:80px;color:#555;font-size:16px;line-height:28px}
.listimg img{margin:auto;width:auto;height:171px;border-radius:3px}
.listimg2 img{margin:auto;width:auto;border-radius:3px}
#listimg{overflow:hidden;width:150px;height:100px;border-radius:3px}
#listimg2{overflow:hidden;box-sizing:border-box;height:158px;border-radius:3px}
.listtxt h2{float:left;overflow:hidden;margin-top:-0px;height:auto;color:#428bca;text-decoration:none;font-weight:normal;font-size:16px;line-height:20px}
.listtxt h2 a{float:left;overflow:hidden;max-width:87%;max-height:55px;font-size:18px;line-height:28px}
.legal-license{padding-left:10px}
#loguser{float:right;margin-top:-6px;margin-right:0;margin-left:0;padding-top:50px;width:100px;height:183px;border-left:1px solid #d5d5d5;-webkit-box-shadow:inset 0 0 20px rgba(0,0,0,0.1);box-shadow:inset 0 0 20px rgba(0,0,0,0.1);text-align:center}
.face_img{width:80px}
#loguser a{color:#000;text-align:left;font-variant:small-caps}
#loguser img{margin-right:auto;margin-left:auto;width:50px;height:50px;border-radius:50%}
#loguserimg{float:left;width:100px;height:50px;border-radius:50%}
#loguser li{float:left;margin-top:20px;width:100px;font-size:12px}
ul.index_resourse_list li a:link,a:visited{color:#000;list-style-type:none;text-decoration:none}
#newcomment{overflow:hidden;padding:0;height:auto;font-size:13px}
#comment{float:left;overflow:hidden;box-sizing:border-box;padding-top:7px;padding-bottom:7px;padding-left:10px;width:100%;height:auto;border-bottom:1px solid #dedede;background-color:rgba(255,255,255,0.1);color:#f47564;text-overflow:ellipsis;font-size:12px;line-height:19px}
#comment img{width:38px;height:38px}
#sidebar{float:left;overflow:hidden;margin-left:2%;width:26%}
#sidebar li{overflow:hidden;margin-bottom:15px;background:#fff}
#sidebar li h3{width:100%;height:36px;background:#35aadc;color:#f8f8f8;font-size:16px;line-height:36px}
#sidebar li h3 dt{margin:8px}
#sidebar li h3 span{float:left}
#sidebar a{color:#444}
#sidebar li ul li{margin:0}
.toppic img,#comment img,#newlog img,#randlog img,#logsearch img{border:1px solid #f8f8f8;border-radius:5px}
.toppic img,#newlog img,#randlog img,#logsearch img{width:50px;height:50px}
.toppic img:hover,#comment img:hover,#newlog img:hover,#randlog img:hover,#logsearch img:hover{-webkit-transform:rotate(30deg);-moz-transform:rotate(30deg);-o-transform:rotate(30deg);transform:rotate(30deg);-ms-transform:rotate(30deg)}
#zpinglun{overflow:hidden;padding-left:5px;width:80%}
#pagenavi,#pagenaviw{bottom:0;float:right;margin-top:-1px;margin-left:-10px;padding-top:40px;width:100%;height:100px;background-color:#F1F1F1;text-align:center;font-size:17px}
#pagenavi a,#pagenaviw a{padding:5px 10px;border-radius:50%;color:#444}
#pagenavi a:hover,#pagenaviw a:hover{padding:5px 10px;border-radius:50%;background:#28b78d;color:#fff;text-decoration:none}
#pagenavi span,#pagenaviw span{padding:5px 12px;border-radius:10%;background-color:#35aadc;color:#fff}
.tag{float:left;margin:0 0 0 33px;color:#f60;font-size:12px;line-height:26px}
.author_text{margin:30px 0 0 0;padding:15px;border-top:solid 1px #ccc;color:#777;text-align:left;font-size:13px;line-height:22px}
.index_resourse_list li a{padding-left:20px}
#shouyetop{padding-top:5px}
#shouyetop img{width:684px;border-radius:5px}
#top_nav{position:absolute;top:40px;right:6px;display:block;margin:22px 0 20px 0}
#top_nav .form{position:relative;overflow:hidden;width:280px;height:32px;background:url(common/bg.png) 0 -115px no-repeat;color:#666}
#top_nav .form input.search-keyword{float:left;display:inline-block;margin:3px 3px 3px 5px;width:188px;height:26px;border:0;color:#666;font-size:13px;line-height:26px}
#top_nav .form button.select_class,#top_nav .form button.select_over{float:right;display:block;width:74px;height:32px;border:0;background:0;text-indent:-9999px;line-height:32px;cursor:pointer}
#top_nav .form button.select_over{background:url(common/bg.png) 0 -200px no-repeat}
.bcrumbs{float:left;overflow:hidden;box-sizing:border-box;margin-left:0;width:100%;height:32px;background-color:#fff;line-height:32px;b}
.bcrumbs strong a{float:left;padding:0 0 0 10px;width:26px;background:url(common/home_icon.png) no-repeat 50% 48%;text-indent:-9999px}
.bcrumbs a{float:left;padding:1px 6px 0 18px;background:#fff url(common/bg.png) 0 -430px no-repeat;color:#9a9a9a}
.bcrumbs a.last{color:#bc0808}
.caterss{float:right;padding:0 0 0 20px;width:64px;height:32px;background:url(common/rss_icon.jpg) no-repeat 0 9px;font-size:13px;line-height:32px}
.caterss a{color:#333}
.bcrumbs2{float:left;overflow:hidden;box-sizing:border-box;margin-bottom:7px;width:100%;height:32px;background-color:#fff;line-height:32px;border-left:1px solid #fff;border-bottom:1px solid #ddd;border-right:1px solid #fff;}
.bcrumbs2 strong a{float:left;padding:0 0 0 10px;width:26px;background:url(common/home_icon.png) no-repeat 50% 48%;text-indent:-9999px}
.bcrumbs2 a{float:left;padding:1px 6px 0 18px;background-color:#fff;color:#9a9a9a}
.bcrumbs2 a.last{color:#bc0808}
#fot{margin-left:7px;font-size:13px}
.con_box{margin-top:9px;margin-bottom:0;border:0 #ddd solid;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:0;background-color:rgba(255,255,255,0.8);font-size:12px;line-height: 20px;}
.con_box h2{width:104px;color:#f9c006;text-align:center;font-weight:bold;font-size:14px}
.con_box h3{margin:0;padding:0 10px;height:26px;border-bottom:1px #ddd solid;color:#666;font-weight:bold;font-size:12px;line-height:26px}
.hot_box{clear:both;padding:0;width:99.5%}
.h212{overflow:hidden;height:128px}
.hot_box ul{padding:8px;height:auto;overflow: hidden;}
#homeapi{margin-top:0;height: 100%;float: left;height: 15px;}
.con_box li{padding-left:0}
.hot_box ul li{padding:3px;border-bottom:1px dotted #fff}
.t_more{margin:-10px 0 10px 0;padding:0 0 15px 0;text-align:right}
.hot_box ul li a.title{padding:0 0 0 15px;background:url(common/newAirtl_icon.png) no-repeat 3px 50%}
#twitter li .t_img{margin:0 0 0 10px;padding:0 7px;background:url(common/img.gif) no-repeat}
#twitter li .t_date{color:#ccc;text-align:right}
#rollstart{clear:both;background:#fff}
.resouse_artile{position:relative;width:400px}
.resouse_artile h2{width:100%;height:30px;border-bottom:1px #ddd solid;text-align:left;line-height:30px}
.index_resourse{overflow:hidden;padding:12px 12px 10px 0;width:226px}
ul.index_resourse_list li{position:relative;padding:2px 0;width:488px;color:#6f7173}
ul.index_resourse_list li a{padding:0 0 0 15px}
ul.index_resourse_list li .fl{overflow:hidden;width:250px;text-overflow:ellipsis;white-space:nowrap;-o-text-overflow:ellipsis}
.qd_aritle{display:inline;margin-right:12px;width:347px}
#cat-2,#cat-4,#cat-6,#cat-8,#cat-10,#cat-12,#cat-14{margin-right:0}
.qd_aritle1{float:right;color:#6f7173}
.qd_aritle h2{color:#111;text-indent:10px}
.qd_aritle h2 a{color:#111}
.qd_aritle ul.qd_list{margin:0 12px;padding:10px 0}
.more{overflow:hidden;margin:9px 10px 0 0;width:37px;height:11px;background:url(common/bg.png) 0 -233px;text-indent:-9999px}
#featured_tag{position:absolute;top:20px;left:0;z-index:999;width:21px;height:79px}
#tag_c{position:absolute;top:170px;right:0;z-index:999;width:21px;height:79px;background:url(common/bg.png) 0 -325px}
.news{position:absolute;top:-3px;right:-3px;z-index:999;width:51px;height:51px;background:url(common/bg.png) 0 -148px}
#archive_info .date,.category{margin-top:-15px;color:#a3a3a3;font-size:12px}
.archive_info{margin-top:-20px;font-size:10px}
#xingqi{float:right;margin-top:-150px;margin-right:120px;padding:0 2px 0 2px;width:15px;height:auto;color:#b5b5b5;font-size:21px}
#shijian{float:right;margin-top:-185px;margin-right:110px;color:#888;font-size:26px}
#shijian2{float:right;margin-top:-150px;margin-right:115px;color:#888;font-size:26px}
.post-1{padding-left:6px}
.post-1 em{float:left;overflow:hidden;padding-left:8px;width:200px;text-overflow:ellipsis;white-space:nowrap;font-weight:bold;-o-text-overflow:ellipsis}
.post-1 em.excerpt{overflow:hidden;padding-left:8px;width:200px;max-width:200px;max-height:60px;color:#666;white-space:normal;font-weight:normal;line-height:20px}
.post-1 em a{color:#333}
.post-1 span{float:left}
.post-1 em,.post-1 span{line-height:24px}
.post-1 cite,.post-1 cite img{float:left;overflow:hidden;width:100px;height:80px}
.post-1 cite img{border:#ddd 1px solid}
.post-1 cite img:hover{border:1px #ff9797 solid;-webkit-box-shadow:0 1px 5px rgba(0,0,0,.3);-moz-box-shadow:0 1px 5px rgba(0,0,0,.3);box-shadow:0 1px 5px rgba(0,0,0,.3);-webkit-transition:border-color .5s;-moz-transition:border-color .5s;transition:border-color .5s}
.post-1 cite{float:left;margin-top:3px;padding:5px;height:80px}
.htabs_art{overflow:hidden}
.htabs_art ul.sj_nav{background:#f5f5f5}
.htabs_art ul.cooltab_nav li a{width:89px}
.htabs_art ul.cooltab_nav li:first-child{width:50%}
ul.cooltab_nav{margin:1px;border-bottom:1px #ddd solid}
ul.cooltab_nav li{float:left;display:block;text-align:center;font-weight:bold;cursor:pointer}
ul.sj_nav li{border-right:1px #ddd solid}
ul.cooltab_nav li a{display:block;width:50px;height:32px;background:#f5f5f5;color:#333;font-weight:bold;font-size:14px;line-height:32px}
ul.cooltab_nav li a:hover{background:#ddd;color:#444}
ul.cooltab_nav li a.active{background:#fff;color:#000}
.com_cont{position:relative;display:none}
#bloggerinfoimg{margin:10px 0;text-align:center}
#bloggerinfoimg img{border:3px #ddd solid}
#blogsort li,#record li{float:left;width:126px}
#blogsort li img{margin:0 0 -2px 0}
.box{padding-bottom:5px;height:40px}
#contact-li li{float:left;margin:0 1px}
.MsoNormal{text-indent:0}
#contact-li li a{display:block;width:40px;height:40px;background:url(common/contact.png) no-repeat;text-indent:-9999px}
#contact-li li.twitter a{background-position:0 -40px}
#contact-li li.qqmblog a{background-position:0 -80px}
#contact-li li.sinamblog a{background-position:0 -120px}
#contact-li li.qq a{background-position:0 -160px}
#contact-li li.rss a{background-position:0 -200px}
.feed-mail{margin-bottom:10px;padding:12px 0 12px 12px;border:#ddd 1px solid;border-radius:4px;background:#fff;box-shadow:0 0 4px #eee}
.feed-mail-input{padding:4px;width:178px;height:20px;border:#ddd 1px solid;background-color:#fff;vertical-align:middle;line-height:20px}
.feed-mail-btn{margin-left:-1px;width:60px;height:30px;border:#ddd 1px solid;vertical-align:middle;cursor:pointer}
#new_art ul,#hot_art ul,#rand_art ul{padding:0;list-style:none}
#new_art ul li,#hot_art ul li,#rand_art ul li{overflow:hidden;margin-left:10px;padding:5px;width:220px;background:url(common/newAirtl_icon.png) no-repeat 0 50%;text-overflow:ellipsis;white-space:nowrap;font-size:14px;-o-text-overflow:ellipsis;_white-space:inherit}
#new_art ul li a.title,#hot_art ul li a.title,#rand_art ul li a.title{overflow:hidden;max-width:150px}
.hot_box ul.tagcloudy{padding:0;width:100.2%;border-left:1px solid #ddd;}
.hot_box ul.tagcloudy a{margin:0}
.hot_box ul.tagcloudy li{float:left;overflow:hidden;box-sizing:border-box;width:50%;height:34px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;text-align:center;font-variant:small-caps;font-size:11px;line-height:29px}
.hot_box ul.tagcloudy li:hover{background:#ebebeb;text-decoration:none}
.readers{padding:5px}
.readers img,.readers a.seps span{float:left;display:inline;margin:5px;padding:2px;border:1px #ddd solid;background:#fff}
.readers a.seps span{width:56px;height:56px;background:#111;color:#fff;text-align:center;font-weight:bold;line-height:56px}
.readers a.seps:hover span{color:#f9c006}
.r_comments ul li{padding:5px;line-height:20px}
.r_comments li img{float:left;margin:4px 4px 0 0;padding:1px;height:32px}
.r_comments li p img{float:none;margin:0;padding:0;height:18px}
.r_comments li p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-o-text-overflow:ellipsis}
.hcms_rollbox{position:fixed;width:275px;background:0}
.art_box,.art_img_box{position:relative;margin:0 0 10px 0;padding:15px;border:1px solid #ddd;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:4px;background:#fff}
.art_box h2{font-weight:bold;font-size:23px;line-height:30px}
.art_box .info{margin:5px 0 10px;color:#666}
.art_box p{margin-bottom:20px}
.art_box .info small{margin:0 4px;font-size:12px}
.info img{vertical-align:middle}
.art_box ul.art_info li{float:left;color:#666}
.art_box ul.art_info li.art_tag{margin:0 0 0 45px}
.art_box ul.art_info li.art_read{float:right}
.art_box ul.art_info li a{margin:0 2px;color:#bc0808}
.art_box ul.art_info li a:hover{text-decoration:underline}
.innerimg_box{overflow:hidden;width:208px;height:162px;border:1px #ddd solid}
.innerimg_box img{padding:4px;width:200px;height:154px;background:#fff}
.innerimg_box:hover{border:1px #ff9797 solid;-webkit-box-shadow:0 1px 5px rgba(0,0,0,.3);-moz-box-shadow:0 1px 5px rgba(0,0,0,.3);box-shadow:0 1px 5px rgba(0,0,0,.3);-webkit-transition:border-color .5s;-moz-transition:border-color .5s;transition:border-color .5s}
.box_content{position:relative;width:450px}
.box_content h2{overflow:hidden;padding:5px 0 5px 0;width:430px;text-overflow:ellipsis;white-space:nowrap;font-weight:bold;font-size:15px;line-height:26px;-o-text-overflow:ellipsis}
.box_content h2 a{color:#111}
.box_content .intro{padding:5px 0 0 0;font-size:14px}
.box_content span.user_face{position:absolute;top:0;right:0;padding:1px;border:1px #EEE solid}
.box_content .info{color:#aaa}
.box_content .info span{margin:0 5px 0 0;color:#aaa}
.box_content .info small{padding:0 2px;color:#aaa;font-size:12px}
.box_content .info a{color:#aaa}
.box_content ul{padding:2px 0 10px}
.box_content ul li{float:left;color:#666}
.box_content ul li.art_tag{margin:0 0 0 45px}
.box_content ul li a{margin:0 2px;color:#000}
.box_content ul li a:hover{text-decoration:underline}
.box_content p{color:#666;text-indent:2em}
.art_img_box .to_more{position:absolute;right:0;bottom:8px;padding:0;width:37px;*right:10px}
.art_img_box .to_more a{color:#fff}
.art_img_box .t_sort_imgbox{position:relative;display:inline;margin:0 12px -10px 0;padding-right:10px;width:335px}
.top_sort_box h2{margin:-6px -15px 5px -10px;padding:0 0 10px 10px;border-bottom:1px solid #ddd;color:#111;font-size:14px}
.t_sort_imgbox img{float:left;overflow:hidden;margin:6px 12px -5px 0;width:100px;height:80px;border:#ddd 1px solid}
.t_sort_imgbox img:hover{border:1px #ff9797 solid;-webkit-box-shadow:0 1px 5px rgba(0,0,0,.3);-moz-box-shadow:0 1px 5px rgba(0,0,0,.3);box-shadow:0 1px 5px rgba(0,0,0,.3);-webkit-transition:border-color .5s;-moz-transition:border-color .5s;transition:border-color .5s}
.art_img_box .t_sort_imgbox li{clear:both;padding:15px 0 10px 0;color:#666}
.art_img_box .t_sort_imgbox em{float:left;overflow:hidden;width:220px;text-overflow:ellipsis;white-space:nowrap;font-weight:bold;-o-text-overflow:ellipsis}
.art_img_box .t_sort_imgbox .emtitle{padding-bottom:5px;font-weight:bold;font-size:12px}
.art_img_box .t_sort_imgbox .emtitle a{color:#333}
.art_img_box .t_sort_imgbox .excerpt{float:left;color:#666}
.art_img_box .t_sort_imgbox li:first-child{margin-top:-5px;border-bottom:1px dotted #ddd}
ul.t_sort_right{width:327px}
.cat_list{margin:0 0 10px 0;padding:15px;border:1px solid #ddd;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:4px;background:#fff}
.cat_list ul li{height:36px;border-bottom:1px dotted #CCC;line-height:36px}
.cat_list h2 a{padding:0 0 0 8px;background:url(common/list_desc.png) no-repeat 0 50%;color:#333;font-weight:normal;font-size:14px}
.cat_list h2 a:hover{color:#00a1ef}
.cat_list .date{color:#999;font-weight:normal;font-size:12px}
.cat_list .date small{color:#f30e05}
.art_white_bg{margin-bottom:0;padding:0;width:100%;border-top:1px solid #ddd;background:#fff}
.art_title{position:relative;margin-bottom:0;padding:0;width:100%;border-bottom:1px solid #e5e5e5;margin-top: -3px;height: 69px;overflow: hidden;}
.art_title h1{color: #111;
font-size: 24px;
line-height: 50px;
width: 90%;
margin-top:0px;
height: 46px;overflow: hidden;}
.art_title span.face_img{float: left;
display: inline;
margin-top: 3px;
margin-right: 10px;
padding: 8px 0px 0px 9px;
border-right: 1px #e5e5e5 solid;
width: 69px;}
.art_title span.face_img img{padding:0;border:1px #ddd solid}
.art_title p.info small{padding:0 2px 0 0;color:#aaa;font-size:12px}
.art_title p.info,p.info a{color:#aaa}
.article-tag{border:1px solid #ddd;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:4px;line-height:25px}
.article_content{position:relative;overflow:hidden;width:100%;color:#444;font-size:16px}
.article_content h2{margin:5px;padding:2px 8px;border:1px solid #ddd;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:4px;background:#606060;color:#fff;font-size:16px;line-height:25px}
.article_content h3{margin:10px;padding:1px 8px;height:25px;border:1px solid #ddd;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:4px;background:#a0a0a0;color:#fff;font-size:14px;line-height:25px;line-height:25px}
.article_content p img{margin:0 auto;padding:0;height:auto}
.article_content p .article_content a:link,.article_content a:active,.article_content a:visited{color:#eb0e05;text-decoration:none}
.article_content a:hover{border-bottom:0 dotted #000;color:#000}
.article_content em{padding:0 2px;color:#a40000}
.article_content strong{color:#232323;font-weight:bold}
.article_content blockquote{margin:15px;padding:10px;border-top:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-left:8px solid #ccc;background:#fafafa}
.article_content li{margin-left:45px;padding:0 0 0 10px;list-style:circle}
.article_content table{width:100%}
.article_content table,.article_content th,.article_content td{border:1px solid #ddd;font-size:12px;line-height:16px}
.article_content th,.article_content td{padding:8px}
.article_content th{background:#f9f9f9}
img.aligncenter{display:block;margin-right:auto;margin-left:auto}
img.aligncenter p.wp-caption-text{display:block;margin-right:auto;margin-left:auto;text-align:center}
.postcopyright{margin:0 0 10px 0;padding-top:0;padding-bottom:20px;border-top:1px solid #ddd;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:4px;color:#666;font-size:12px}
.postcopyright p,.postcopyright a{font-size:12px}
.postcopyright .span{line-height:40px}
.postcopyright span a{color:#333}
#ckepop{margin-left:30px;padding-bottom:10px}
.con_pretext {
position: relative;
margin-top: 30px;
margin-right: -10px;
margin-left: -10px;
padding-top: 0;
padding-bottom: 0;
height: 50px;
background-color: #2b5b91;
color: #fff;
text-align: right;
font-size: 26px;
line-height: 47px;
float: left;
width: 970px;
}
.con_pretext li:nth-child(1){float:left;display:inline-block;width:50%;height:50px;background-color:#d9534f;color:#fff;text-indent:5px;font-size:26px;line-height:47px;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:-webkit-transform;transition-property:transform}
.con_pretext li:nth-child(2){float:left;display:inline-block;width:50%;height:50px;background-color:#428bca;color:#fff;text-indent:5px;font-size:26px;line-height:47px;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:-webkit-transform;transition-property:transform}
.con_pretext li:nth-child(2):hover{background-color:#5cb85c}
.con_pretext li:nth-child(1):hover{background-color:#5cb85c}
.con_pretext li a{float:right;overflow:hidden;margin-top:3px;margin-right:10px;width:74%;color:#fff;text-indent:2em;font-size:18px;line-height:23px}
.commentlist{float:left;width:100%;border-left:122px solid #f9f9f9;font-size:14px}
#commentlist1{width:98%;font-size:13px}
#linkhui .commentlist{width:98%;font-size:13px}
#tieba{float:left;margin-left:-122px;padding:16px;width:122px;background-color:#f9f9f9;text-align:center}
#ftiebe2{float:left;margin-right:auto;margin-left:auto;width:100%;border-top:1px solid #eee;border-bottom:1px solid #eee}
#tieba strong{display:block;margin-top:6px;padding:2px 0 2px 0;text-align:center;font-variant:small-caps;line-height:18px}
#tieba-ga{display:block;padding:5px;background-color:#fff}
#tieba-ga img{width:80px;height:80px}
#ftieba{margin-right:auto;margin-left:auto;width:98%;border-right:1px solid #eee;border-left:1px solid #eee}
#tieba-ping{float:left;text-indent:2em}
.commentlist .comment{list-style:none}
.commentlist li.comment ul.children{bottom:0;float:right;width:500px}
.commentlist li{position:relative}
.commentlist p{margin:5px 0 5px 5px;height:auto;line-height:40px}
.reply a:link,.reply a:visited{float:right;margin-top:-1px;margin-right:10px;text-align:center;font-size:12px}
.datetime{float:right;color:#aaa;text-shadow:0 1px 0 #fff;font-size:12px}
.commentmetadata{margin-left:50px;color:#aaa;text-shadow:0 1px 0 #fff;font-size:12px}
.comment-author{float:right;margin-top:6px;width: 100%;}
#tiebar{float:left;padding:16px;width:98%;height:auto;font-size:16px}
#tiebar img{max-width:80%;}
.pingtime{float:left;padding:10px;width:96%}
.floor{float:right;margin-top:-7px;margin-right:0;margin-left:10px;color:#ccc;font-size:20px}
.tiebazi{padding-left:0;width:100%;background-color:#fff}
.tiebaziping{float:right;margin-right:-1px;padding:16px;width:808px;height:auto;border-top:1px solid #eee;border-right:1px solid #eee;border-left:1px solid #eee;background-color:#fcfcfc}
.tiebaziping-ga{float:left;font-size:10px;line-height:35px}
.tiebaziping-ga img{float:left;margin:5px;width:38px;height:38px}
.tiebaziping strong{float:left;margin-top:-1px;font-size:13px}
.tiebazipinglun{float:left;margin-top:0;margin-left:10px;width:79%;font-size:14px}
ol.commentlist li div.vcard img.avatar{position:relative;float:left;margin:0 6px 0 0;padding:2px;width:40px;height:40px;border:1px solid #ddd;background:#fff}
ol.commentlist li div.floor{float:right;color:#bbb}
#respond{overflow:hidden;margin-top:0;margin-right:auto;margin-left:auto;padding:16px 16px 16px;width:98%}
#respond_box{clear:both;margin-right:auto;margin-left:auto;width:98%}
#respond h3{margin:5px 0 6px 0}
#cancel-reply a{color:#e13a0a}
#zplybq{margin-top:0;margin-bottom:0;padding:0;height:auto;font-size:12px}
#zplybq img{width:auto;height:13px}
#newcomment li:nth-of-type(odd){box-sizing:border-box}
#commentform p{color:#333}
#commentform label{color:#868686}
#commentform input{margin:4px 5px 4px 0;padding:3px;width:160px;border:1px solid #ddd;box-shadow:inset 2px 3px 5px #eee}
#commentform input:focus{border:1px solid #ccc}
#commentform textarea{margin:4px 0 0 0;padding:4px;width:95%;height:120px;border:1px solid #ddd;box-shadow:inset 2px 3px 5px #eee;font-size:13px}
#commentform textarea:focus{border:1px solid #ccc}
#commentform input#submit,#commentform input#reset{margin-top:8px;width:110px;height:32px;border:1px solid #ddd;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:4px;background:#666;box-shadow:none;color:#fff;text-align:center;line-height:28px;cursor:pointer}
#commentform #submit:hover,#commentform #reset:hover{font-weight:bold}
#real-avatar .avatar{float:right;margin-right:46px;padding:2px;border:1px solid #ddd;background:#fff}
#real-avatar img{width:50px;height:50px}
.page_navi{overflow:hidden;width:100%;height:30px;text-align:center;line-height:36px;margin-top: 10px;}
.page_navi a{margin:2px;padding:3px 7px;border:1px solid #ccf;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;color:#888;text-decoration:none}
.page_navi a:hover,.page_navi a.current{border:1px solid #fa983f;color:#eb0e05;font-weight:bolder}
.page_navi span{margin:2px;padding:3px 7px;border:1px solid #fa983f;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;color:#eb0e05;font-weight:bolder}
.page-links{overflow:hidden;margin:0 0 24px;padding:0}
.page-links h3{margin:0;border-bottom:1px solid #bfbebe;text-align:center}
.page-links ul{margin:0;padding:5px 0 0 0}
.page-links ul li{float:left;margin:5px 5px 0;padding:0;width:150px;height:16px;list-style-type:none;line-height:16px}
.page-links ul li:hover{background:#f2f2f2}
.page-links ul li img{margin:0 5px -2px 0;padding:0;width:16px;height:16px;border:0}
#shang,#cmmt,#xia,#cmt{position:relative;margin:10px 0 0;width:29px;height:25px;background:url(common/huadong.png) no-repeat;cursor:pointer}
#cmmt,#cmt{height:32px;background-position:left -30px}
#xia{background-position:left -68px}
#cmmt:hover,#cmt:hover{background-position:right -30px}
#shang:hover{background-position:right 0}
#xia:hover{background-position:right -68px}
#myrss{position:relative;margin:50px 0 0 -50px;width:128px;height:128px;background:url(common/rss.png) no-repeat;cursor:pointer}
.ad_h{position:relative;margin-bottom:10px;width:708px;border:1px solid #ddd;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#fff}
.adt{position:relative;margin:10px 0;width:678px;border:1px solid #ddd;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#fff}
.ad_h_c,.ad_t{padding:5px;text-align:center}
.ad_t img{max-width:660px}
.adr{z-index:10;float:right;overflow:hidden;margin:5px 0 5px 5px;width:255px;height:255px}
.ads{z-index:10;overflow:hidden;padding:2px}
#tw .main_img{float:left;border:1px #ddd solid}
#tw .main_img img{border:2px #fff solid}
#tw .op{float:left;margin:6px 5px 3px;height:18px}
#tw .top{width:560px;border-bottom:1px #f7f7f7 solid;text-align:right;font-size:12px;line-height:2}
#tw .top a{padding:0 5px 0 17px;background:url(common/t.gif) no-repeat}
#tw ul{margin:5px 0 3px 25px;padding:0;width:520px;line-height:1.8}
#tw ul .li{margin:10px 0;padding:5px 0;border-bottom:#f7f7f7 1px solid}
#tw ul li{margin:0;padding:0}
#tw ul li .main_img{margin-top:5px}
#tw ul li .post1{float:left;margin:0;padding:0 0 0 8px;width:470px;font-size:13px}
#tw ul li .post1 span{color:#333;font-weight:bold}
#tw ul li{clear:both;margin:0;padding:0}
#tw ul li .bttome{margin:3px 0;vertical-align:middle}
#tw ul li .bttome .time{float:left;margin:0;line-height:14px}
#tw ul li .bttome .post{float:right;margin:0;font-size:12px;line-height:14px}
#tw .time{padding-left:43px;color:#999;font-size:12px}
#tw ul .r{margin:5px 0 0 40px;padding:0;border:0;color:#666}
#tw ul .r li{padding:5px 3px 3px;width:475px;border-bottom:#f7f7f7 1px solid}
#tw ul .r .num{float:left;padding:0 5px;width:20px;color:#0079b7;font-weight:bold;font-size:16px}
#tw ul .r .time{padding:0 5px}
#tw ul .r .name{padding:0;color:#369;font-size:12px}
#tw ul .r em a{font-style:normal}
#tw ul .huifu{display:none;margin:5px 0 0 43px;border:#ccc solid 1px;background:#f5f5f5;text-align:center}
#tw ul .huifu textarea{overflow:auto;margin:5px;width:460px;border:#ccc solid 1px}
#tw ul .huifu input{margin:0 5px}
#tw ul .huifu div{padding:0 5px;text-align:center}
#tw ul .huifu .text{width:60px}
#tw ul .button_p{width:63px;height:25px;border:0;background:url(common/weibe_button.gif) no-repeat;cursor:pointer;_cursor:hand}
#tw .tbutton{float:none;margin-bottom:3px;font-size:12px}
#tw .tbutton input{width:90px;border:#ccc solid 1px}
#tw .tbutton .button_p{width:60px;height:25px;border:0;background:url(common/weibe_button.gif) no-repeat;cursor:pointer;_cursor:hand}
#tw .tbutton .tinfo{float:left}
#tw .msg{clear:both}
#tw li{list-style:none}
#tw ul .huifu textarea{background-color:#fff}
#tw ul .huifu input{background-color:#fff}
#tw ul li ul{font-size:0;line-height:0}
#tw ul li ul li{font-size:12px;line-height:22px}
#tw .top{width:650px}
#tw ul li .post1{width:560px}
#tw ul{width:610px}
#tw ul .r li{width:565px}
#tw ul .huifu textarea{width:550px}
#tw ul li .bttome .post{float:none;clear:both;margin:0;width:610px;border:0;background:0;text-align:right;font-size:12px;line-height:14px}
#tw ul li .bttome .time{float:none;margin-top:-25px}
#tw p .t_img{margin:0 0 0 10px;padding:0 7px;background:url(common/img.gif) no-repeat}
.relatedlist{margin:0}
.relatedlist ul{padding:5}
.relatedtitle{color:#333;font-weight:bold}
.relatedlist li{float:left;overflow:hidden;margin:10px 10px 10px 23px;padding:5px;width:148px;height:147px;border:1px #ddd solid;font-size:12px}
.relatedlist li:first-child{border:1px #ddd solid}
.relatedlist li:hover{background:#1f8dd6}
.relatedlist li img{margin:0;padding:0;width:134px;height:auto;border:1px #ddd solid}
#xgimg{overflow:hidden;width:134px;height:90px}
.relatedlist li img:hover{border:1px #ff9797 solid}
.relatedlist li p a{font-size:21px}
.relatedlist li p{margin-top:5px;font-size:14px;line-height:21px}
.relatedlist li p:hover{color:#fff;font-size:14px;line-height:21px}
.relatedlist li:hover{color:#fff}
.con_box .tagcloudy li a{margin:0;text-decoration:none;font-size:12px;line-height:24px}
.con_box .tagcloudy li a:hover{text-decoration:none}
#calendar table{width:100%;text-align:center}
.calendartop{margin-top:5px;height:26px}
.calendar td{width:24px;height:24px;text-align:center;line-height:24px}
.calendar td a{display:block;width:24px;height:24px;background:none repeat scroll 0 0 #dbddbd;text-align:right;text-decoration:none;line-height:24px}
.calendar #prev a{width:42px}
.calendar #next a{width:42px}
.calendar .day{background:none repeat scroll 0 0 #f9f9f9;color:#a32222;font-weight:700}
.calendar .day a{background:none repeat scroll 0 0 #f9f9f9;color:#a32222;font-weight:700}
.article{margin:0 auto 15px auto;padding-bottom:5px;width:100%;border:1px solid #DDD\9;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:4px;background:#FFF;box-shadow:0 1px 2px #AAA}
.article li{list-style:none}
.mp_article{margin:0 0 0 5px;padding:10px;width:100%}
.mp_article h2{padding-bottom:5px;border-bottom:2px solid #08D}
.mp_article h2 :hover{text-decoration:none}
.mp_article h2{padding:7px;font-weight:bold;font-size:15px}
.mp_article title span{padding:2px;font-weight:bold;font-style:italic}
.thumbnail_box{overflow:hidden;margin:10px 15px 8px 0;width:206px;height:161px;border:1px #ddd solid;border-collapse:collapse;border-radius:5px}
.thumbnail_box img{padding:2px;width:200px;height:154px;border:1px solid white;border-collapse:collapse;border-radius:8px;background:#fff}
.thumbnail1 img:hover{background-color:#fff;opacity:.6;transition-duration:.5s}
.thumbnail_box:hover{border:1px #ff9797 solid;-webkit-box-shadow:0 1px 5px rgba(0,0,0,.3);-moz-box-shadow:0 1px 5px rgba(0,0,0,.3);box-shadow:0 1px 5px rgba(0,0,0,.3);-webkit-transition:border-color .5s;-moz-transition:border-color .5s;transition:border-color .5s}
.box_content{position:relative;width:450px}
.preview{padding-top:15px;text-indent:2em;line-height:25px}
.info{float:left;overflow:hidden;margin-top:-20px;width:50%;height:20px;font-size:12px;line-height:25px}
.info a{color:#08d;text-decoration:none}
.info a:hover{text-decoration:none}
.info_tag{float:left;overflow:hidden;width:550px;height:20px;font-size:12px;line-height:25px}
.info_tag a{margin:0 0 0 5px;color:#08d;text-decoration:none}
.info_tag a:hover{text-decoration:underline}
.popup-layer{position:absolute;right:6px;left:auto;z-index:99;display:none;margin-top:27px;min-width:200px}
.popup{margin-top:12px;border:solid 1px #ccc;background-color:#fff}
.popup1{margin-top:12px;height:135px;border:solid 1px #ccc;background-color:#fff}
.popup h4{margin-bottom:2px;color:#444;font-size:12px}
.popup-arrow,.popup-arrow i{position:absolute;z-index:99;display:inline-block;width:0;height:0;border-color:transparent;border-style:dashed solid ;border-width:0 7px 7px}
.popup-arrow{position:absolute;top:40px;bottom:-12px;left:50%;z-index:100;display:none;margin-left:-46px;border-bottom-color:#bbb}
.popup-arrow i{position:absolute;top:1px;left:-7px;border-bottom-color:#fff}
.popup-lf{position:absolute;left:10px;margin-top:5px}
.popup-signin{margin:16px}
.popup-signin .ipt{margin-bottom:12px;width:100px}
.popup-signin .btn-primary{margin:40px;width:100px}
.popup-signin p{margin:12px -16px 0;padding:12px 16px 0;border-top:solid 1px #ccc}
.popup-signin p .btn{margin-right:10px}
.popup-profile{overflow:hidden;margin:16px 46px 16px 0;padding-left:25px;vertical-align:top}
.popup-profile .avatar{float:left;margin-left:-60px}
.popup-profile .name{float:left;color:#444;font-weight:bold}
.popup-profile .mail{margin:4px 0 8px;color:#666}
.popup-profile-ctrl{overflow:hidden;margin:0 10px 16px 10px;padding-top:16px;border-top:solid 1px #ddd}
.ipt{padding:4px 6px;width:180px;height:18px;border:0;border-bottom:solid 1px #d2d2d2;border-radius:2px;background-color:#fff;box-shadow:inset 0 1px 0 #f8f8f8;color:#555;vertical-align:baseline;line-height:21px}
.ipt:focus{border-color:#95c8f1;box-shadow:0 0 4px #95c8f1}
.btn{position:absolute;right:0;display:inline-block;padding:0 12px;height:27px;min-width:52px;border:1px solid #ddd;border-radius:2px;background:-webkit-linear-gradient(top,#f5f5f5,#f1f1f1);background:-moz-linear-gradient(top,#f5f5f5,#f1f1f1);background:linear-gradient(top,#f5f5f5,#f1f1f1);background-color:#f5f5f5;color:#666;vertical-align:middle;text-align:center;text-decoration:none;font-weight:bold;font-size:12px;line-height:27px;cursor:pointer}
.btn1{float:left;padding:0 12px;width:50px;height:25px;border:1px solid #ddd;border-radius:2px;background:-webkit-linear-gradient(top,#f5f5f5,#f1f1f1);background:-moz-linear-gradient(top,#f5f5f5,#f1f1f1);background:linear-gradient(top,#f5f5f5,#f1f1f1);background-color:#f5f5f5;color:#666;vertical-align:middle;text-align:center;text-decoration:none;font-weight:bold;font-size:12px;cursor:pointer}
.btn2{position:absolute;right:6px;padding:0 6px;height:25px;border:1px solid #ddd;border-radius:2px;background:-webkit-linear-gradient(top,#f5f5f5,#f1f1f1);background:-moz-linear-gradient(top,#f5f5f5,#f1f1f1);background:linear-gradient(top,#f5f5f5,#f1f1f1);background-color:#f5f5f5;vertical-align:middle;text-align:center;text-decoration:none;font-weight:bold;font-size:12px;cursor:pointer}
.btn3{position:absolute;top:8px;right:160px;padding:3px 6px;width:60px;height:22px;border:1px solid #ddd;border-radius:2px;background:-webkit-linear-gradient(top,#f5f5f5,#f1f1f1);background:-moz-linear-gradient(top,#f5f5f5,#f1f1f1);background:linear-gradient(top,#f5f5f5,#f1f1f1);background-color:#f5f5f5;color:#444;vertical-align:middle;text-align:center;text-decoration:none;font-size:12px;cursor:pointer}
input.btn{height:29px}
.btn:hover{border-color:#c6c6c6;background:-webkit-linear-gradient(top,#f8f8f8,#f1f1f1);background:-moz-linear-gradient(top,#f8f8f8,#f1f1f1);background:linear-gradient(top,#f8f8f8,#f1f1f1);background-color:#f8f8f8;box-shadow:#ddd 0 1px 1px 0;color:#333}
.btn:active,.btn.btn-active{border-color:#c6c6c6;box-shadow:#ddd 0 1px 2px 0 inset}
.btn:focus{outline:0;border-color:#4d90fe}
.btn-primary{border-color:#0f6caa;background:-webkit-linear-gradient(top,#0d79bf,#0d649d);background:-moz-linear-gradient(top,#0d79bf,#0d649d);background:linear-gradient(top,#0d79bf,#0d649d);background-color:#0d79bf;color:#f3f7fc}
.btn-primary:hover{border-color:#2f5bb7;background:-webkit-linear-gradient(top,#0d649d,#0d79bf);background:-moz-linear-gradient(top,#0d649d,#0d79bf);background:linear-gradient(top,#0d649d,#0d79bf);background-color:#0d649d;color:#fff}
.btn-primary:active,.btn-primary.btn-active{border-color:#3079ed;box-shadow:#2176d3 0 1px 2px 0 inset}
.btn-primary:focus{outline:0;border-color:#4d90fe}
.btn-arrow{padding:0 20px 0 10px}
.btn-arrow .arrow{position:absolute;top:50%;right:10px;display:inline-block;margin-top:-2px;width:0;height:0;border-color:#bbb transparent;border-style:solid;border-width:4px 4px 0 4px;_display:none}
.btn.btn-arrow:hover .arrow{border-top-color:#999}
.btn-primary.btn-arrow .arrow{border-top-color:#f3f7fc}
.btn-primary.btn-arrow:hover .arrow{border-top-color:#fff}
.btn-image{padding-left:3px;vertical-align:top}
.btn-image img{display:inline-block;margin:2px 5px 0 0}
.webdesigntuts-workshop:after{top:0;background:#3b3b3b;color:#fff}
.webdesigntuts-workshop form{border-radius: 4px;position:relative;z-index:1;display:inline-block;margin:0 auto;padding:0;width:auto;box-shadow:inset 0 0 0 0 #272727;color:#fff;font-size:0}
.webdesigntuts-workshop input{border-top-left-radius: 5px;border-bottom-left-radius: 5px;float:left;display:block;margin-top:1px;padding:0 5px 0 5px;width:80px;height:26px;border:1px solid rgba(68, 68, 68, 0);background:rgba(229, 229, 229, 0.24);color:#fff;font-weight:400;font-size:10px;}
.ie .webdesigntuts-workshop input{color:#fff;line-height:40px}
.webdesigntuts-workshop input::-webkit-input-placeholder{color:#e1e1e1}
.webdesigntuts-workshop input:-moz-placeholder{color:#e1e1e1}
.webdesigntuts-workshop input:-ms-input-placeholder{color:#e1e1e1}
.webdesigntuts-workshop input::-webkit-input-placeholder{color:#fff}
.webdesigntuts-workshop input:focus{width:80px;outline:0;background:rgba(000, 000, 000, 0.4);-webkit-animation:glow 800ms ease-out infinite alternate;-moz-animation:glow 800ms ease-out infinite alternate;-o-animation:glow 800ms ease-out infinite alternate;-ms-animation:glow 800ms ease-out infinite alternate;animation:glow 800ms ease-out infinite alternate}
.webdesigntuts-workshop input:focus::-webkit-input-placeholder{color:#fff}
.webdesigntuts-workshop input:focus:-moz-placeholder{color:#fff}
.webdesigntuts-workshop button{border-top-right-radius: 5px;border-bottom-right-radius: 5px;position:relative;float:left;display:block;margin-top:1px;height:26px;border:0 solid rgba(229, 229, 229, 0);background:rgba(229, 229, 229, 0.24);font-weight:400;font-size:13px;line-height:26px}
.webdesigntuts-workshop button:hover,.webdesigntuts-workshop button:focus{outline:0;background:rgba(000, 000, 000, 0.4);color:#000}
.webdesigntuts-workshop button:active{top:0;background:rgba(000, 000, 000, 0.4);}
@media screen and (max-width:100px){#right{margin-left:825px;width:30%;max-width:367px}
    #left{width:70%;max-width:825px}
    .banner img{width:276px}
    #musiclist li:nth-of-type(odd){float:left;overflow:hidden;margin-right:0;width:271px;height:300px;background:#f9f9f9}
    #musiclist li:nth-of-type(even){float:left;overflow:hidden;margin-right:0;width:268px;height:300px;background:#eaeaea}
 
}
@media screen and (max-width:1210px){body{background-color:#e5e5e5;-webkit-box-shadow:inset 0 0 100px rgba(255,255,255,.10);box-shadow:inset 0 0 100px rgba(255,255,255,.10)}
    #listright{overflow:hidden;width:0;height:0}
    nav{width: 949px;}
    #main{width:950px}
    #listleft {width: 948px;}
    #dahuati{width: 268px;}
    .webdesigntuts-workshop input{width:100px}
    #toplol{margin-left:0}
    .header{width:88px}
    #mkztopc{width:950px}
    #topliss{overflow:hidden;padding:0;width:0;height:0}
    .selcity{width:950px}
    #menu{overflow:hidden;margin-right:5px;margin-left:5px;width:940px;height:auto;background:#373737}
    .webdesigntuts-workshop form{width:140px}
    #sousuo{overflow:hidden;margin-left:5px;width:145px}
    .header .topctiy li{margin-left:0}
    .headroom{width: 950px;}
    #selcity2 {width: 950px;}
    .mkztop {width: 950px;}
    #gonggao {width: 948px;height: 130px;}
    #gonggao img {width: 948px;height: 130px;
    
    
    
    
}