/* CSS Document */
html, body, div, ul, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin:0; padding:0; font-size:14px;}

html, body { background-color:#efeff0; color:#333; font-family:Microsoft YaHei, Helvetica, STHeiti STXihei, Microsoft JhengHei, Tohoma, Arial; position:relative; text-decoration:none; width:100%; height:100%; overflow:hidden;}
li { list-style:none;}

body { overflow-y:auto; -webkit-overflow-scrolling:touch;}
a { text-decoration:none;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	-webkit-user-select: none;
	-moz-user-focus: none;
	-moz-user-select: none;
}
::-webkit-input-placeholder { /* WebKit browsers */color:#999;}
::-ms-clear { display: none; }

/*图标样式*/
.main-list i, .theme-list i, .notice-list i, .search-box i { background:url("/bbxjywmhbhedunet/res/images/icons.png") no-repeat;}
i.icons { width:20px; height:20px; background:url("/bbxjywmhbhedunet/res/images/icons_2.png") no-repeat;}

/*侧边框的框架*/
aside { width:0; height:100%; position: absolute; z-index:2000;}
aside.active { width:100%;}
aside.right { overflow:hidden; transition:none; width:0; right:0;}
aside.left { overflow:hidden; transition:none; width:0; left:0;}
aside.active {
  background-color: rgba(0, 0, 0, 0.4);
  width:100%;
  box-shadow:none;
  animation: curtain_Active 0.3s;
  -moz-animation: curtain_Active 0.3s;
  -webkit-animation: curtain_Active 0.3s;
  -o-animation: curtain_Active 0.3s;
}
aside.furl {
  background-color:rgba(0, 0, 0, 0);
  width:0;
  animation:curtain_horizontal_Furl 0.5s;
  -moz-animation: curtain_horizontal_Furl 0.5s;
  -webkit-animation: curtain_horizontal_Furl 0.5s;
  -o-animation: curtain_horizontal_Furl 0.5s;
}

/*全局幕布*/
.curtain { position:fixed; width:100%; height:0; z-index:10; bottom:0; left:0;}
.curtain.active {
  background-color: rgba(0, 0, 0, 0.4);
  height:100%;
  right:auto;
  box-shadow:none;
  animation: curtain_Active 0.8s;
  -moz-animation: curtain_Active 0.8s;
  -webkit-animation: curtain_Active 0.8s;
  -o-animation: curtain_Active 0.8s;
 }
.curtain.furl {
  background-color:rgba(0, 0, 0, 0);
  height:0;
  animation:curtain_vertical_Furl 0.8s;
  -moz-animation: curtain_vertical_Furl 0.8s;
  -webkit-animation: curtain_vertical_Furl 0.8s;
  -o-animation: curtain_vertical_Furl 0.8s;
}


/*抽屉式面板展开动画*/
@keyframes curtain_Active
{
0%   { background-color:rgba(0, 0, 0, 0);}
100% { background-color:rgba(0, 0, 0, 0.4);}
}
@-webkit-keyframes curtain_Active
{
0%   { background-color:rgba(0, 0, 0, 0);}
100% { background-color:rgba(0, 0, 0, 0.4);}
}
@-o-keyframes curtain_Active
{
0%   { background-color:rgba(0, 0, 0, 0);}
100% { background-color:rgba(0, 0, 0, 0.4);}
}


/*抽屉式面板上下收拢动画*/
@keyframes curtain_vertical_Furl
{
0% { background-color:rgba(0, 0, 0, 0.4); height:100%;}
90%   { background-color:rgba(0, 0, 0, 0); height:100%;}
100%   { background-color:rgba(0, 0, 0, 0); height:0;}
}
@-webkit-keyframes curtain_vertical_Furl
{
0% { background-color:rgba(0, 0, 0, 0.4); height:100%;}
90%   { background-color:rgba(0, 0, 0, 0); height:100%;}
100%   { background-color:rgba(0, 0, 0, 0); height:0;}
}
@-o-keyframes curtain_vertical_Furl
{
0% { background-color:rgba(0, 0, 0, 0.4); height:100%;}
90%   { background-color:rgba(0, 0, 0, 0); height:100%;}
100%   { background-color:rgba(0, 0, 0, 0); height:0;}
}

/*抽屉式面板左右收拢动画*/
@keyframes curtain_horizontal_Furl
{
0% { background-color:rgba(0, 0, 0, 0.4); width:100%;}
90%   { background-color:rgba(0, 0, 0, 0); width:100%;}
100%   { background-color:rgba(0, 0, 0, 0); width:0;}
}
@-webkit-keyframes curtain_horizontal_Furl
{
0% { background-color:rgba(0, 0, 0, 0.4); width:100%;}
90%   { background-color:rgba(0, 0, 0, 0); width:100%;}
100%   { background-color:rgba(0, 0, 0, 0); width:0;}
}
@-o-keyframes curtain_horizontal_Furl
{
0% { background-color:rgba(0, 0, 0, 0.4); width:100%;}
90%   { background-color:rgba(0, 0, 0, 0); width:100%;}
100%   { background-color:rgba(0, 0, 0, 0); width:0;}
}

/*抽屉样式*/
aside .drawer { width:70vw; transition:right .3s ease, left .3s ease;}



/*伸缩式布局*/
.flex-vt,
.drawer,
.drawer .nav .team a,
header,
header h1, 
.bottom-tabbar,
.main-list li, 
.article .pic-news .news .pic_box,
.form, 
.form .input-frame label div, 
.tab-box, 
.comment .info, 
.comment .info .to-say,
.bottom-clue {
    display: -webkit-box;           
    display: -moz-box;              
    display: -ms-flexbox;           
    display: -webkit-flex;          
    display: flex;
}

.flex-vt,
.drawer {    
	-moz-box-orient:vertical;
	-webkit-box-orient:vertical; 
	box-orient:vertical;             
	flex-flow:column;
}

.flex-vt .con-box,
.drawer .nav,
.drawer .nav .team a span,
header h1, 
header h1 span, 
.bottom-tabbar a,
.main-list li .theme, 
.main-list li>div,
.article .pic-news .news .pic_box p,
.form .input-frame, 
.form .input-frame label div input, 
.form .input-frame label div textarea, 
.tab-box li,
.comment .info .to-say,
.comment .info .to-say .target,
.bottom-clue i {                    	
	-webkit-box-flex: 1;            
    -moz-box-flex: 1;               
    -webkit-flex: 1;                
    -ms-flex: 1;                    
    flex: 1;                        
}

.flex-vt { height:100%; overflow:hidden;}
.wrap { overflow:hidden; overflow-y:auto; -webkit-overflow-scrolling:touch;}
.con-box { /*height:100%;*/ overflow:hidden; overflow-y:auto; -webkit-overflow-scrolling:touch;}
/*.con-box .all, .con-box .tacher, .con-box .student, .con-box .Parent { padding:10px 0;}*/

/*表单模块*/
.form .input-frame input, .form .input-frame textarea { font-size:13px; color:#333; border:none; background-color:transparent; outline:none;}
.form .input-frame label { display:block;}
.form .action {}

/*评论表单*/
.reply-box { width:100%; padding:6px 0; border-top:1px solid #ddd; background-color:#f8f8f8; position:fixed; bottom:-45px; left:0; z-index:20; transition:bottom .3s ease;}
.reply-box.active { bottom:0;}
.reply-box .input-frame { border:1px solid #ccc; border-radius:4px; margin-left:12px; background-color:#fff;}
.reply-box .input-frame label { padding:6px 0 6px 10px; }
.reply-box .input-frame textarea { height:18px; line-height:18px; display:block; width:100%; resize:none; transition:height .3s ease;}
.reply-box .action { margin:0 12px 0 16px; width:60px;}
.reply-box .action .send { display:block; width:58px; height:30px; line-height:30px; color:#c9c9c9; background-color:#fff; border:1px solid #ccc; border-radius:4px; text-align:center; font-size:15px;}
.reply-box .action .send.enable { color:#666;}
.reply-box .action .send.enable:active { width:60px; height:32px; line-height:32px; color:#fff; background-color:#D01414; border:none;}

/*头部样式*/
header { width:100%; height:40px; background-color:rgba(255,255,255,0.90); box-shadow:0 0px 5px rgba(0, 0, 0, 0.1); overflow:hidden; position:relative; z-index:1000;}
header .headBtn { width:52px; height:40px; position:relative;}
header .headBtn i { display:block; background:rgba(0, 0, 0, 0); height:30px; width:30px; padding:0; margin:5px 8px; border-radius:100%; transition:all 0.3s ease 0s; position:absolute;}
header .headBtn i:after { display:block; content:""; background:url("/bbxjywmhbhedunet/res/images/icons_2.png") no-repeat; height:30px; width:30px; line-height:30px; border-radius:100%; left:auto;}
header .headBtn i:hover { background:rgba(0, 0, 0, 0);}
header .headBtn i:active  { background:rgba(0, 0, 0, 0.2); padding:33px; /*margin:-20px 0 0 -20px;*/ margin:-28px 0 0 -25px;}

header .headBtn span { display:block; width:40px; height:20px; line-height:normal; position:absolute; top:0; left:70%; color:#666; font-size:16px; text-align:left; padding:9px 0;}

header h1 { display:block; padding:0; margin:0; height:40px; color:#484848; font-weight:400; line-height:0; vertical-align:middle;}
header h1 b { display:inline-block; height:40px; width:0; vertical-align:middle; line-height:normal;}
header h1 span { overflow:hidden; display:inline-block; width:100%; height:25px; padding-bottom:3px; font-size:18px; line-height:normal; vertical-align:middle; text-align:center; text-overflow:ellipsis; word-wrap:normal; word-break:break-all;}
header h1 a { color:#fff; text-decoration:none;}

header #menuBtn i:after { background-position:-5px -85px;}
header #userBtn i:after { background-position:-127px -45px; background-color:#f2f2f2; width:26px; height:26px; margin:2px;}
header #shareBtn i:after { background-position:-85px -85px;}
header #topcBtn i:after { background-position:-125px -5px; border-radius:0;}
header #fullscreenBtn i:after { background-position:-5px -125px;}
header #backBtn_article i:after,
header #backBtn i:after { background-position:-85px -125px;}


aside header #backBtn i:after { background-position:-85px -125px;}

/*header.mainHead { background-color:#1089c8; background-color:#df3031;}
header.mainHead h1 { color:#fff;}
header.mainHead #backBtn i:after { background-position:-85px -125px;}*/

header.sublist-head { box-shadow:none;} 
/*header.sublist-head .headBtn  { width:41px;}*/
/*header.sublist-head .headBtn i { margin-right:3px;}*/
/*header.sublist-head h1 span { text-align:left;}*/

/*底部导航样式*/
.bottom-tabbar { height:49px; border-top:1px solid rgba(160, 160, 160, 0.3); background-color:#fff; box-shadow:0 0 5px rgba(224, 224, 224, 0.2);}
.bottom-tabbar a { color:#929292; display:block; padding-top:31px; height:18px; text-align:center; position:relative; line-height:14px;}
.bottom-tabbar a span { font-size:10px; line-height:14px;}
.bottom-tabbar a i { display:block; width:30px; height:25px; position:absolute; top:6px; left:50%; margin-left:-15px;}
.bottom-tabbar a i img { width:100%;}
.bottom-tabbar a.on { color:#0ab68f;}

/*侧边栏*/
aside#aside-nav.right { height:100vh; overflow:hidden; top:0; right:0;}
aside.right .drawer { right:-70vw;}
aside.right.active .drawer { right:0;}

aside#aside-nav.left { height:100vh; overflow:hidden; top:0; left:0;}
aside.left .drawer { left:-70vw;}
aside.left.active .drawer { left:0;}

.drawer { overflow:hidden; height:100vh; background-color:#eee; position:absolute; transition:left .5s ease;}
.drawer .nav { overflow:auto;}
.drawer .nav .team { margin-bottom:2vw; background-color:#fff; padding:0 0 2vw;}
.drawer .nav .team:last-child { margin-bottom:0;}
.drawer .nav .team p { width:100%; padding-top:2vw; margin-bottom:2vw; transition:background-color .5s ease;}
.drawer .nav .team p:active { background-color:#eee;}
.drawer .nav .team p a:active { background-color:transparent;}
/*.drawer .nav .team p a:active { background-color:#f4f4f4;}*/
.drawer .nav .team p a { width:64vw; margin:0 3vw; border-bottom:1px solid #f0f0f0; position:relative; }
.drawer .nav .team p a:after { content:"全部"; font-size:3.5vw; height:3.5vw; line-height: normal; margin:3vw 2.5vw 0 0; color:#aaa;}
.drawer .nav .team p a:before { content:""; width:1.8vw; height:2.8vw; background:url("/bbxjywmhbhedunet/res/images/icon_arrow_right.png") no-repeat; background-size:1.8vw 2.8vw; position:absolute; right:0; top:4.3vw; opacity:0.5;}
/*.drawer .nav .team p a i { margin-left:0; width:6.5vw; height:0; border-bottom:2px solid #1cc187; position:absolute; bottom:-1px; left:0;}*/
.drawer .nav .team p a i { margin:3.2vw 2vw 0 0; width:2px; height:3.4vw;}
.drawer .nav .team p a i img { display:none;}
.drawer .nav .team p a span { font-size:4.5vw;}
.drawer .nav .team a { transition:background-color .5s ease;}
.drawer .nav .team a:active { background-color:#eee;}
.drawer .nav .team a i { width:10vw; height:10vw; margin-left:1vw;}
.drawer .nav .team a i img { width:100%; height:100%;}
.drawer .nav .team a span { line-height:10vw; font-size:4.2vw; color:#333;}
.drawer .nav .team li { width:100%; height:10vw;}

.drawer .nav .single { margin-bottom:0; border-bottom:1px solid #f4f4f4; transition:background-color .5s ease;}
.drawer .nav .single p { margin-bottom:0;}
.drawer .nav .single p a { border-bottom:none;}
.drawer .nav .single p a:after,
.drawer .nav .single p a:before { display:none;}

.drawer .nav .single:active { background-color:#eee;}
.drawer .nav .single p:active { background-color:transparent;}

.drawer .nav .single + .team { margin-top:2vw;}
.drawer .nav .single + .single { margin-top:0;}


/*列表*/
.main-list { background-color:#fff; /*border-bottom:1px solid #c8c8c8;*/}
.main-list li { border-bottom:0.5px solid #f1f2f4; margin-left:10px; }
.main-list li:hover { background-color:#f7f7f7;}
.main-list li:last-child { border-bottom:none;}
.main-list .theme .title { width:100%; overflow:hidden; font-size:15px;}
.main-list .photo { width:40px; height:40px; margin-right:10px; background:url("/bbxjywmhbhedunet/res/images/list_head_head120_default@2x.png") no-repeat; background-size:cover; border-radius:4px; overflow:hidden;}
.main-list .photo:active { background-image:url("/bbxjywmhbhedunet/res/images/list_head_head120_pressed@2x.png");}
.main-list .photo img { width:40px; height:40px;}
.main-list .right-box { position:relative;}
.main-list .ico-arrow-right { display:block; position:absolute; background-position:-50px -45px;}

/*大图幻灯样式调整*/
.news-big-pic { width:100%; background-color:#666;}
.news-big-pic .swiper-slide img { display:block; width:100%; height:auto; position:absolute; top:0; left:0;}
.news-big-pic .big-pic-title { height:30px; line-height:30px; color:#fff; bottom:0; background:rgba(0, 0, 0, 0.3);  position:absolute; width:100%; z-index:2; overflow:hidden;}
.news-big-pic .big-pic-title li { padding-left:15px; font-size:107%; width:60%; white-space:nowrap;  text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; word-wrap:normal; position:absolute; transition:all 0.6s ease 0s; opacity:0;}
.news-big-pic .big-pic-title li.on { opacity:1;}
/*.news-big-pic > .swiper-wrapper { height:auto;}*/
.news-big-pic > .swiper-wrapper, .news-big-pic > .swiper-wrapper > .swiper-slide { height:0; padding-bottom:40%; position:relative;}
/*.news-big-pic > .swiper-wrapper > .swiper-slide { position:absolute; top:0; left:0; width:100%; height:100%;}*/
.news-big-pic > .swiper-wrapper > .swiper-slide a { display:block; width:100%; height:100%; position:absolute; top:0; left:0; overflow:hidden;}
.news-big-pic > .swiper-wrapper > .swiper-slide a img { top:50%; margin-top:-25%;}

.news-big-pic { height:auto;}
.news-big-pic .swiper-pagination { bottom:5px; text-align:right; width:99%; padding-right:1%; vertical-align:middle;}
.news-big-pic .swiper-pagination .swiper-pagination-bullet { background-color:#fff; margin:0 3px; height:3px; width:3px; vertical-align:middle; transition:all 0.3s ease 0s; opacity:0.8;}
.news-big-pic .swiper-pagination .swiper-pagination-bullet-active { height:7px; width:7px; opacity:1;}

/*学校logo*/
.school-plate { width:100%; padding-top:40%; position:relative;}
.school-plate>img { position:absolute; bottom:0; left:0; width:100%;}
.school-plate .brand { position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.05); font-size:0; line-height:0;}
.school-plate .brand b { display:inline-block; width:0; height:100%; vertical-align:middle;}
.school-plate .brand .topic { 
    display:inline-block;
	width:100%;
	color:#fff;
	vertical-align:middle;
	text-align:center;
	padding:8px 0;
	background:-moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 1) 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(50%,rgba(0, 0, 0, 0.3)), color-stop(100%,rgba(0, 0, 0, 0))); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0) 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0) 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0) 100%); /* IE10+ */
	background:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0) 100%); /* W3C */
}
.school-plate .brand .topic p { line-height:30px; margin:0 auto; width:80%; font-size:24px; padding:16px 0; text-shadow:0 0 8px rgba(0,0,0,1);}
.school-plate .brand .topic span { font-size:14px; position:relative; bottom:0; text-shadow:0 0 5px rgba(0,0,0,0.8);}


/*栏目头图*/
.column_head { position:relative; width:100%; height:0; padding-bottom:40%; overflow:hidden;}
.column_head img { display:block; width:100%; height:auto; position:absolute; top:-15%; left:0; z-index:1;}
.column_head .column_title { font-size:24px; line-height:32px; height:32px; max-width:80%; color:#fff; text-shadow:0 3px 5px rgba(0,0,0,0.3); letter-spacing:1px; position:absolute; left:10%; top:50%; margin-top:-16px; z-index:2;}


/*主题列表*/
.theme-list { padding:0 0 5px;}
.theme-list li { padding:5px 0 ;}
.theme-list li .theme { /*border-bottom:1px solid #ddd; border-top:1px solid #ddd;*/ background-color:#fdfdfd; padding:15px 12px;}
.theme-list li .theme:active { background-color:#f7f7f7;}
.theme-list li .theme .title { margin-bottom:8px; font-size:17px; line-height:25px; max-height:50px; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space: pre-wrap;}
.theme-list li .theme .title span { color:#808080; text-indent:-10px; display:inline-block; margin-right:-7px;}
.theme-list li .theme .summary { margin-bottom:6px; font-size:14px; line-height:19px; color:#999; max-height:38px; overflow:hidden;}
.theme-list li .theme .info { height:20px; color:#999;}
.theme-list li .theme .info span { font-size:12px; line-height:20px;}
.theme-list li .theme .info .record { float:right;}
.theme-list li .theme .info .record>div { float:left; font-size:12px; position:relative; padding-left:22px; margin-right:12px;}
.theme-list li .theme .info .record>div i { position:absolute; width:20px; height:20px; top:0; left:0;}
.theme-list li .theme .info .record>div span { padding:2px;}
.theme-list li .theme .info .record .have-see { color:#1D6EB3;}
.theme-list li .theme .info .record .have-see i { background-position:0 -45px;}
.theme-list li .theme .info .record .have-see:active { color:#95B6DF;}
/*.theme-list li .theme .info .record .have-see:active i { background-position:0 -65px;}*/
.theme-list li .theme .info .record .not-see { color:#D01414;}
.theme-list li .theme .info .record .not-see i { background-position:-20px -45px;}
.theme-list li .theme .info .record .not-see:active { color:#E87474;}
/*.theme-list li .theme .info .record .not-see:active i { background-position:-20px -65px;}*/

/*.con-box { padding-top:5px;}*/
.con-box .pullDown div { top:3px;}
.con-box .pullUp div { top:-5px;} 

/*统计报表*/
.report li .theme { height:44px; line-height:44px;}
.report .theme .title { height:44px; display:block;}
.report .right-box { width:27px;}
.report .ico-arrow-right { height:20px; width:10px; right:10px; top:50%; margin-top:-10px;}

/*搜索模块*/
.search-box { height:28px; padding:6px 8px; background:rgba(201,201,206,0.97); filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#F7C9C9CE',endColorstr='#F7C9C9CE');}
.search-box .input-frame { height:28px; background-color:#fff; border-radius:4px; position:relative;}
.search-box .input-frame label { height:28px; width:100%; display:block;}
.search-box .input-frame label div { width:100px; position:relative; left:50%; margin-left:-50px; transition:all 0.3s ease 0s;}
.search-box .input-frame label div i { width:15px; height:15px; top:7px; left:0; position:relative; margin:0 6px 0 10px; display:block;}
.search-box .input-frame input { height:20px; line-height:12px; top:4px; white-space:nowrap; overflow:hidden; position:relative; display:block;}
.search-box .cancel { width:0; height:28px; line-height:28px; font-size:15px; color:#D01414; text-align:center; overflow:hidden; opacity:0; transition:all 0.3s ease 0s;}

.search-focus .input-frame label div { width:auto; left:0; margin-left:0;}
.search-focus .input-frame label div i { background-position:0 -15px;}
.search-focus .cancel { width:49px; margin-left:8px; opacity:1;}
.search-focus .cancel:active { color:#E87474;}
.search-focus .input-content-clear { position:absolute; top:0; right:0; height:28px; width:28px; border-radius:4px; background-color:#fff; display:none;}
.search-focus .input-content-clear i { position:absolute; top:50%; left:50%; margin-left:-7px; margin-top:-7px; background-position:-15px 0; width:15px; height:15px;}

/*文章列表*/
.article { margin-bottom:20px;}
.article li { position:relative; /*margin-top:-1px;*/ margin-left:0;}
.article li:active { background: #eaeaea;}
.article .item-news { /*border-bottom:1px solid #e5e7eb;*/ padding:10px 0 10px; margin:0 10px; height:72px;}
.article .item-news .pic { height:72px; width:107px; margin-right:10px; float:left; overflow:hidden; background:url("/bbxjywmhbhedunet/res/images/pic_bg.png") no-repeat center center; background-size:cover; position:relative;}
.article .item-news .pic img { height:100%; min-width:100%;}
.article .item-news .news { height:56px; overflow:hidden; font-weight:normal; text-align:justify;}
.article .item-news .news .title { line-height:24px; font-size:128%; padding:0; color:#333; display:block; max-height:48px; overflow:hidden; word-break:break-all;}
.article .item-news .news .title span { padding-right:2px; font-size:90%; position:relative; top:-2px; color:#f30;}
.article .item-news .news .txt { line-height:16px; font-size:13px; color:#999; height:32px; padding:5px 0 0; overflow:hidden; background:none; display:none;}
.article .item-news .news.tabloid .title { max-height:20px;line-height:22px;}
.article .item-news .news.tabloid .txt { display:block;}
.article .item-news .info { color:#666; padding-top:4px; height:14px;}
.article .item-news .info div { float:right; line-height:12px; color:#aaa; font-weight:normal; font-size:12px; margin-top:1px;}
.article .item-news .info div.time { float:left;}
.article .item-news .info div.origin { float:left;}
.article .item-news .info div.lable { width:24px; height:12px; margin-left:5px; margin-top:0; text-shadow:none; color:#fff; padding:1px 2px; text-align:center; border-radius:2px;}
.article .item-news .info div.commend { background-color:#1089c8; font-size:12px;}
.article .item-news .info div.new { background-color:#f30;}
.article .item-news .info div.view span { padding:0 1px;}

.article .pic-news { height:auto;}
.article .pic-news .news { height:auto;}
.article .pic-news .news .title { margin-bottom:5px;}
.article .pic-news .news .pic_box { width:100%;}
.article .pic-news .news .pic_box p { overflow:hidden; margin:0 5px 0 0;}
.article .pic-news .news .pic_box p:last-child { margin:0;}
.article .pic-news .news .pic_box p img { width:100%;}
.article .pic-news .news .pic_box p span { position:relative; display:block; width:100%; padding-top:60%; overflow:hidden;}
.article .pic-news .news .pic_box p span img { position:absolute; top:0; left:0; width:auto; height:100%; min-width:100%;}


/*文章内容*/
aside#article { height:100%; width:100%; display:flex; flex-flow:column; overflow:hidden; background-color:#fff; top:0; right:-100%; transition:right .5s ease;}
aside#article header { background-color:#fff; box-shadow:0 0 5px rgba(0, 0, 0, 0.1);}
aside#article header h1 { color:#333;}
aside#article section { flex:1; overflow:auto;}

aside#article.active { right:0; box-shadow:-1px 0 3px rgba(0, 0, 0, 0.3);}

aside#article .content-box { box-shadow:none; margin-bottom:0;}


/*文章审核列表*/
.article-review li .theme { padding:10px 0 7px;}
.article-review li .theme .title { line-height:20px; max-height:40px;}
.article-review li .theme .title span { color:#999; text-indent:-8px; display:inline-block; width:48px; white-space:nowrap;}
.article-review li .theme .info { font-size:12px; line-height:20px; padding-top:2px; color:#999; vertical-align:middle;}
.article-review li .theme .info em { font-size:12px; font-style:normal; padding:0 4px; display:inline-block; height:14px; overflow:hidden; vertical-align:text-top;}
.article-review li .theme .info span { white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; max-width:48px; display:inline-block; word-wrap:normal; vertical-align:middle; margin-right:4px;}
.article-review .right-box { width:64px;}
.article-review .ico-arrow-right { height:20px; width:10px; right:10px; top:50%; margin-top:-10px;}
.article-review .pending { display:block; height:18px; width:44px; background-color:#d01414; border-radius:4px; font-size:11px; color:#fff; line-height:18px; text-align:center; position:absolute; top:11px; right:10px;}

/*文章内容*/
.content-box { background-color:#fff; box-shadow:0 0 1px rgba(0, 0, 0, 0.2); padding-bottom:5px; margin-bottom:10px;}
.content-box .content-header { margin-left:15px; border-bottom:1px solid #ddd; padding:18px 15px 9px 0;}
.content-box .content-header h1 { font-size:22px; color:#333; line-height:30px; font-weight:normal; margin-bottom:8px; max-height:60px; overflow:hidden;}
.content-box .content-header .info { line-height:16px;}
.content-box .content-header .info span { font-size:14px; color:#999; margin-right:25px;}
.content-box .content-header .info a { font-size:15px; color:#5482AB; text-decoration:none;}
.content-box .content-main { margin-left:15px; padding:7px 15px 9px 0;}
.content-box .content-main>p,
.content-box .content-main>div { *zoom:1; word-wrap:normal; word-break:normal; white-space:pre-wrap; font-size:15px; color:#666; padding:5px 0; line-height:25px;}
.content-box .content-main h2 { font-size:15px; color:#333; line-height:25px; padding:5px 0;}
.content-box .content-main img { max-width:100% !important; display:block; padding:5px 0;}
.content-box .content-bot { padding:5px 15px;}
.content-box .content-bot a { font-size:15px; color:#5482AB; text-decoration:none;}
.content-box .content-bot a:last-child { float:right;}

/*通知公告列表*/
.notice-list { padding:0 0 5px;}
.notice-list li { padding:5px 0 ;}
.notice-list li .theme { border-bottom:1px solid #ddd; border-top:1px solid #ddd; background-color:#fdfdfd; padding:11px 10px;}
.notice-list li .theme:active { background-color:#f7f7f7;}
.notice-list li .theme .title { margin-bottom:4px; font-size:17px; line-height:25px; max-height:50px; overflow:hidden;}
.notice-list li .theme .summary { margin-bottom:6px; font-size:14px; line-height:19px; color:#999; max-height:38px; overflow:hidden;}
.notice-list li .theme .info { height:20px; color:#999;}
.notice-list li .theme .info span { font-size:12px; line-height:20px;}
.notice-list li .theme .info .record { float:right;}
.notice-list li .theme .info .record>div { float:left; font-size:12px; position:relative; padding-left:22px; margin-right:12px;}
.notice-list li .theme .info .record>div i { position:absolute; width:20px; height:20px; top:0; left:0;}
.notice-list li .theme .info .record>div span { padding:2px;}
.notice-list li .theme .info .record .have-see { color:#1D6EB3;}
.notice-list li .theme .info .record .have-see i { background-position:0 -45px;}
.notice-list li .theme .info .record .have-see:active { color:#95B6DF;}
/*.notice-list li .theme .info .record .have-see:active i { background-position:0 -65px;}*/
.notice-list li .theme .info .record .not-see { color:#D01414;}
.notice-list li .theme .info .record .not-see i { background-position:-20px -45px;}
.notice-list li .theme .info .record .not-see:active { color:#E87474;}
/*.notice-list li .theme .info .record .not-see:active i { background-position:-20px -65px;}*/

.notice { padding-top:5px;}
.notice .pullDown div { top:3px;}
.notice .pullUp div { top:-5px;} 

/*分类标签*/
.tab-box { background:rgba(248,248,248,0.97); filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#F7F8F8F8',endColorstr='#F7F8F8F8'); height:38px;}
.tab-box li { height:26px; padding-top:11px; border-bottom:1px solid #ddd;}
/*.tab-box li:active { background-color:#fff;}*/
.tab-box li span { display:block; height:16px; line-height:16px; text-align:center; font-size:15px; border-right:1px solid #ddd;}
.tab-box li span em { padding-left:5px; font-style:normal; font-size:13px;}
.tab-box li:last-child span { border-right:none;}
.tab-box li.on { height:25px; border-bottom:2px solid #d01414;}
.tab-box li.on span { color:#d01414;}

/*相册列表样式*/
.album-box { display:block; margin:10px 10px 0; padding:2% 2%; border:1px solid #eaeaea; box-shadow:0 1px 3px #eee; border-radius:4px; background-color:#fff;}
.album-box:after, .album-box ul:after { content:""; display:block; height:0; clear:both; visibility:hidden; }
.album-box:last-child { margin-bottom:10px;}
.album-box ul { margin:0; position:relative;}
.album-box li { overflow:hidden; position:relative; margin:0 1% 1% 0; float:left; background:url("/bbxjywmhbhedunet/res/images/pic_bg.png") no-repeat center center; background-size:cover; width:calc(98%/3); padding-bottom:calc(98%/3);}
.album-box li:nth-child(3n+3) { margin-right:0;}

/*.pic-box li:nth-child(-n+3) { margin-top:1%;}*/
.album-box li img { font-size:0; position:absolute; top:50%; left:50%; margin:-50% 0 0 -50%;}
.album-box li.vertical img { width:100%; height:auto; font-size:0; position:absolute; top:0; left:0; /*bottom:0; right:0;*/}

.album-box .type_1 li { width:100%; padding-bottom:60%;}
/*.pic-box .type_1 p { position:absolute; left:0; top:0; right:0; bottom:0; overflow:hidden;}*/

.album-box .type_2 li { width:49.5%; padding-bottom:49.5%; margin:0 1% 1% 0;}
.album-box .type_2 li:nth-child(2n+2) { margin-right:0;}

.album-box .type_3 li { width:32.5%; padding-bottom:32.5%; margin:0 1% 1% 0;}
.album-box .type_3 li:first-child { width:66%; padding-bottom:66%;}
.album-box .type_3 li:nth-child(2), .album-box .type_3 li:nth-child(3) { margin-right:0;}

/*.album-box .type_4 li { width:22.5%; padding-bottom:22.5%; margin:0 1% 1% 0;}
.album-box .type_4 li:first-child { width:53%; padding-bottom:53%;}
.album-box .type_4 li:nth-child(4) { width:46%; padding-bottom:29.5%;}
.album-box .type_4 li:nth-child(3), .album-box .type_4 li:nth-child(4) { margin-right:0;}*/

.album-box .type_4 li { width:22.5%; padding-bottom:22.5%; margin:0 1% 1% 0;}
.album-box .type_4 li:nth-child(3) { width:53%; padding-bottom:53%;}
.album-box .type_4 li:nth-child(4) { width:46%; padding-bottom:29.5%; position:absolute; top:43.5%;}
.album-box .type_4 li:nth-child(3) { margin-right:0;}

.album-box .type_5 li { width:24.25%; padding-bottom:24.25%; margin:0 1% 1% 0;}
.album-box .type_5 li:first-child { width:49.5%; padding-bottom:49.5%;}
.album-box .type_5 li:nth-child(3), .album-box .type_5 li:nth-child(5) { margin-right:0;}

/*.album-box .type_6 li { width:calc(98%/3); padding-bottom:calc(98%/3);}
.album-box .type_6 li:nth-child(3n+3) { margin-right:0;}*/

.album-box .bot-info { width:100%; height:30px; clear:both; position:relative;}
.album-box .bot-info p { width:100%; white-space:nowrap;  text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; word-wrap:normal; text-shadow:none; float:left; font-size:110%; color:#666; padding-top:6px; height:24px; line-height:24px; text-indent:2px;}
.album-box .bot-info { float:right;}
.album-box .bot-info span { padding-right:20px; position:absolute; left:10px; top:-100%; text-shadow:none; color:#fff; font-size:11px;  background:rgba(0, 0, 0, 0.3); border-radius:3px; height:18px; line-height:18px; padding-left:4px;}
.album-box .bot-info span i.icons { background-position:0px -41px; position:absolute; top:0; right:2px;}
.album-box .bot-info a { float:right; color:#666; font-weight:normal; height:30px; line-height:30px;}
.album-box .bot-info a:hover { /*background:#fff;*/}

/*相册内图片列表样式*/
.album-pic-list { margin:0 7px; padding:7px 0;}
.album-pic-list:after { content:""; display:block; height:0; clear:both; visibility:hidden; }
.album-pic-list>* { width:25%; overflow:hidden; padding:3px; margin:0; float:left; box-sizing:border-box;}
.album-pic-list>* a { display:block; box-sizing:border-box; width:100%; padding-top:100%; position:relative; overflow:hidden;}
.album-pic-list>* img { position:absolute; top:50%; left:50%; margin:-50% 0 0 -50%;}
.album-pic-list figcaption { display:none;}

.pswp__caption__center { color:#fafafa;}
.pswp__caption__center h3 { font-size:15px; padding-bottom:4px;}

/*发送名单*/
.name-list { background-color:#fdfdfd; border-bottom:1px solid #ddd;}
.name-list:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
.name-list dt { width:100%; height:34px; clear:both; background-color:#efeff0; border-bottom:1px solid #ddd; line-height:34px; text-indent:10px; font-size:13px; color:#666; overflow:hidden;}
.name-list dd { width:25%; float:left; border-bottom:1px solid #ddd;}
.name-list dd span { height:40px; line-height:40px; padding:0 10px; display:block; overflow:hidden;}

/*会员列表*/
.member { padding-top:5px;}
.member .main-list { border-top:1px solid #ddd; margin:5px 0 10px;}
.member li { padding:10px 0 8px;}
.member .info-main { height:20px; margin-bottom:2px; font-size:0;}
.member .info-main .name { float:left; font-size:16px; line-height:20px; margin-right:2px;}
.member .info-main .post { float:left; font-size:12px; color:#999; line-height:18px; height:18px; margin-top:2px;}
.member .info-main .man, .member .info-main .women { float:left; display:inline-block; position:relative; width:20px; height:20px;}
.member .info-main .man i, .member .info-main .women i { position:absolute; width:15px; height:15px; top:3px; left:0;}
.member .info-main .man i { background-position:-30px 0;}
.member .info-main .women i { background-position:-45px 0;}
.member .info-sub .phone { font-size:13px; color:#999; line-height:18px;}
.member .right-box { width:128px;}
.member .right-box span { float:left; display:block; width:49px; height:30px; margin:4px 15px 0 0; text-align:center; line-height:30px; color:#fff; border-radius:4px;}
.member .right-box span.agree { background-color:#13bfa9;}
.member .right-box span.refuse { background-color:#d01414;}

.member .pullDown div { top:3px;}
.member .pullUp div { top:-5px;} 

/*评论列表*/
.comment { border-top:1px solid #ddd;}
.comment li { padding:14px 10px 0 0;}
.comment li:hover { background-color:transparent;}
.comment .info { height:21px; line-height:21px; margin-bottom:4px;}
.comment .info .name { display:inline-block; max-width:60px; margin-right:4px; color:#3d72b4;}
.comment .info .to-say { font-size:0; color:#666;}
.comment .info .to-say span { font-size:14px;}
.comment .info .to-say .target span { white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; max-width:100%; display:inline-block; word-wrap:normal;}
.comment .talk { font-size:15px; line-height:18px;}
.comment .action { line-height:35px; height:35px;}
.comment .action span { float:left; color:#acabab; font-size:13px; width:70px; padding-left:20px; position:relative;}
.comment .action span:active { color:#999;}
.comment .action span i { width:15px; height:15px; position:absolute; left:0; top:10px;}
.comment .action span.reply i { background-position:-30px -15px;}
.comment .action span.delete i { background-position:-15px -15px;}
.comment .action span.reply:active i { background-position:-30px -30px;}
.comment .action span.delete:active i { background-position:-15px -30px;}
.comment .action em { font-style:normal; color:#acabab; font-size:12px; float:right;}

.comment .reply-list { background-color:#f2f2f2; margin:5px 0 8px; padding:4px 10px; position:relative;}
.comment .reply-list dt i { position:absolute; top:-5px; left:9px; width:15px; height:5px; background-position:-45px -15px;}
.comment .reply-list dd { font-size:13px; line-height:18px; padding:1px 0;}
.comment .reply-list span { color:#3d72b4;}

body .flex-vt .mescroll { margin-top:0;}

/*底部提示*/
.bottom-clue { text-align:center; color:#666; margin:0 auto 3%; width:160px;}
.bottom-clue i { height:10px; border-bottom:1px solid #e2e2e2;}
.bottom-clue span { width:auto; height:20px; line-height: normal; font-size:14px; color:#bbb; padding:0 8px;}

/*滚动刷新和显示更多*/
.pullDown.transition { transition:all .3s ease;}
.pullDown { color:#666; width:100%; height:0px; text-align:center; overflow:hidden;}
.pullDown div, .pullUp div { display:inline-block; opacity:0; transition:opacity .2s ease; position:relative;}
.pullDown div i, .pullUp div i { width:20px; height:20px; margin-top:8px; background:url("/bbxjywmhbhedunet/res/images/icons_2.png") no-repeat 20px 20px; transition:transform .4s ease; position:absolute; top:0; left:0;}
.pullDown div p, .pullUp div p { display:inline-block; margin-top:6px; line-height:24px; height:24px; text-align:left; padding:0 20px; text-align:center;}
.pullDown span { clear:both; display:block; color:#999; font-size:85.7%;}
.pullDown.ready div, .pullDown.release div, .pullDown.loading div, .pullDown.loaded div, .pullUp.loading div, .pullUp.loaded div { opacity:1;}
.pullDown.ready div i, .pullDown.release div i  { background-position:0 -60px;}
.pullDown.loading { height:60px;}
.pullDown.loading div i { background-position:-20px -60px;}
.pullDown.loaded { height:60px;}
.pullDown.loaded div i { background-position:-40px -60px;}

.pullUp { color:#666; width:100%; height:60px; text-align:center; overflow:hidden;}
.pullUp div { padding-top:0px;}
.pullUp div i { margin-top:6px;}
.pullUp div p { margin-top:3px;}
.pullUp.loading { height:30px;}
.pullUp.loading div i { background-position:-20px -60px;}
.pullUp.loaded { height:30px;}
.pullUp.loaded div i { background-position:-40px -60px;}

/*刷新动画部分*/
.pullDown div i {
	transform: rotate(0deg) translateZ(0);
	-webkit-transform: rotate(0deg) translateZ(0);
	-ms-transform: rotate(0deg) translateZ(0);
	-o-transform: rotate(0deg) translateZ(0);
	-moz-transform: rotate(0deg) translateZ(0);
}
.pullUp.ready div i, .pullDown.release div i {
	transform: rotate(180deg) translateZ(0);
	-webkit-transform: rotate(180deg) translateZ(0);
	-ms-transform: rotate(180deg) translateZ(0);
	-o-transform: rotate(180deg) translateZ(0);
	-moz-transform: rotate(180deg) translateZ(0);
}

.pullDown.loading div i, .pullUp.loading div i {
	transform: rotate(0deg) translateZ(0);
	animation: loading 1s linear infinite;
	-webkit-animation: loading 1s linear infinite;
	-ms-animation: loading 1s linear infinite;
	-o-animation: loading 1s linear infinite;
	-moz-animation: loading 1s linear infinite;
}

@-webkit-keyframes loading {
    from {
        transform: rotate(0deg) translateZ(0);
        -webkit-transform: rotate(0deg) translateZ(0);
        -ms-transform: rotate(0deg) translateZ(0);
        -o-transform: rotate(0deg) translateZ(0);
        -moz-transform: rotate(0deg) translateZ(0);
    }

    to {
        transform: rotate(360deg) translateZ(0);
        -webkit-transform: rotate(360deg) translateZ(0);
        -ms-transform: rotate(360deg) translateZ(0);
        -o-transform: rotate(360deg) translateZ(0);
        -moz-transform: rotate(360deg) translateZ(0);
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx)  {
	.main-list i, .notice-list i, .search-box i {
        background-image: url("/bbxjywmhbhedunet/res/images/icons@4x.png") !important;
        background-repeat: no-repeat !important;
        background-size: 60px 85px !important;
    }
	
	.pullDown div i,
	.pullUp div i,
	.loading .logo i,
	.icons, header .headBtn i:after,
	.album-box .bot-info span i.icons  {
	  background-image: url("/bbxjywmhbhedunet/res/images/icons_2@4x.png") !important;
	  background-repeat: no-repeat !important;
	  background-size: 160px 160px !important;
    }
	/*header h1 { line-height:44px;}*/
	.article .item-news .news .title span { top:-1px;}
}

/* Webkit内核兼容CSS */
@media screen and (-webkit-min-device-pixel-ratio:0) {  
	.report .theme .title { white-space:nowrap;  text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; max-width:100%; display:block; word-wrap:normal;}
	.article li .theme .info em { vertical-align:top;}
    .article li .theme .info span { white-space:nowrap;  text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; max-width:48px; display:inline-block; word-wrap:normal; vertical-align:top;}
    .search-box .input-frame input { height:20px; line-height:22px; top:6px; }
	.name-list dt { line-height:30px; height:30px; padding-top:4px;}
	.member .right-box span { line-height:32px;}
	.comment .action { line-height:40px; overflow:hidden;}
	.comment .reply-list { padding:6px 10px 2px;}
	.reply-box .action .send { line-height:32px;}
	.reply-box .action .send：active { line-height:34px;} 
	.reply-box .input-frame label { padding:8px 0 4px 10px;}
	.pullDown div p { margin-top:8px;}
	.pullUp div p { margin-top:5px;}
}