@charset "utf-8";

/*
PEL for Pad Style
2013/6/9,By Dtop
*/

/* public */
html,body{ width:100%; height:100%;   }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td,img {padding:0;margin:0}
body{text-align:left; font-family:Helvetica,Tahoma,Verdana,"\5FAE\8F6F\96C5\9ED1"; font-size:100%;
-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%; color:#333; overflow-y:hidden; 
}
li{list-style:none}
a,a:visited{text-decoration:none;color:#333}
a{outline:none; -webkit-tap-highlight-color: rgba(0,0,0,0) }
.fl{float:left}
.fr{float:right}
.clearfix:after {clear:both;height:0;overflow:hidden;display:block;visibility:hidden;content:"."}
.hide{display:none}

header,footer,section,aside,nav{display:block;}


/* 功能模块 =========================== */

/* 弹窗登录 */
.pop-userlogin{display:none;background:#fff;-webkit-border-radius:5px;position:absolute;top:20%;left:50%;margin-left:-250px;width:500px;z-index:1000;
-moz-box-shadow:0px 0px 8px rgba(0, 0, 0, 0.5); -webkit-box-shadow:0px 0px 8px rgba(0, 0, 0, 0.5);box-shadow:0px 0px 8px rgba(0, 0, 0, 0.5);}
.pop-userlogin .hd{}
.pop-userlogin .hd {height:37px;line-height:37px;padding:0px 25px;position:relative;border-bottom:1px solid #ddd;}
.pop-userlogin .hd h3{ font-size:16px; font-weight:normal;}
.pop-userlogin .hd .close { background:url(images/icon.png) -63px -1px no-repeat;display:block;height:24px; width:24px; line-height:24px; text-indent:-999px; overflow:hidden;position:absolute;right:10px;top:6px;}
.pop-userlogin .bd{ padding:10px 20px;}
.pop-userlogin .bd dl{ display:block; padding:10px;height:30px;}
.pop-userlogin .bd dt{ display:block; float:left; width:80px; text-align:right;height:30px; line-height:30px; font-size:14px;}
.pop-userlogin .bd dd{ display:block; margin-left:90px;height:30px;line-height:30px;}
.pop-userlogin .bd dd input{ height:28px; border:1px solid #ccc; border-radius:3px; padding:0 10px; font-size:14px; line-height:28px; width:260px;} 
.pop-userlogin .ft{line-height:40px;padding:0px 0 20px 120px;}
.pop-userlogin .ft .btn {background:#874107;color:#fff;display:inline-block;height:34px;line-height:34px;padding:0 40px; font-size:16px;}
.pop-userlogin .ft .registered{ padding-left:20px;}

/* 弹窗提示 */
.popTip { position: fixed; z-index: 10000; background: rgba(0, 0, 0, .8); box-shadow: #333 0 0 10px; padding: 10px 15px; border-radius: 5px; white-space: nowrap; }
.popTip .icon { display: inline-block; vertical-align: top; width: 32px; height: 32px; margin-right: 10px; background: url(images/icon-notice.png) no-repeat; background-size: 32px 32px; }
.popTip .text { color: #fff; line-height: 32px; }
.popTip .icon.suc { background-image: url(images/icon-success.png); }
.popTip .icon.err { background-image: url(images/icon-error.png); }
.popTip .icon.load { background-image: url(images/tip-loading.gif); background-size: auto; background-position: center; }

/* 添加网站logo到桌面 */
.tavoritesTips { display: none; position:absolute;top:15px;z-index:10000;border:3px solid #fff;width:220px;padding:10px;border-radius:5px;background:#fff;font-size:12px;line-height:20px;-webkit-transition:all 1s ease-out;opacity:1;top:20px;left:30px;box-shadow: 2px 2px 10px #aaa;}
.tavoritesTips img {float:left;margin-right:10px;border-radius:10px;}
.tavoritesTips span {text-indent:28px;}
.tavoritesTips i {width:20px;height:20px;background:#fff;position:absolute;border-top:2px solid #fff;border-left:2px solid #fff;-webkit-transform:rotate(45deg);z-index:99;left:50%;top:-12px;}
.tavoritesTips del {font-style:normal;text-decoration:none;width:16px;height:16px;overflow:hidden;background:white;color:#ccc;display:inline-block;text-align:center;line-height:16px;position:absolute;right:3px;top:3px;}
.tavoritesTips .tipsBox {width:96%; height:64px;}

/* 下拉加载css */
#pullDown, #pullUp {
	background:#fff; height:40px; line-height:40px; padding:5px 10px; font-weight:bold; font-size:14px; color:#888;
}
#pullDown .pullDownIcon, #pullUp .pullUpIcon  {
	display:block; float:left;
	width:40px; height:40px;
	background:url(images/icon-pull.png) 0 0 no-repeat;
	-webkit-background-size:40px 80px; background-size:40px 80px;
	-webkit-transition-property:-webkit-transform;
	-webkit-transition-duration:250ms;	
}
#pullDown .pullDownIcon { -webkit-transform:rotate(0deg) translateZ(0);}
#pullUp .pullUpIcon{-webkit-transform:rotate(-180deg) translateZ(0);}
#pullDown.flip .pullDownIcon{-webkit-transform:rotate(-180deg) translateZ(0);}
#pullUp.flip .pullUpIcon {-webkit-transform:rotate(0deg) translateZ(0);}
#pullDown.loading .pullDownIcon, #pullUp.loading .pullUpIcon {
	background-position:0 100%;
	-webkit-transform:rotate(0deg) translateZ(0);
	-webkit-transition-duration:0ms;
	-webkit-animation-name:loading;
	-webkit-animation-duration:2s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:linear;
}
@-webkit-keyframes loading {from { -webkit-transform:rotate(0deg) translateZ(0); }to { -webkit-transform:rotate(360deg) translateZ(0); }}



/* 公共布局 ======================= */

/* 全局模拟链接触发时样色 */
/*.touchOn{ background:#e8e8e8;  }*/
*[data-url]:active{ background:#e8e8e8;  }

#wrap,#content{ height:100%;  }

/* 头部 */
#header{ position:absolute;  z-index:1; left:0; top:0; width:96%; padding:0 2%;   height:78px; line-height:62px; background:url(images/bg.png) #fff repeat-x; }
#logo{ background:url(images/logo.png) 0 center no-repeat; 
	-webkit-background-size:auto 33px; -o-background-size:auto 33px;  text-indent:-1000px; overflow:hidden; width:220px;   }

.focus .hd ul{ overflow:hidden; display:-moz-box; display:-webkit-box; display:box; height:5px; background-color:rgba(51,51,51,0.5);   }
.focus .hd ul li{ -moz-box-flex:1; -webkit-box-flex:1; box-flex:1; }

/* 底部导航 */
#nav{  position:fixed;  z-index:1; bottom:0; left:0; width:100%;  height:62px; background:#EBEBEA; border-top:1px solid #ccc; }
#nav ul{ padding:15px 40px 0 40px;  height:31px;  border-top:1px solid #fff; overflow:hidden;  text-align:center;  display:-moz-box; display:-webkit-box; display:box;  }
#nav ul li{  -moz-box-flex:1; -webkit-box-flex:1; box-flex:1;  height:31px; line-height:31px; text-align:center; margin:0 10px;  }
#nav ul li a{ display:block; text-align:center;  font-weight:bold; font-size:18px; }
#nav ul li.first a{ padding-left: 22px; background: url(images/bg.png) 14px -133px no-repeat;  }
#nav ul li.on{ background:url(images/bg.png) 0 -80px repeat-x; color:#fff; 
	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; color:#fff; 
}
#nav ul li.on a{ color:#fff;  }
#nav ul li.firstOn a{  background-position: 14px -173px; }
#nav ul li:active{ background:#ccc; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;  }

#gotoPC{ color:#666;  float:left; display:block; height:62px; line-height:62px; padding:0 0 0 10px;   }
#gotoPC:active{ background:#ccc;  }

/* 顶部搜索 */
.searchBox{ float:right;  }
.searchBox input{ vertical-align:middle; height:18px; line-height:18px; width:150px;  padding:3px; border:1px solid #bcc4cb; background:#eaecee; margin-right:10px;  
	-webkit-transition:0.5s ease all;  -moz-transition:1s ease all; }
.searchBox input:focus{ width:250px;   }
.searchBox #searchBtn{ vertical-align:middle; display:inline-block;  height:24px; padding:0 10px; line-height:24px; font-size:12px; 
	border-radius: 4px; border: 1px solid #828d97; font-weight:bold; text-shadow:1px 1px 0 #d9dcdf;
	background: -webkit-gradient(linear,0 0,0 100%,from(#dde0e3),to(#828d97)); box-shadow: #eaecee 0px 0px 1px inset,1px 1px 1px #fff;
}

.userMessage{ float:right; padding-right:15px; font-size:16px; color:#919BA4;  }
.userMessage a{ margin:0 5px; text-decoration:underline; color:#919BA4;   }


/* 平板类_头条图文信息列表_自适应 */
.zsyList{ overflow:hidden; background:url(images/dot-2x2.png) center 0 repeat-y; }
.zsyList li{ width:44%; padding:1%;  margin: 10px 2%; height: 114px;  float:left; overflow:hidden; border-bottom:1px solid #E7E7E7;  }
.zsyList li .picWrap{ overflow:hidden;  }
.zsyList li .pic{ float:left; padding-right:20px;   }
.zsyList li .pic img{ width:80px; height:60px; display:block;   }
.zsyList li .title{ font-size:16px; line-height: 30px; max-height:60px; overflow:hidden;  color:#333;    }
.zsyList li .intro{ clear:both;  font-size:14px; padding-top: 6px; line-height:22px; height:44px; overflow:hidden;  color:#999;   }





/* 颜色 
标题颜色 #11357A
*/