﻿@charset "utf-8";
/* css初始化 */
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,img,input,li,ol,p,pre,td,textarea,th,ul{ margin:0; padding:0; }
table {border-collapse: collapse;border-spacing: 0;}
fieldset,img{ border:0; vertical-align:top; }
address,caption,cite,code,dfn,em,i,th,var{ font-weight:400; font-style:normal; }
li,ol,ul{ list-style:none; }
dd,div,dl,dt,li,ol,ul{ zoom:1; }
caption,th{ text-align:left; }
h1,h2,h3,h4,h5,h6{ font-weight:400; font-size:100%; }
q:after,q:before{ content:''; }
abbr,acronym{ border:0; }
img{ border: 0; vertical-align: top; }
pre{ white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; font-family: "microsoft yahei", helvetica, arial, sans-serif; line-height: 1.8; }
*{  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  }

/* public */
body{ color: #333; line-height: 1.8; font-family: "microsoft yahei", helvetica, arial, sans-serif; background: #eee; }
html,body{ font-size: 50px; font-size: 13.3333333333333vw; }
a{ color: #333; text-decoration: none; outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); }
a:hover{ color: #156bee; }
input[type=button], input[type=submit], input[type=file], button{  cursor: pointer; -webkit-appearance: none;  }
input, textarea, select, button{ font-size: inherit; color: inherit; font-family: inherit; line-height: initial; border-radius: 0; }
#wrap{ min-height: 100vh; background: #f4f8fb; font-size: .3rem; padding-bottom: 1.4rem; }
#content { position: relative; padding: 0.38rem; }
#content.flex { padding: 0; display: flex; height: calc(100vh - 4.4rem); align-items: stretch; overflow: visible; }

.fl{ float: left; }
.fr{ float: right; }
.clearfix:after{ clear: both; height: 0; overflow: hidden; display: block; visibility: hidden; content: "."; }
.hide{ display: none !important; }
.show{ display: block !important; }

/* 字体图标 */
@font-face {
	font-family: 'iconfont';  /* project id 962570 */
	src: ;
	src:  format('embedded-opentype'),
	 format('woff'),
	 format('truetype'),
	 format('svg');
 }
.iconfont {
	font-family:"iconfont" !important;
	font-size:inherit;
	font-style:normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: inherit;
}
.icon-zixun-qa:before { content: "\eaf4"; }
.icon-shouye:before { content: "\e626"; }
.icon-zixun:before {content: "\e637"; }
.icon-hot:before {content: "\e71d";}
.icon-my:before{content: "\e93b";}
.icon-qa:before{content: "\e60b";}
.icon-tiwen:before{content: "\e632";}
.icon-wenda:before{content: "\e634";}
.icon-favorite:before{content: "\e669";}
.icon-favorite1:before{content: "\e66a";}
.icon-like:before{content: "\e62d";}
.icon-like1:before{content: "\e62e";}
.icon-love:before{content: "\e62f";}
.icon-love1:before{content: "\e630";}
.icon-tuijian:before{content: "\e62c";}
.icon-my1:before{content: "\e62a";}
.icon-qa1:before{content: "\e62b";}
.icon-play:before{content: "\e600";}
.icon-triangle-left:before{content: "\e7ba";}
.icon-triangle-right:before{content: "\eaf3";}
.icon-liulan:before{content: "\e663";}
.icon-left:before{content: "\e601";}
.icon-right:before{content: "\e602";}
.icon-up:before{content: "\e604";}
.icon-down:before{content: "\e605";}
.icon-upmore:before{content: "\e667";}
.icon-search:before{content: "\e619";}
.icon-nav:before{content: "\e623";}
.icon-home:before{content: "\e603";}
.icon-book:before{content: "\ea07";}
.icon-fenlei:before{content: "\e610";}
.icon-kecheng:before{content: "\e606";}
.icon-remen:before{content: "\e8c9";}
.icon-zhuanjia:before{content: "\e681";}


/* 更多按钮 */
.morebtn{ margin: .2rem 0 0; height: .8rem; line-height: .8rem; background: #eee; text-align: center; display: block; color: #666; font-size: .32rem; }
.morebtn:focus{ color: #666; }
.upmore { margin: 0.5rem 0; font-size: 0.3rem; color: #999; display: block; text-align: center; }

/* 返回顶部按钮 */
#gotop{ position: fixed; display: none; _display: none !important; width: 50px; height: 50px; bottom: 60px; right: 5px; z-index: 99; cursor: pointer; margin: 5px; width: 40px; height: 40px; border-radius: 2px; -webkit-box-shadow: 0 0 5px #9c9c9c; opacity: .9; background: rgba(0, 0, 0, 0.5); }
#gotop::after{ display: block; position: absolute; left: 50%; top: 50%; margin-left: -10px; margin-top: -15px; content: ""; border-width: 10px; border-color: transparent; border-bottom-color: #fff; border-bottom-style: solid; border-style: dashed; display: block; font-size: 0; line-height: 0; width: 0; }

/* winmark */
#winmark{ z-index: 1; width: 100%; height: 100%; position: fixed; background: rgba(0, 0, 0, 0.8); left: 0; top: 0; }

/* 头部 */
#header{ position: relative; z-index: 2; background: #fff; color: #333; border-bottom: 1px solid #eee;}
#header .back{ display: block; width: 1rem; line-height: 1.1rem; overflow: hidden; text-align: center; position: absolute; left: 0; top: 0; z-index: 1; font-size: .5rem; color: #333; }

/* logo */
.logobar{ display: block; }
.logobar .title{ text-align: center; margin: 0 1.2rem; line-height: 1.1rem; font-size: .36rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #000; font-weight: bold; }
.logobar .logo a{ display: block; padding: .15rem .38rem; text-align: left; line-height: 1; }
.logobar .logo img { vertical-align: top; max-width: 100%; max-height: 100%; width: 95%; }

/* 底部 */
#footer{ background: #156bee; padding: .25rem .3rem; color: #dfe3f0; text-align: center; font-size: 12px; }
#footer a{ color: inherit; }
#footer .copyright{ padding: .1rem 0; }

/* 底部浮动导航 */
.fixednav { position: fixed; left: 0; bottom: 0; width: 100%; background: #fff; border-top: 1px solid #eee; }
.fixednav .navlist { display: flex; }
.fixednav .navlist li { flex: 1; text-align: center; line-height: 1; height: 1.4rem; }
.fixednav .navlist li a { height: 100%; display: block; padding-top: 0.18rem; color: #333; }
.fixednav .navlist .icon { color: #e1e1e1; font-size: 0.58rem; }
.fixednav .navlist li.on .icon { color: #156bee; }
.fixednav .navlist .title { margin-top: 0.15rem; font-size: 0.32rem; }

/* 浮动提问按钮 */
.fixedqa { position: fixed; right: 0.5rem; bottom: 2rem; }
.fixedqa a { display: block; width: 1.1rem; height: 1.1rem; border-radius: 0.1rem; background: rgba(21, 107, 238, 0.85); box-sizing: 0 0 0.8rem rgba(0, 0, 0, 0.3); color: #fff; text-align: center; font-size: 0.28rem; overflow: hidden; }
.fixedqa a .iconfont { font-size: 0.4rem; display: block; line-height: 1; margin: 0.15rem 0 0.04rem; }


/* 位置导航 */
.path{ background: #fff; color: #666; line-height: 1.6; padding: .2rem .25rem; text-align: left; font-size: 14px; margin-bottom: .2rem; }
.path a,
.path span{ padding: 0 3px; color: inherit; }
.path:before { font-family:"iconfont"; content: "\e603"; color: #156bee; margin-right: .1rem; }

/* 主栏和侧栏 */
.side { width: 1.6rem; background: #fff; }
.flex .maincontent { flex: 1 0 0%; padding: 0.2rem 0.38rem 0.2rem 0.2rem; overflow-y: auto; }
.flex .maincontent::-webkit-scrollbar { display: none; }

/* 侧栏菜单 */
#sidemenu { height: 100%; }
#sidemenu .menulist { height: 100%; overflow-y: auto; }
#sidemenu .menulist::-webkit-scrollbar { display: none; }
#sidemenu .menulist li a { padding: 0.25rem 0.15rem; display: block; font-size: 0.3rem; line-height: 0.4rem; color: #666; text-align: center; }
#sidemenu .menulist li.on a { border-left: 0.06rem solid #0279fe; background: #f4f8fb; }

/* url_方块样式分页 */
.page{ font-size: 0.28rem; text-align: center; padding: 0.3rem 0; clear: both; overflow: hidden; }
.page .pager { display: flex; align-items: center; }
.page a{ display: none; float: left; border: 1px solid #e1e1e1; padding: 0 0.25rem; line-height: 0.7rem; margin: 0.08rem; }
.page .current{ display: none; }
.page .select{ display: none; }
.page .prev,
.page .next,
.page .total{ display: block; }
.page .total{ margin: 0.08rem; flex: 1 0 0%; line-height: 1.5; }


/* 图标式菜单列表 */
.menuiconlist{ display: flex; flex-wrap: wrap; overflow: hidden; margin: -1.2%; color: #506e9b; }
.menuiconlist li{ width: 47.6%; margin: 1.2%; background: linear-gradient(140deg, #def4ff, #b3d1ff); border-radius: 0.1rem; }
.menuiconlist li a{ display: flex; height: 1.5rem; justify-content: center; align-items: center; line-height: 1; background: url(/uploads/image/tdszimages/bg-menu-li.png) no-repeat center bottom; background-size: 100% auto; color: inherit; }
.menuiconlist li .icon{ margin-right: 0.16rem; font-size: 0.55rem; }
.menuiconlist li .title { font-size: 0.34rem; font-weight: bold; }
.menuiconlist .on,
.menuiconlist .li1 { background: linear-gradient(140deg, #00a8fd, #0366ff); color: #fff; }
.menuiconlist .li2 { background: linear-gradient(140deg, #52e7bd, #1fb5ad); color: #fff; }
.menuiconlist .li3 { background: linear-gradient(140deg, #e75252, #b51f1f); color: #fff; }

/* focusbox */
.focusbox{ position: relative; }
.focusbox .bd .pic img{ width: 100%; height: auto; display: block; border-radius: .08rem; }
.focusbox .bd li{ position: relative; padding-bottom: .8rem; }
.focusbox .bd .con{ position: absolute; left: 0; bottom: 0; width: 100%; }
.focusbox .bd .title{ display: block; padding: 0 .2rem; height: .8rem; line-height: .8rem; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .32rem; }
.focusbox .hd{ position: absolute; left: 0; bottom: 1.1rem; width: 100%; font-size: 0; line-height: 1; text-align: center; }
.focusbox .hd li{ display: inline-block; width: .2rem; height: .2rem; margin: 0 .1rem; background: rgba(224, 224, 224, 0.8); border-radius: 50%; cursor: pointer; }
.focusbox .hd li.on{ background: #de1010; }

/* box  盒子-标准的 */
.box{ background: #fff; }
.box>.hd{ background: #f9f9f9; border-bottom: 1px solid #e1e1e1; height: .8rem; line-height: .8rem; }
.box>.hd ul{ display: -webkit-flex; display: flex; }
.box>.hd h3, .box>.hd li{ float: left; height: .8rem; padding: 0 .5rem; text-align: center; font-size: .34rem; }
.box>.hd li{ width: 1%; flex-grow: 1; padding: 0; }
.box>.hd h3, .box>.hd li.on{ background: #f9f9f9; border: 1px solid #e1e1e1; border-top: 2px solid #156bee; border-bottom: none; color: #156bee; }
.box>.hd a{ display: block; text-decoration: none; color: inherit; }
.box>.hd .more{ float: right; font-size: 16px; color: #999; }
.box>.bd{ padding: .2rem 0 0; }

/* defaultbox 盒子-默认的 */
.defaultbox{ background: #fff; }
.defaultbox>.hd{ height: .8rem; line-height: .8rem; }
.defaultbox>.hd ul{ display: -webkit-flex; display: flex; }
.defaultbox>.hd h3, .defaultbox>.hd li{ float: left; padding: 0 .5rem; font-size: .34rem; text-align: center; }
.defaultbox>.hd li{ width: 1%; flex-grow: 1; padding: 0; }
.defaultbox>.hd h3, .defaultbox>.hd li.on{ background: #156bee; color: #fff; border-radius: 0 0 .1rem .1rem; }
.defaultbox>.hd a{ display: block; color: inherit; text-decoration: none; }
.defaultbox>.bd{ padding: .2rem 0 0; }

/* primarybox 盒子 */
.primarybox{ margin-top: 0.35rem; }
.primarybox:first-child { margin-top: 0; }
.primarybox>.hd{ height: .5rem; line-height: .5rem; }
.primarybox>.hd h3 { float: left; color: #000; font-size: 0.32rem; font-weight: bold; }
.primarybox>.hd h3 .iconfont { float: left; font-size: 1.25em; color: #156bee; margin-right: 0.15rem; font-weight: normal; }
.primarybox>.hd a { display: block; overflow: hidden; color: inherit; text-decoration: none; }
.primarybox>.bd { padding: .35rem 0 0; }

/* mainbox */
.mainbox{ background: #fff; padding: 0 .25rem .25rem; }
.mainbox>.hd{ height: .5rem; line-height: .5rem; }
.mainbox>.hd h3 { float: left; font-size: .32rem; color: #000; }
.mainbox>.hd a { display: block; color: inherit; text-decoration: none; }
.mainbox>.bd{ padding: .35rem 0 0; }

/* 标题列表 */
.infolist li{ height: .7rem; line-height: .7rem; font-size: .32rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.infolist li .date{ float: right; color: #999; font-size: .28rem; margin-left: .3rem; }
.infolist li .node{ margin-right: .1rem; color: #156bee; }
.infolist li .author{ margin-left: .1rem; color: #666; }

/* 图文列表 */
.twlist li{ padding: 3% 0; border-bottom: 1px solid #eee; overflow: hidden; }
.twlist li > a{ display: block; overflow: hidden; }
.twlist .pic{ float: left; margin-right: 4%; width: 28%; }
.twlist .pic img{ height: auto; width: 100%; }
.twlist .con{ overflow: hidden; zoom: 1; }
.twlist .title{ font-size: 16px; line-height: 28px; margin-bottom: 5px; overflow: hidden; }
.twlist .intro{ line-height: 24px; color: #777; max-height: 48px; overflow: hidden; font-size: 13px; }
.twlist .title a:hover{ text-decoration: none; }
.twlist .intro .more{ display: none; }
.twlist .others{ font-size: 13px; color: #bbb; }
.twlist .others span{ margin-right: 15px; }
.twlist .node{ color: #aaa; margin-right: 15px; }
.twlist .last{ border-bottom: 0; margin-bottom: 0; }

/* 头条信息列表_普通式 */
.topiclist li.t{ position: relative; overflow: hidden; height: auto; padding: .05rem 0 .2rem; }
.topiclist li.t .pic{ float: left; margin-right: .2rem; }
.topiclist li.t .pic img{ width: 2.2rem; height: 1.65rem; }
.topiclist li.t .title{ font-size: .32rem; line-height: .6rem; height: .6rem; font-weight: bold; color: #156bee; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.topiclist li.t .title a{ color: inherit; }
.topiclist li.t .intro{ color: #999; font-size: .28rem; line-height: 1.7; padding-top: .12rem; white-space: normal; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.topiclist li.t .intro .more{ color: #f42020; }
.topiclist li.n .title{ height: .7rem; line-height: .7rem; font-size: .32rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.topiclist li.n .date{ float: right; color: #999; font-size: .28rem; margin-left: .3rem; }
.topiclist li.n .node{ margin-right: .1rem; color: #156bee; }

/* 图片列表 */
.piclist{ display: flex; flex-wrap: wrap; margin: 0 -.1rem; }
.piclist li{ width: 50%; padding: .1rem; }
.piclist li .pic, .piclist li .pic img{ width: 100%; height: 2.54rem; }
.piclist li .title{ text-align: center; font-size: .3rem; padding: .3rem 0 .2rem; line-height: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* 信件列表 */
.letterlist{ width: 100%; border-collapse: collapse; empty-cells: show; }
.letterlist th{ background: #f2f2f2; text-align: center; height: 34px; line-height: 34px; }
.letterlist tr{ border-bottom: 1px solid #eee; }
.letterlist td.state{ color: #999; width: 80px; text-align: center; }
.letterlist td.title{ display: block; height: 38px; line-height: 38px; overflow: hidden; }
.letterlist td.ico img{ vertical-align: middle; margin: -2px 8px 0 0; }

/* 图片列表-浮动 */
.piclistfl{ overflow: hidden; text-align: center; }
.piclistfl li{ float: left; width: 48%; margin: 0 0 20px 0; display: inline; position: relative; background: #fff; overflow: hidden; }
.piclistfl li:nth-child(2n){ float: right; }
.piclistfl .pic img{ height: auto; width: 100%; }
.piclistfl .title{ font-size: 14px; line-height: 22px; height: 44px; overflow: hidden; padding-top: 5px; }

/* 信息内容列表 */
.infotxtlist li { margin-top: 0.25rem; }
.infotxtlist li:first-of-type { margin-top: 0; }
.infotxtlist li a { display: block; background: #fff; border-radius: 0.15rem; padding: 0.35rem; }
.infotxtlist li .title { font-size: 0.3rem; line-height: 1.4; }
.infotxtlist li .others { margin-top: 0.25rem; padding-top: 0.3rem; border-top: 1px solid #f0f0f0; color: #a4acc5; font-size: 0.24rem; line-height: 1.4; }
.infotxtlist li .others span { position: relative; display: inline-block; vertical-align: top; margin-right: 0.6em; padding-right: 0.6em; }
.infotxtlist li .others span::before { position: absolute; right: 0; top: 0.06rem; bottom: 0.06rem; content: ''; width: 0; border-left: 1px solid #e4eaf4; }
.infotxtlist li .others span:last-of-type { margin-right: 0; padding-right: 0; }
.infotxtlist li .others span:last-of-type::before { display: none; }

/* 通用底部按钮 */
.bot{ text-align: center; padding: 0 0 20px 0; }
.bot a,
.bot button{ cursor: pointer; display: inline-block; height: 40px; line-height: 40px; padding: 0 20px; font-size: 16px; background: #156bee; border: 0; color: #fff; margin: 0 2%; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.bot a:hover,
.bot button:hover{ text-decoration: none; background: #077bd4; }

/* url_方块样式分页 */
.pageshow{  text-align:center; padding: .2rem 0 0; font-size: 0; overflow: hidden;  }
.pageshow .pagecss{ display: block; overflow: hidden; height: auto; }
.pageshow .pager{ padding: 0; margin: 0; }
.pageshow .pagecss input,.pageshow .pagecss a,.pageshow .pagecss span,.pageshow .pagecss a:active{ float: none; display: inline-block; height: auto; padding: .1rem .15rem; margin: .05rem; line-height:1; border:1px solid #ddd; background:#fff; font-size: 0.27rem; color: #333; vertical-align: top; }
.pageshow .pagecss input{ display: none; float: none !important; width: .2rem !important; margin: 0 3px !important; height: .2rem; line-height: .2rem; padding: 0 .2rem; text-align: center; outline: none; }
.pageshow .pagecss a:hover { border-color:#156bee; text-decoration:none; color:#156bee; }
.pageshow .pagecss span.current { float: none; background:#156bee; border: 1px solid #156bee; color:#fff; font-weight:bold; padding: .1rem .15rem; }
.pageshow .pagecss span.disabled { display: none; color:#999; border: 1px solid #ddd; padding: .1rem .15rem; }


@media screen and (min-width: 540px){
	#wrap{ max-width: 540px; position: relative; margin: 0 auto }
	html,body{ font-size: 72px; }

	.fixednav { width: 540px; left: 0; right: 0; margin: 0 auto; }
 }
