/** 初始化 **/
/*网页变黑白代码
html,body{
	-webkit-filter: grayscale(100%); 
	-moz-filter: grayscale(100%); 
	-ms-filter: grayscale(100%); 
	-o-filter: grayscale(100%); 
	filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);  
	_filter:none; 
}
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,input,button,textarea,p,blockquote,th,td,form,preheader {
  margin: 0; padding: 0; -webkit-tap-highlight-color:rgba(0,0,0,0);
}
a:active,a:hover{outline:0;}
img{display: inline-block; border: none; vertical-align: middle;}
li{list-style:none;}
table{border-collapse: collapse; border-spacing: 0;}
h1,h2,h3{font-size: 14px; font-weight: 400;}
h4, h5, h6{font-size: 100%; font-weight: 400;}
button,input,select,textarea{font-size: 100%; }
input,button,textarea,select,optgroup,option{font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; outline: 0;}
pre{white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word;}

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {
    display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,canvas,video {
    display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */
[hidden] {
    display: none;
}

/** 图标字体 **/
@font-face {font-family: 'layui-icon';
  src: url('../font/iconfont.eot?v=2.0.0');
  src: url('../font/iconfont.eot?v=2.0.0#iefix') format('embedded-opentype'),
  url('../font/iconfont.svg?v=2.0.0#iconfont') format('svg'),
  url('../font/iconfont.woff?v=2.0.0') format('woff'),
  url('../font/iconfont.ttf?v=2.0.0') format('truetype');
  
}
.layui-icon{
  font-family:"layui-icon" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/** 初始化全局标签 **/
body{
  height: auto; line-height: 24px;
  font: 14px 微软雅黑, Microsoft Yahei, 宋体, Simsun, Helvetica Neue,Helvetica,\5FAE\8F6F\96C5\9ED1,Tahoma,Arial,sans-serif;
  color: #222;
  background:#f2f9ff;
}
hr{height: 1px; margin: 10px 0; border: 0; background-color: #e2e2e2; clear: both;}
p  {line-height:1.5em;}
h1 {font-size: 1.6em; padding:5px;}
h2 {font-size: 1.4em; padding:5px;}
h3 {font-size: 1.2em; padding:5px;}
h4 {font-size: 1.1em; padding:5px;}
h5 {font-size: 1em; padding:5px;}
h6 {font-size: .9em; padding:5px;}
a:link,a:visited,a:active{
  color:#393d49;
  text-decoration:none;
  background-color:transparent;
}
a:hover {
  color:#ff5722;
  text-decoration:none;
}

.xoops-content { margin:5px auto;}
.xoops-content .xoo-title {
  padding-left: 40px; height: 32px; line-height: 32px;
  font-weight: bold; text-align:left;
  border: 1px solid #91c5d4;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  background: #91c5d4 url("../icons/tit-ico.gif") no-repeat 5px 0;
  }
.xoops-content .xoo-contents { margin:0 auto;}

/* ===== block mainmenu usermenu ===== */
#mainmenu,
#usermenu {
  line-height:1.5em;
  /*
  border : 1px solid #ddd;
  border-radius: 3px;
  box-shadow: 1px 2px 3px rgba(0,0,0,0.5);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -khtml-border-radius:  3px;
  -moz-box-shadow: 1px 2px 3px rgba(0,0,0,0.5);
  -webkit-box-shadow: 1px 2px 3px rgba(0,0,0,0.5);
  */
}
#mainmenu a,
#usermenu a { display: block; line-height:1.5em; color:  #3390EF; text-shadow: 1px 1px 2px #ccc; font-size: 1em; font-weight: bold;}
#mainmenu a:hover,
#usermenu a:hover { background-color:transparent; color: #ff5722;}
#mainmenu a.menuTop,
#usermenu a.menuTop {}
#mainmenu a.menuMain {}
#mainmenu a.maincurrent { background-color:transparent; color:#ff5722; text-decoration: underline;}
#mainmenu a.menuSub { padding: 2px 0 2px 16px; line-height:2em; font-size: .9em; color: #ff5722;}
#mainmenu a.menuSub:hover  { background-color: transparent; color: #666;}
#usermenu a.highlight { background-color: #fff; color: #ff9900;}

/*********************** table .outer **************************/
table.outer{ padding:0;margin:0;width:100%;}
table.outer caption { padding:0 0 5px 10px; text-align:left;font-size:16px;font-weight: bold;}
table.outer td,
table.outer th { padding:5px; border:1px solid #fff; border-width:0 1px 1px 0;}
table.outer thead th { background:#91c5d4;}
table.outer thead th[colspan],
table.outer thead th[rowspan] { background:#66a9bd;}
table.outer tbody th,
table.outer tfoot th { text-align:center; color:#444; background:#91c5d4;}
table.outer tbody td,
table.outer tfoot td { vertical-align: top; background:#d5eaf0; text-align:left;}
table.outer tbody td img{ margin-bottom:1px;}
table.outer tbody tr .tbodyhead { text-align:center;}
table.outer tfoot th { background:#b0cc7f;}
table.outer tfoot td { background:#d7e1c5; font-weight:bold;}
table.outer tbody tr.odd td { background:#bcd9e1;}
table.outer tbody tr.highlight td { background:#99CC99;color:#f00;}
table.outer .foot { background-color: #fff; font-size:1px;line-height:6px; padding: 0; border: 0;}

table.outer td.tdcenter{text-align:center;}
table.outer td.tdright{text-align:right;padding-right:5px;}

/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
.clearfix:before,
.clearfix:after{
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}
.clearfix:after{ clear: both; }
.clearfix{ zoom: 1; }

/** 编辑时调试用 **/
.editdebug{position:absolute;left:0;top:140px;width:430px;height:auto;border:1px #f60 solid;background:#fff;line-height:120%;}
.editdebug table td{border:1px #666 solid;padding:2px;}

/* 栅格布局 */
.top-container{ position: relative; margin:0 auto; height:120px;}
.layui-container{position: relative; margin: 0 auto; padding: 0 7px;}
.layui-row{position: relative; margin: 0 auto; padding: 0 10px;}
.layui-row:before,
.layui-row:after{content: ''; display: block; clear: both;}
.layui-col-xs1,
.layui-col-xs2,
.layui-col-xs3,
.layui-col-xs4,
.layui-col-xs5,
.layui-col-xs6,
.layui-col-xs7,
.layui-col-xs8,
.layui-col-xs9,
.layui-col-xs10,
.layui-col-xs11,
.layui-col-xs12{position: relative; display: block; box-sizing: border-box;}
.layui-col-xs1,
.layui-col-xs2,
.layui-col-xs3,
.layui-col-xs4,
.layui-col-xs5,
.layui-col-xs6,
.layui-col-xs7,
.layui-col-xs8,
.layui-col-xs9,
.layui-col-xs10,
.layui-col-xs11,
.layui-col-xs12{float: left; overflow:hidden;}
.layui-col-xs1{width: 8.33333333%;}
.layui-col-xs2{width: 16.66666667%;}
.layui-col-xs3{width: 25%;}
.layui-col-xs4{width: 33.33333333%;}
.layui-col-xs5{width: 41.66666667%;}
.layui-col-xs6{width: 50%;}
.layui-col-xs7{width: 58.33333333%;}
.layui-col-xs8{width: 66.66666667%;}
.layui-col-xs9{width: 75%;}
.layui-col-xs10{width: 83.33333333%;}
.layui-col-xs11{width: 91.66666667%;}
.layui-col-xs12{width: 100%;}

.layui-col-xs-offset1{margin-left: 8.33333333%;}
.layui-col-xs-offset2{margin-left: 16.66666667%;}
.layui-col-xs-offset3{margin-left: 25%;}
.layui-col-xs-offset4{margin-left: 33.33333333%;}
.layui-col-xs-offset5{margin-left: 41.66666667%;}
.layui-col-xs-offset6{margin-left: 50%;}
.layui-col-xs-offset7{margin-left: 58.33333333%;}
.layui-col-xs-offset8{margin-left: 66.66666667%;}
.layui-col-xs-offset9{margin-left: 75%;}
.layui-col-xs-offset10{margin-left: 83.33333333%;}
.layui-col-xs-offset11{margin-left: 91.66666667%;}
.layui-col-xs-offset12{margin-left: 100%;}

/* 超小屏幕(手机) */
@media screen and (max-width: 780px) {
  .layui-hide-xs{display: none!important;}
  .layui-show-xs-block{display: block!important;}
  .layui-show-xs-inline{display: inline!important;}
  .layui-show-xs-inline-block{display: inline-block!important;}
  table.outer thead { display: none; }
  .layui-col-xs1,
  .layui-col-xs2,
  .layui-col-xs3,
  .layui-col-xs4,
  .layui-col-xs5,
  .layui-col-xs6,
  .layui-col-xs7,
  .layui-col-xs8,
  .layui-col-xs9,
  .layui-col-xs10,
  .layui-col-xs11,
  .layui-col-xs12{width:100%;}
  #topline,
  #head-wrap,
  .yc_header,
  #foot-wrap,
  .layui-col-xs12 img,
  .yc_shadow_bot,
  .yc_footer,
  .yc_nav_top,
  .article-header-image{display:none;}
}
/* 小型屏幕(平板) */
@media screen and (min-width: 780px) {
  .top-container{width: 750px;}
  .layui-container{width: 750px;}
  .layui-hide-xs{display: none!important;}
  .layui-show-xs-block{display: block!important;}
  .layui-show-xs-inline{display: inline!important;}
  .layui-show-xs-inline-block{display: inline-block!important;}
  table.outer thead { display: none; }
}
/* 中型屏幕(桌面) */
@media screen and (min-width: 1200px) {
  .top-container{width: 1000px;}
  .layui-container{width: 1000px; background:url(../images/bg_shadow_y.png) repeat-y;}
  .layui-hide-xs{display: none!important;}
  .layui-show-xs-block{display: block!important;}
  .layui-show-xs-inline{display: inline!important;}
  .layui-show-xs-inline-block{display: inline-block!important;}
}
/* 大型屏幕(桌面) 
@media screen and (min-width: 1200px) {
  .layui-container{width: 1170px;}
  .layui-hide-xs{display: none!important;}
  .layui-show-xs-block{display: block!important;}
  .layui-show-xs-inline{display: inline!important;}
  .layui-show-xs-inline-block{display: inline-block!important;}
}
*/
/* 列间隔 */
.layui-col-space1{margin: -0.5px;}
.layui-col-space1>*{padding: 0.5px;}
.layui-col-space3{margin: -1.5px;}
.layui-col-space3>*{padding: 1.5px;}
.layui-col-space5{margin: -2.5px;}
.layui-col-space5>*{padding: 2.5px;}
.layui-col-space8{margin: -3.5px;}
.layui-col-space8>*{padding: 3.5px;}
.layui-col-space10{margin: -5px;}
.layui-col-space10>*{padding: 5px;}
.layui-col-space12{margin: -6px;}
.layui-col-space12>*{padding: 6px;}
.layui-col-space15{margin: -7.5px;}
.layui-col-space15>*{padding: 7.5px;}
.layui-col-space18{margin: -9px;}
.layui-col-space18>*{padding: 9px;}
.layui-col-space20{margin: -10px;}
.layui-col-space20>*{padding: 10px;}
.layui-col-space22{margin: -11px;}
.layui-col-space22>*{padding: 11px;}
.layui-col-space25{margin: -12.5px;}
.layui-col-space25>*{padding: 12.5px;}
.layui-col-space30{margin: -15px;}
.layui-col-space30>*{padding: 15px;}

/*
 * 页面顶部功能条，可选是否显示；移动设备访问隐藏。
*/
#topline{ width: 100%; height: 120px;}
#topline .container{ position: relative; margin:0 auto; width: 1000px; height:100px;}
#topline .logoarea {display:block; padding-top:20px; width: 395px; height:60px;}
#topline .container ul{display:block;margin:0 auto;width:1000px;height:270px;}
#topline .container ul li{display:block;margin:0 auto;width:1000px;height:270px;}
#topline .container li.first{background:url(../images/headers/toppic-1.png) center top no-repeat;}
#topline .container li.second{background:url(../images/headers/toppic-2.png) center top no-repeat;}
#topline .container li.third{background:url(../images/headers/toppic-3.png) center top no-repeat;}
#topline .container li.fourth{background:url(../images/headers/toppic-4.png) center top no-repeat;}

/*
 * 网站标志 logo，广告条 banner，菜单
*/
.logobox-left{margin-top:30px;float:left;width:415px;}
.logobox-right{float:left;margin-top:30px; margin-left:20px; border-left:1px solid #1087D9;border-right:1px solid #1087D9;padding:0px 30px;}
.sousuo{float:left;margin-top:30px; margin-left:20px;}
.search {height: 24px; margin-top: 5px; text-align: left; width: 216px; }
.txt_search {border: 0 none; float: left; margin-left: 8px; width: 150px; }
.txtsea{float:left; border:none; width:130px; margin-left:15px; display:inline; line-height:20px; text-align:center; background:#fff;}
.search a {float: left; line-height: 24px; margin-left: 15px; }
.search input{  border:1px solid #1087D9;height:24px; line-height:24px;}
.search-submit{height:26px; line-height:26px; background:#1087D9;width:50px;border:none;color:#fff; }
.login-btn{display:inline-block; margin-left: 15px; padding:1px 5px; height:25px; line-height:25px; background:#91C5D4;width:80px;border:none;color:#fff;text-align:center; }
a.reg-btn{display:inline-block; margin-left: 15px; padding:1px 6px; height:25px; line-height:25px; background-color:#91C5D4;width:70px;border:none;color:#fff; text-align:center; }
#head-wrap{ position: relative; border-bottom: none; width: 100%;}
.headerbar { position: relative; margin:0 auto 5px auto; padding: 0 7px; height: 270px; width:1000px; background:url(../images/bg_shadow_y.png) repeat-y;}
.header-triangle { position: relative; margin:0 auto; padding: 0 7px; height: 20px; width:1000px; background:url(../images/bg_shadow_y.png) repeat-y;}

/** 导航栏 **/
.navbar{ position: relative; width:100%; height:44px; background:url(../images/headers/nav-bg-5x44.png) repeat-x; }
.nav{ position: relative; margin: 0 auto; display:block; width:1000px; height:44px;}
.nav .m{
  float:left; display:inline-block; width:100px; height:44px; line-height:44px;
  font-size:14px; color:#fff; text-align: center;
  background:url(../images/headers/menu-bg-118x44.png) no-repeat 0 0;
}
.nav .first{ background:none !important;}
.nav h3{ font-weight:normal; padding:0; height:44px; line-height:44px; overflow:hidden; text-align: center; }
.nav h3 a{ display:block; color:#fff;  font-size:14px; padding:0; vertical-align:middle;}
.nav a:hover{ text-decoration:none; color:#ffbd10; }
.nav .on{ border-color:#1f7caf; }
.nav .on h3 a{ color:#ffbd10; border-color:#1f7caf !important; }

.nav .sub{ position:absolute; top:37px; z-index:10; display:none;}
.triangle{
  border-left:10px dashed transparent;border-right:10px dashed transparent;border-bottom:10px solid #FFF;
  width:0;height:0;font-size:0;
  line-height:0; margin-left:38px; overflow:hidden;
}
.yc_sub_content{
  border-left:2px solid #0d8ee9; border-right:2px solid #0d8ee9;border-bottom:2px solid #0d8ee9;
  padding:12px 13px 18px 13px; margin-top:-3px; _zoom:1;
  background:url(../images/bg_png_white.png) repeat; overflow:hidden;
}
.yc_sublist ul li{float:left; display:inline; margin:0 5px; width:110px; height:29px; border-bottom:1px solid #dadada; padding-left:8px; line-height:29px;}
.nav .sub li{ display:block; vertical-align:middle; }
.nav .sub li a{ height:20px; line-height:20px; text-align: center; padding:4px 0; display:block; background:url(../images/icon_ar1.gif) 0 9px no-repeat; color:#444; }
.nav .sub li a:hover{ color:#FFBD10; }
.sub_menu1{left:100px; width:160px;}
.sub_menu2{left:200px; width:160px;}
.sub_menu3{left:300px; width:160px;}
.sub_menu4{left:400px; width:160px;}
.sub_menu5{left:500px; width:160px;}
.sub_menu6{left:600px; width:160px;}
.sub_menu7{left:700px; width:160px;}
.sub_menu8{left:800px; width:160px;}
.sub_menu9{left:840px; width:160px;}
.sub_menu10{left:940px; width:150px;}
.sublast{
  border-left:10px dashed transparent;border-right:10px dashed transparent;border-bottom:10px solid #FFF;
  width:0;height:0;font-size:0;
  line-height:0; margin-left:88px; overflow:hidden;
}

.yc_date_weather{
  width:1000px; height:38px;text-align:left; border-bottom:1px solid #d6dde3;margin:0 auto;
  background: #f3faff;
  background: -moz-linear-gradient(top,  #ffffff 0%, #f3faff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f3faff));
  background: -webkit-linear-gradient(top,  #ffffff 0%,#f3faff 100%);
  background: -o-linear-gradient(top,  #ffffff 0%,#f3faff 100%);
  background: -ms-linear-gradient(top,  #ffffff 0%,#f3faff 100%);
  background: linear-gradient(to bottom,  #ffffff 0%,#f3faff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3faff',GradientType=0 );
}
.yc_date{width:420px; padding-left:35px; line-height:38px;}
.yc_weather{width:400px; margin-left:20px; padding:6px 0 0;}
/********************* 对应模板文件: theme_footer.html ************************/
/*
 * 版权，页脚，友情链接，认证等 
*/

#foot-wrap{
  position: relative;
  margin: 0 auto; padding: 0 7px;
  border-top: none;
  width: 1000px;
  background:url(../images/bg_shadow_y.png) repeat-y;
}
.yc_shadow_bot{width:1014px; height:6px; line-height:0; font-size:0; margin:0 auto;}
#foot-wrap {
  width: 1000px;
  border-bottom: 1px #efefef solid;
  text-align: center; 
}
.footer-container{margin:10px auto; width: 1000px; height:160px; overflow:hidden;}
.footbox-content{ height: 50px; padding-top: 10px; text-align: center; line-height: 1.5em;}
.copyright{ margin:5px; padding:0 10px; color: #333; font-weight: bold; font-size: 10pt; text-align:left; border-left: 1px #1087d9 solid;}
.copyright a{ color: #333; font-weight: bold; }
.copyright a:hover{color: #666; }

.yc_footer{width:100%; height:160px; margin-top:15px; overflow:hidden;}
.yc_flinks{ margin-top:15px; height:40px; line-height:40px; background-color:#0097e5; text-align:center; color:#FFF;}
.yc_flinks a{color:#fff; font-size:14px; padding:0 5px;}
.yc_flinks a:hover{text-decoration:underline;}
.yc_copyright{text-align:left; padding:5px 10px; width: 1000px; margin:0 auto; line-height:24px; color:#666; font-size:12px;}
.copy_left,.copy_center,.copy_right{float:left;padding:10px 20px;}