@charset "utf-8";
/* CSS Document */
body, p, input, h1, h2, h3, h4, h5, h6, ul, li, dl, dt, dd, form, figure { margin: 0; padding: 0; list-style: none; vertical-align: middle }
body { background-color: #fff; font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif; color: #333; -webkit-user-select: none; -webkit-text-size-adjust: none; font-size: 14px }
header, section, footer, img { display: block; margin: 0; padding: 0 }
img, input, button { border: none; outline: none; }
input {-webkit-tap-highlight-color: transparent }
button { background: none }
a { text-decoration: none; color: #333 }
h4, strong, em, i { font-style: normal; font-weight: normal }
.wrapper { background-color: #fff; overflow: hidden; margin: 0 auto }
img { width: 100%; height: auto; }

/*头部*/
.top-bar { height: 44px; background: #fff; position: relative; z-index: 100; }
.top-bar .logo { float: left; width: 85px; height: 30px; display: inline; margin: 7px 0 7px 5px; text-indent: -99em; overflow: hidden; background: url("../images/logo.png") no-repeat; background-size: 85px auto; }
.top-bar .head-link { float: right; height: 25px; padding: 10px 15px 0 0; overflow: hidden; }
.top-bar .head-link a { float: left; margin-left: 15px; height: 25px; display: inline; }
.top-bar .head-link a.toggle { width: 22px; background: url("../images/toggle.png") no-repeat; background-size: 22px auto; margin-top:3px; }
.top-bar .head-link a.user{ width:25px; background: url("../images/icon_user.png") no-repeat; background-size: 25px auto;}
.top-bar .head-link a.user img{ width:21px; height: 21px;border-radius:50%; margin: 2px;}
.top-bar.inverse { background: #fea831; position: relative;}
.top-bar.inverse .top-title { float: left; margin-left: 5px; padding-left: 20px; font-size: 16px; line-height: 44px; font-weight:bold;background: url("../images/sublogo_bg.png") no-repeat; background-size: auto 44px; color: #fff;}
.top-bar.inverse .top-title  a{ color: #fff;}
.top-bar.inverse .head-link a.toggle{ background: url("../images/toggle_inverse.png") no-repeat; background-size: 22px auto; }
.top-bar.inverse .head-link a.user{ background: url("../images/icon_user_inverse.png") no-repeat;background-size: 25px auto;}

/*头部导航区*/
.navigation { height: 40px; background: #333; padding: 0 6px; }
.navigation nav { width: 100%; height: 40px; display: -moz-box; display: -webkit-box; }
.navigation nav a { height: 40px; line-height: 40px; text-align: center; display: block; color: #fff; box-flex: 1.0; -moz-box-flex: 1.0; -webkit-box-flex: 1.0; position: relative; }
.navigation nav a.hover { color: #ff9600; }
.navigation nav a.hover:after { content: ""; width: 100%; height: 3px; display: block; background: #ff9600; position: absolute; bottom: 0; left: 0; }
/*底部*/
.footer { height: 58px; padding: 20px 0; position: relative; }
.footer a.go-top { width: 36px; height: 36px; display: none; background: url("../images/go_top.png") no-repeat; position: fixed; top: 80%; right: 3px; }
.footer .change-button { width: 100%; display: -moz-box; display: -webkit-box; -moz-box-pack: center; -webkit-box-pack: center; }
.footer .change-button a { width: 70px; height: 30px; display: list-item; border: 1px solid #ff9600; border-radius: 20px; text-align: center; line-height: 30px; color: #ff9600; margin: 0 6px; }
.footer p { margin-top: 10px; line-height: 18px; color: #999; text-align: center; }
/*轮播图*/
.slideBox { position: relative; overflow: hidden; max-width: 560px;/* 设置焦点图最大宽度 */ }
.slideBox .hd { position: absolute; width:100%; height: 32px; line-height: 32px; text-align:center; bottom: 0; z-index: 1; }
.slideBox .hd li { display: inline-block; width: 6px; height: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background: #fff; text-indent: -99px; overflow: hidden; margin: 0 4px; }
.slideBox .hd li.on { background: #ff9600; }
.slideBox .bd { position: relative; z-index: 0; }
.slideBox .bd li { position: relative; text-align: center; }
.slideBox .bd li img {vertical-align: top; width: 100%;/* 图片宽度100%，达到自适应效果 */ }
.slideBox .bd li a { -webkit-tap-highlight-color:transparent;}  /* 去掉链接触摸高亮 */
.slideBox .bd li .tit { display: block; width: 70%; padding-right: 30%; position: absolute; bottom: 0; text-indent: 10px; height: 32px; line-height: 32px; background: url("../images/mask.png") repeat; color: #fff; text-align: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
/*公用的模块样式*/
.grid { padding: 0 10px 16px 10px; border-top: 2px solid #ff9600; position: relative; }
.grid.p0 { padding: 0; overflow: hidden;}
.grid.p1 { border-top: none; }
.grid:after { content: ""; width: 100%; padding: 0 10px; height: 15px; display: block; background: #f2f2f2; border-top: 1px solid #ccc; position: absolute; bottom: 0; left: 0; }
.grid .title { height: 39px; border-bottom: 1px solid #ccc; position: relative; }
.grid .title span { height: 39px; line-height: 39px; font-size: 16px; font-weight: bold; border-bottom: 1px solid #ff9600; position: absolute; left: 0; top: 0; }
.grid .title a { width: 43px; height: 18px; line-height: 16px; display: block; text-align: center; border: 1px solid #ff9600; border-radius: 10px; font-size: 12px; color: #ff9600; position: absolute; right: 0; top: 10px; }
.grid .row { width: 100%; display: -moz-box; display: -webkit-box; -moz-box-pack: center; -webkit-box-pack: justify; }
.grid .row a { display: list-item; }
.grid.p0:after{ border-top: 0;}

/*内容页页码*/
.pag { text-align: center; height: 35px; margin: 20px auto 0; }
.pag a { display: inline-block; font-size: 14px; background: #fff; color: #333; border: 1px solid #d7d7d7; height: 33px; line-height: 33px; text-align: center; vertical-align: top; zoom: 1; padding: 0 14px; margin: 0 1px; }
.pag a:hover, a.p_hov, a.p_hov:hover { background: #f60; border-color: #f60; color: #fff; text-decoration: none; }
.pag span { display: inline-block; vertical-align: top; zoom: 1; height: 32px; line-height: 32px; color: #666; margin: 0 4px 0 10px; }
.pag em { float: left; }
.pag_txt { float: left; width: 22px; height: 30px; line-height: 30px\9; text-align: center; background: #fff; border: 1px solid #d8d8d8; font-size: 14px; color: #333; margin: 0 3px; }
.pag_btn { float: left; width: 50px; height: 32px; background: #fff; border: 1px solid #d8d8d8; margin-left: 10px; font-size: 14px; color: #333; cursor: pointer; }
.pag_btn:hover { background: #f60; border-color: #f60; color: #fff; }

/*列表页页码*/
.pagelist { text-align: center; height: 35px; margin: 10px auto; }
.pagelist a { display: inline-block; font-size: 14px; background: #fff; color: #333; border: 1px solid #d7d7d7; height: 30px; line-height: 30px; text-align: center; vertical-align: top; zoom: 1; padding: 0 11px; margin: 0 1px; }
.pagelist a:hover, a.p_hov, a.p_hov:hover { background: #f60; border-color: #f60; color: #fff; text-decoration: none; }
.pagelist span { display: inline-block; vertical-align: top; zoom: 1; height: 32px; line-height: 32px; color: #666; margin: 0 4px 0 10px; }
.pagelist em { float: left; }





/*热门工具*/
.grid .tools-list { padding-bottom: 15px; overflow: hidden; }
.grid .tools-list li { margin-top: 15px; }
.grid .tools-list li a { width: 100%; height: 50px; display: block; overflow: hidden; }
.grid .tools-list li a span.tool-icon { float: left; width: 50px; height: 50px; display: block;overflow: hidden;border-radius: 10px }
.grid .tools-list li a .info { float: left; height: 50px; margin-left: 10px; }
.grid .tools-list li a .info div { height: 30px; line-height: 30px; font-size: 16px; }
.grid .tools-list li a .info p { height: 20px; line-height: 20px; color: #666; }
.grid .tools-list li a span.download { float: right; width: 40px; height: 40px; display: block; background: url("../images/download.png") no-repeat; margin: 5px 0; }
.grid .tools-list li i{ float: right;width: 58px;height: 28px;line-height: 28px;border: 1px solid #ff9600;border-radius: 15px;display: inline-block;color: #ff9600;text-align: center;margin: 9px 0;}

/*更多按钮*/
.grid a.enter,.nextpage { height: 38px; display: block; text-align: center; line-height: 38px; font-size: 16px; color: #999; border: 1px solid #ddd; background: #f6f6f6; margin:0 0 15px 0; }
/*搜索框*/
.search-container { height: 34px; margin: 10px; position: relative; }
.search-container input { width: 100%; height: 34px; padding: 7px 50px 7px 18px; color: #999; background: #eee; border-radius: 17px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.search-container button { width: 21px; height: 21px; background: url("../images/search_btn.png") no-repeat; background-size: 21px auto; text-indent: -99em; overflow: hidden; position: absolute; top: 7px; right: 10px; padding: 0; cursor: pointer; }
/*子导航弹出层*/
.btn-clear { width: 16px; height: 16px; display: none; background: url("../images/btn_clear.png") no-repeat; position: absolute; top: 9px; right: 16px; }
.sub-nav { width: 100%; border-top: 1px solid #f2f2f2; background: #fff; position: absolute; top: 40px; left: 0; z-index: 100; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 20px 14px; display: none; }
.sub-nav.active { display: block; }
.sub-nav .search-container{ margin: 10px -5px -5px -5px}
.nav-grid { margin-top: 10px; padding-top: 10px; border-top:#cdcdcd 1px dashed;}
.nav-grid .nav-grid-title, .nav-grid a { color: #333; }
.nav-grid .nav-grid-title { height: 22px; line-height: 22px; font-weight: bold; padding-bottom: 6px; }
.nav-grid ul { width: 100%; overflow: hidden; }
.nav-grid li { float: left; height: 24px; line-height: 24px; }
.col4{ border: none;}
.col4 li { width: 25%; }
.col3 li { width: 33.3%; }

/*弹出层*/
.pop-mask, .global-mask { width: 100%; height: 100%; background: url("../images/mask.png") repeat; position: fixed; top: 0; left: 0; z-index: 99; display:none; }
.global-mask { display: none; }
.pop-mask .download { width: 260px; padding: 20px 30px; background: #fff; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; position: absolute; top: 50%; left: 50%; margin-left: -130px; margin-top: -130px; }
.pop-mask .download .download-title { font-size: 18px; line-height: 24px; text-align: center; }
.pop-mask .download p { font-size: 14px; line-height: 18px; margin-top: 14px; text-align: center; color: #666; }
.pop-mask .download a { width: 100%; height: 36px; line-height: 36px; display: block; margin-top: 15px; border-radius: 5px; text-align: center; color: #fff; }
.pop-mask .download a i { display: inline-block; vertical-align: text-bottom; margin-right: 5px; }
.pop-mask .download a i.ios { width: 15px; height: 18px; background: url("../images/download_ios.png") no-repeat; background-size: 15px 18px; }
.pop-mask .download a i.android { width: 17px; height: 19px; background: url("../images/download_android.png") no-repeat; background-size: 17px 19px; }
.pop-mask .download a.aide { padding: 8px 0 6px; background: #f90; }
.aide span, .aide em { line-height: 18px; display: block; text-align: center; }
.aide span { color: #fff; font-size: 14px; }
.aide em { color: #ff0; font-size: 12px; }
.pop-mask .download a.blue { background: #52a7dd; }
.pop-mask .download a.green { background: #78bf5b; }
.pop-mask .download a.orange { background: #f09033; }
.pop-mask .download a.close { height: 34px; border: 1px solid #d2d2d2; background: #f5f5f5; color: #999; }
.icon-back { width: 20px; height: 20px; display: block; background: url("../images/icon_back.png") no-repeat; background-size: 20px 20px; position: absolute; top: 12px; left: 10px; }
@charset "UTF-8";
/* CSS Document */
.recommended { position:fixed;bottom:0;width:100%; }
.recommended img { display:block;width:100%; }
.recommended .close { position:absolute;top:0;right:0;padding:3px 5px;background:#000;color:#fff;font-size:12px; }

.middle-advertisement { position:fixed;top:50%;left:50%;width:80%; }
.middle-advertisement img { display:block;width:100%; }
.middle-advertisement .close { position:absolute;top:0;right:0;padding:3px 5px;background:#000;color:#fff;font-size:12px; }