@charset "utf-8";

body { background-color:#f6f6f6;}

/*伸缩式布局*/
.nav-box ul li p,
.bottom-tabbar.hometab div {
    display: -webkit-box;           
    display: -moz-box;              
    display: -ms-flexbox;           
    display: -webkit-flex;          
    display: flex;
}

.nav-box ul li p {    
	-moz-box-orient:vertical;
	-webkit-box-orient:vertical; 
	box-orient:vertical;             
	flex-flow:column;
}

.nav-box ul li p>span,
.bottom-tabbar.hometab div a {                    	
	-webkit-box-flex: 1;            
    -moz-box-flex: 1;               
    -webkit-flex: 1;                
    -ms-flex: 1;                    
    flex: 1;                        
}

/*头部样式*/
/*header.sublist-head { background-color:#e44445;}
header.sublist-head h1 span { color:#fff;}
header.sublist-head #backBtn i:after { background-position:-125px -125px;}*/

/*侧边栏菜单*/
.drawer .nav .team p a i { background-color:#3eb9fd;}
/*.drawer .nav .single p a i { background-color:transparent;}*/

.school-plate { position:absolute; z-index:100;}
.school-plate>img { display:none;}
.school-plate .brand,
.school-plate .brand .topic { background:transparent;}

/*主导航样式*/
.nav-box { padding:0; height:100%; background-color:transparent; position:relative;}
.nav-box .swiper-slide { overflow:hidden;}
.nav-box ul { margin:48% 6% 0; width:88%; height:52%; overflow:hidden;}
.nav-box ul li { width:25%; position:relative; float:left; margin-bottom:20px; overflow:visible;}
.nav-box ul:after { content:""; display:block; height:0; clear:both; visibility:hidden;}

.nav-box ul li a { display:block; width:100%; height:0; padding-top:100%; color:#fff; text-decoration:none;}
.nav-box ul li p { width:100%; height:100%; position:absolute; top:0; left:0; overflow:visible;}
.nav-box ul li p>span { display:block; margin:0; overflow:hidden; height:20px; line-height:20px; text-align:center; position:absolute; left:10%; bottom:-3px; width:80%; font-size:13px; text-shadow:0 0 5px rgba(0,0,0,0.8);}
.nav-box ul li p i { display:block; width:72%; height:72%; margin:0 auto; border-radius:44%; position:relative; overflow:hidden; background-color:rgba(0,0,0,0.5);}
.nav-box ul li p i img { width:100%; height:100%;}

.nav-box .swiper-pagination { bottom:16%;}
.nav-box .swiper-pagination .swiper-pagination-bullet { width:4px; height:4px; border-radius:4px; /*transition:width .4s ease;*/ background-color:#fff; opacity:.5;}
.nav-box .swiper-pagination .swiper-pagination-bullet-active { width:6px; height:6px; background-color:#fff; opacity:1;}
.nav-box.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin:0 3px 1px;}
.nav-box.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active { margin:0 3px;}

.pagination-hide { padding:5px 0;}
.pagination-hide .swiper-pagination { display:none;}

.slide-over .swiper-wrapper { display:block;}
.slide-over ul li { float:left;}
.slide-over ul li:nth-child(ood) p { border-right:none;}

.parallax-bg { position: absolute; left:-10%; top: 0; width: 200%; height: 100%; -webkit-background-size: cover; background-size: cover; background-position: center;}
.parallax-bg p { width:100%; height:100%; background-color:rgba(0,0,0,0.05);}

/*列表页导航*/
.list-top-nav { margin:0 10px 10px; height:auto; padding:4% 0 2%; background-color:rgba(255,255,255,0.8); box-shadow:0 0 1px rgba(0,0,0,0.1); border-radius:6px; position:relative; z-index:200; overflow:hidden;}
.list-top-nav {}
.list-top-nav .swiper-slide ul { width:100%;}
.list-top-nav .swiper-slide ul li { width:25%; position:relative; border-bottom:none; float:left;}
.list-top-nav .swiper-slide ul li a { display:block; width:100%; padding-top:90%; text-decoration:none; position:relative;}
.list-top-nav .swiper-slide ul li p { position:absolute; width:100%; height:100%; top:0; margin:0; padding:0;}
.list-top-nav .swiper-slide ul li a p>span { display:block; line-height:normal; font-size:12px; height:18px; color:#666; width:80%; margin:0 auto; text-align:center; overflow:hidden;}
.list-top-nav .swiper-slide ul li a i { width:56%; padding-top:56%; height:0; margin:0 auto 2px; display:block; position:relative; border-radius:50%; background-image:url(../images/icon_bg.png); background-size:cover;}
.list-top-nav .swiper-slide ul li a i img { width:100%; height:100%; position:absolute; top:0; left:0;}

.list-top-nav ul li:nth-child(8n+1) a i { background-color:#52dac6;}
.list-top-nav ul li:nth-child(8n+2) a i { background-color:#fdbc85;}
.list-top-nav ul li:nth-child(8n+3) a i { background-color:#91cef3;}
.list-top-nav ul li:nth-child(8n+4) a i { background-color:#fe877a;}
.list-top-nav ul li:nth-child(8n+5) a i { background-color:#bec3ef;}
.list-top-nav ul li:nth-child(8n+6) a i { background-color:#c0d97a;}
.list-top-nav ul li:nth-child(8n+7) a i { background-color:#f9cb5b;}
.list-top-nav ul li:nth-child(8n+8) a i { background-color:#e1bff5;}

.list-top-nav .swiper-pagination { bottom:1px;}
.list-top-nav .swiper-pagination .swiper-pagination-bullet { width:4px; height:2px; border-radius:2px; margin:0 2px; /*transition:width .2s ease;*/}
.list-top-nav .swiper-pagination .swiper-pagination-bullet-active { width:10px; background-color:#3eb9fd; opacity:1;}
.list-top-nav .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin:0 2px;}

/*子栏目次级导航样式*/
.list-sub-nav { margin:0 10px 10px; height:auto; padding:4% 0 2%; background-color:rgba(255,255,255,0.8); box-shadow:0 0 1px rgba(0,0,0,0.1); border-radius:6px; position:relative; z-index:200; overflow:hidden;}
.list-sub-nav ul li.swiper-slide { position:relative; border-bottom:none;}
.list-sub-nav ul li.swiper-slide a { display:block; width:100%; padding-top:90%; text-decoration:none; position:relative;}
.list-sub-nav ul li.swiper-slide p { position:absolute; width:100%; height:100%; top:0; margin:0; padding:0;}
.list-sub-nav ul li.swiper-slide a p>span { display:block; line-height:normal; font-size:12px; height:18px; color:#666; width:60%; margin:0 auto; text-align:center; overflow:hidden;}
.list-sub-nav ul li.swiper-slide a i { width:56%; padding-top:56%; height:0; margin:0 auto 2px; display:block; position:relative; border-radius:50%; background-image:url(../images/icon_bg.png); background-size:cover;}
.list-sub-nav ul li.swiper-slide a i img { width:100%; height:100%; position:absolute; top:0; left:0;}

.list-sub-nav ul li:nth-child(8n+1) a i { background-color:#52dac6;}
.list-sub-nav ul li:nth-child(8n+2) a i { background-color:#fdbc85;}
.list-sub-nav ul li:nth-child(8n+3) a i { background-color:#91cef3;}
.list-sub-nav ul li:nth-child(8n+4) a i { background-color:#fe877a;}
.list-sub-nav ul li:nth-child(8n+5) a i { background-color:#bec3ef;}
.list-sub-nav ul li:nth-child(8n+6) a i { background-color:#c0d97a;}
.list-sub-nav ul li:nth-child(8n+7) a i { background-color:#f9cb5b;}
.list-sub-nav ul li:nth-child(8n+8) a i { background-color:#e1bff5;}

.list-sub-nav .swiper-pagination { bottom:1px;}
.list-sub-nav .swiper-pagination .swiper-pagination-bullet { width:4px; height:2px; border-radius:2px; margin:0 2px; /*transition:width .2s ease;*/}
.list-sub-nav .swiper-pagination .swiper-pagination-bullet-active { width:10px; background-color:#3eb9fd; opacity:1;}
.list-sub-nav .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin:0 2px;}


/*二级页面头部样式*/
.sub-card { position:relative; overflow:hidden;}
.sub-card .card-main { position:relative; padding-top:33.33%;}
.sub-card .card-main:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
.sub-card .top-cover { width:100%; /*height:100%;*/ padding-top:53.33%; max-height:200px; position:absolute; top:0; left:0; overflow:hidden; background-size:cover; background-position:center center;}
.sub-card .top-cover img { width:100%; position:absolute; top:0; left:0;}
.sub-card .top-cover em { width:100%; height:100%; position:absolute; top:0; left:0; background-color:rgba(0,0,0,0.2);}
.sub-card .shade { 
    position:absolute; 
	top:0px;
	left:0;
	width:100%;
	/*height:100%;
	max-height:200px;*/
	padding-top:53.33%;
	z-index:20;
	background:-moz-linear-gradient(top, rgba(250, 250, 250, 0) 45%, rgba(246, 246, 246, 1) 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(45%,rgba(250,250,250,0)), color-stop(100%,rgba(246, 246, 246, 1))); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, rgba(250, 250, 250, 0) 45%, rgba(246, 246, 246, 1) 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, rgba(250, 250, 250, 0) 45%, rgba(246, 246, 246, 1) 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(top, rgba(250, 250, 250, 0) 45%, rgba(246, 246, 246, 1) 100%); /* IE10+ */
	background:linear-gradient(to bottom, rgba(250, 250, 250, 0) 45%, rgba(246, 246, 246, 1) 100%); /* W3C */
}
.sub-card .card-main .title { position:absolute; top:0; left:0; width:100%; height:0px; margin:0; padding-top:33.33%; font-size:0; line-height:0; z-index:100;}
.sub-card .card-main .title>div { position:absolute; width:100%; height:100%; top:0; left:0;}
.sub-card .card-main .title b { vertical-align: middle; display:inline-block; height:120px; width:0;}
.sub-card .card-main .title p { vertical-align:middle; display:inline-block; width:70%; margin:0 15%; font-size:24px; color:#fff; letter-spacing:2px; text-align:center;}
.sub-card .card-main .title p span { display:inline-block; line-height:30px; padding:8px 0; width:100%; text-shadow:0 2px 5px rgba(0,0,0,0.4);}
.sub-card .card-main .card-info  {  position:relative; z-index:30; margin:0 10px 10px; padding:16px 20px; border-radius:4px; line-height:25px; font-size:16px; text-align:justify; background-color:rgba(255,255,255,0.8); box-shadow:0 0 1px rgba(0,0,0,0.1);}

.sub-card .top-act { position:absolute; width:24px; height:24px; top:8px; z-index:300; cursor:pointer; color:#fff;}
.sub-card .top-act i { display:block; width:24px; height:24px; position:absolute; top:50%; left:50%; margin-left:-12px; margin-top:-12px; opacity:0.8; border-radius:50%; overflow:hidden;}
.sub-card .top-act:active i { background-color:rgba(255,255,255,0.2); opacity:1;}
.sub-card .top-act.back { left:10px;}
.sub-card .top-act.back i { background:url(../images/icon_back_white.png) no-repeat 5px 2px; background-size:10px 19px;}
.sub-card .top-act.back:active i { background-color:rgba(255,255,255,0.2);}
.sub-card .top-act.menu { right:13px;}
.sub-card .top-act.menu i { background:url(../images/icon_menu_white.png) no-repeat 2px 2px; background-size:20px 20px;}
.sub-card .top-act.menu:active i { background-color:rgba(255,255,255,0.2);}
.sub-card .top-act.write { right:15px;}
.sub-card .top-act.attention { right:15px; padding-left:20px; width:auto;}

/*底部导航样式*/
/*子页面导航*/
.bottom-tabbar a.on { color:#3eb9fd;}

/*首页导航*/
.bottom-tabbar.hometab { position:absolute; width:100%; height:21vw; bottom:0; left:0; z-index:100; background-color:transparent; box-shadow:none; border:none; color:#fff;}
.bottom-tabbar.hometab div { position:relative; width:90vw; height:100%; padding:0 5vw;}
.bottom-tabbar.hometab a { padding-top:15.5vw; color:#fff; height:5.5vw;}
.bottom-tabbar.hometab a.on { color:#fff;}
.bottom-tabbar.hometab a span { font-size:3.5vw; text-shadow:0 0 5px rgba(0,0,0,0.8); position:absolute; left:0; top:15.5vw; width:100%;}
.bottom-tabbar.hometab a i { width:12.5vw; height:12.5vw; margin-left:-6.25vw; background:url(../images/tabbar_icon/tab_bg_01.png) no-repeat; background-size:40px 40px; background-size:cover; border-radius:40%;}
.bottom-tabbar.hometab a:nth-child(2) i { background-image:url(../images/tabbar_icon/tab_bg_02.png);}
.bottom-tabbar.hometab a:nth-child(3) i { background-image:url(../images/tabbar_icon/tab_bg_03.png);}
.bottom-tabbar.hometab a:nth-child(4) i { background-image:url(../images/tabbar_icon/tab_bg_04.png);}
.bottom-tabbar.hometab a:nth-child(5) i { background-image:url(../images/tabbar_icon/tab_bg_05.png);}
.bottom-tabbar.hometab a i img { position:absolute; width:10vw; top:2.085vw; left:1.25vw;}


/*首页模块*/
.show-box { background-color:#fff; margin-bottom:12px;}
.show-box .caption { margin:0 10px; padding:9px 0; height:22px; color:#444;}
.show-box .caption h2 { font-weight:normal; padding-left:8px; display:inline-block; line-height:normal; font-size:16px; position:relative;}
.show-box .caption h2:after { content:""; display:block; height:12px; width:0; border-left:2px solid #ed5565; position:absolute; left:0; top:6px;}
.show-box .caption a.more { float:right; font-size:13px; color:#999; line-height:normal; padding:2px 10px 2px 0; position:relative;}
.show-box .caption a.more:before, .show-box .caption a.more:after { content:""; display:block; height:0; width:0; position:absolute;}
.show-box .caption a.more:before { border:6px solid transparent; border-left:6px solid #aaa; right:-4px; top:5px;}
.show-box .caption a.more:after { border:5px solid transparent; border-left:5px solid #fff; right:-2px; top:6px;}

.show-box .main-list { margin-bottom:0;}

.show-box .album .caption .info { float:right; font-size:12px; line-height:normal; color:#ed5565; display:block; padding:2px 20px 2px 0; position:relative; font-family:Microsoft YaHei;}
.show-box .album .caption .info em { visibility:hidden;}
.show-box .album .caption .info:after { content:""; display:block; width:16px; height:12px; background:url(../images/icon_pic@4x.png) no-repeat; background-size:16px 12px; position:absolute; top:5px; right:0;}
.show-box .album ul { padding-bottom:10px;}
.show-box .album ul li { width:100%; padding-top:50%; position:relative; overflow:hidden;}
.show-box .album ul li img { width:100%; position:absolute; top:0; left:0;}


.nav-box:last-child,
.show-box:last-child { margin-bottom:0;}