﻿/*通用类*/
*{
	margin:0;		
	padding:0;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}


/*兼容老设备的rem-px基准*/
html{
	font-size:42.6667px;	
}
@media screen and (max-width: 320px){ 
  html{
  	font-size:42.6667px;
  }
}
@media screen and (min-width: 321px) and (max-width: 360px){ 
  html{
  	font-size:48px;
  }
}
@media screen and (min-width: 361px) and (max-width: 375px){ 
  html{
  	font-size:50px;
  }
}
@media screen and (min-width: 376px) and (max-width: 414px){ 
  html{
  	font-size:55px;
  }
}
@media screen and (min-width: 415px) and (max-width: 484px){ 
  html{
  	font-size:64px;
  }
}
@media screen and (min-width: 485px) and (max-width: 720px){ 
  html{
  	font-size:96px;
  }
}
@media screen and (min-width: 721px) and (max-width: 768px){ 
  html{
  	font-size:102px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1080px){ 
  html{
  	font-size:144px;
  }
}
@media screen and (min-width: 1080px){ 
  html{
  	font-size:144px;
  }
}
/*新设备的rem-vw标准*/
html{	
	overflow-x:hidden;
	font-size:13.3333333333vw;	/*一便rem.js失效，这里起作用*/
}

body{		
	width:100%;	
	min-width:320px;
	min-height: 100vh;
	margin:0 auto;	
	font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Source Han Sans CN,sans-serif;
	background:#fff;
	overflow-x:hidden;
	text-align:left;	
	position:relative;
	font-size:0.28rem;
	color:#333;
	-webkit-text-size-adjust: 100% !important;
	text-size-adjust: 100% !important;
	-moz-text-size-adjust: 100% !important;
}
.homebg{
	background:#fff url(../images/bg.png) repeat-x left top;
	background-size:0.1rem auto;
}

img{
	border:none;	
}
h1,h2,h3{
	font-weight:normal;	
}
a{
	color:#333;
	text-decoration:none;	
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color:transparent;
	outline:none；
}
input,textarea,select{
	font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Source Han Sans CN,sans-serif;
	font-size:1em;
	outline:none;
	margin:0;
	padding:0;
}
input::-webkit-input-placeholder {
	color: #aaaaaa !important;
}
textarea::-webkit-input-placeholder {
	color: #aaaaaa !important;
}
input[type='button'],input[type='text'],input[type='search'], input[type='submit'], input[type='reset'],input[type='date'],input[type='time'],input[type='number'] {
	-webkit-appearance: none;
}
select{
	-webkit-appearance: none;
	-webkit-appearance: none;
	appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    border:none;	
}
textarea{ 
	-webkit-appearance: none;
}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{
    -webkit-appearance: none !important;
    margin: 0;
}
ul,ol{
	padding:0;
	list-style-type:none;	
}
em{
	font-style:normal;	
}
.lt{
	float:left;	
}
.rt{
	float:right;	
}
input.sub,label{
	border:none;	
	cursor:pointer;
}
input,textarea{
	font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Source Han Sans CN,sans-serif;
	outline:none;	
	margin:0;
	padding:0;
}
table{
	border-collapse:collapse;	
}
td,th{
	padding:0;	
}
div.clear{
	font: 0px Arial; line-height:0;
	height:0; 
	overflow:hidden;	
	clear:both;	
}


.banner{
	width: 7.1rem;
	height: 3.6rem;
	margin:0.3rem auto 0 auto;
	border-radius:0.15rem;
	overflow: hidden;
}
.banner .swiper-slide{
	width:100%;
}
.banner .swiper-slide img{
	display: block;
	width: 7.1rem;
	height: 3.6rem;
}
.banner .swiper-pagination-bullet{
	opacity:1;
	background:#fff;
}
.banner .swiper-pagination-bullet-active{
	background:#49a4fd;
	width: 20px;
	border-radius:4px;
}

.h_header{
	height: 1rem;
	line-height: 1rem;
	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 100;
	background:#0086f6;
	font-size:0.36rem;
	color:#fff;
	text-align: center;
}
.h_zw{
	height: 1rem;
	clear: both;
}
.h_pub{
	width: 7.1rem;
	margin:0.2rem auto 0 auto;
	background:#fff;
	border-radius:0.15rem;
	box-sizing:border-box;
	padding:0.5rem 0.25rem 0 0.25rem;
}
.sd{
	box-shadow:0 0.05rem 0.05rem rgba(0,0,0,0.1);
}
.h_pub .tps{
	display:flex;
	justify-content: space-between;
	border-bottom:1px solid #ddd;
}
.h_pub .link{
	display: block;
	line-height: 1.1rem;
	font-size:0.28rem;
}
.h_pub .link img{
	display: block;
	height: 0.56rem;
	margin:0 auto;
}
.hp_slider{
	height: 1.25rem;
}
.hp_item{
	display: block;
	position: relative;
	height: 1.25rem;
	background:url(../images/hp_link.png) no-repeat 97% center;
	background-size:auto 0.22rem;
}
.hp_item .tit{
	position: absolute;
	height: 0.45rem;
	line-height: 0.45rem;
	background:#49a4fd;
	padding:0 0.15rem;
	border-radius:0.05rem;
	color:#fff;
	left: 0;
	top: 50%;
	margin-top:-0.225rem;
}
.hp_item dl{
	padding:0.2rem 0 0 1.1rem;
}
.hp_item dt{
	height: 0.45rem;
	line-height: 0.4rem;
	font-size:0.28rem;
	color:#333;
}
.hp_item dd{
	color:#8d8d8d;
	font-size:0.24rem;
	line-height: 0.4rem;
}
.hp_item .name,.hp_item .ti{
	display:inline-block;
	max-width:95%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.h_head{
	width: 7.1rem;
	margin:0 auto;
	height: 1.24rem;
	line-height: 1.24rem;
	clear: both;
}
.h_head .tit{
	float: left;
	width: 4.4em;
	text-align: center;
	position: relative;
	text-align: center;
	font-size:0.32rem;
	font-weight:bold;
}
.h_head i{
	display: block;
	width: 100%;
	height: 0.1rem;
	border-radius:0.05rem;
	position: absolute;
	left: 0;
	bottom: 0.36rem;
	background:linear-gradient(to right, #86b6fd, #a6feff);
}
.h_head .more{
	float: right;
	color:#999;
	font-size:0.26rem;
}
.hn_item{
	display: block;
	width: 4.2rem;
	height: 1.8rem;
	padding-top:0.2rem;
	margin:0 auto;
	border-bottom:1px solid #eeeeee;
	position: relative;
	padding-left:2.9rem;	
}
.hn_item:last-child{
	border:0;
}
.hn_item .photo{
	display: block;
	width: 2.5rem;
	height: 1.6rem;
	position: absolute;
	left: 0;
	top: 0.2rem;
	border-radius:0.1rem;
	overflow: hidden;
}
.hn_item .photo img{
	display: block;
	width: 2.5rem;
	height: 1.6rem;
}
.hn_item .name{	
	line-height: 0.4rem;
	font-size:0.3rem;
	height:1.2rem;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	overflow: hidden;
	text-overflow:ellipsis;
	-webkit-line-clamp:3;
	color:#333;
	margin-bottom:0.1rem;
}
.hn_item .date{
	float: left;
	color:#999;
	padding-left:0.36rem;
	background:url(../images/hn_date.png) no-repeat left center;
	background-size:auto 0.26rem;
	font-size:0.24rem;
}
.hn_item .read{
	float: right;
	color:#999;
	padding-left:0.36rem;
	background:url(../images/hn_read.png) no-repeat left center;
	background-size:auto 0.26rem;
	font-size:0.24rem;
}
.gray10{
	height: 0.12rem;
	width: 7.1rem;
	margin:0 auto;
	background:#f5f7fa;
}
.n95{
	display:inline-block;
	max-width:95%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.tk_scr{
	height: 3.4rem;
	overflow-x:auto;
	overflow-y:hidden;
}
.tk_item{
	width: 4.5rem;
	height: 3.4rem;
	float: left;
	margin-left:0.2rem;
	background:#f8f8f8;
	border-radius:0.15rem;
	overflow: hidden;
	position: relative;
}
.tk_item .photo{
	display: block;
	height: 2.6rem;
	overflow:hidden;
	border-radius:0 0 0.15rem 0.15rem;
}
.tk_item .photo img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit:cover;
}
.tk_item .name{
	line-height: 0.8rem;
	font-size:0.3rem;
}
.tk_item .n95{
	padding-left:0.25rem;
}
.tk_item .ct{
	display: block;
	height: 0.5rem;
	line-height: 0.5rem;
	position: absolute;
	right: 0.2rem;
	top: 1.9rem;
	z-index: 10;
	background:#fd5755;
	font-size:0.26rem;
	color:#fff;
	border-radius:0.1rem;
	padding:0 0.15rem;
}
.h_tea{
	background:linear-gradient(to bottom, #fff, #f5f7fa);
}
.te_list {
    /*padding:0.2rem 0.2rem 0.2rem 0.2rem;*/
    width:7.1rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin:0 auto;
}
.te_list .zw{
	width: 3.45rem;
	height: 0;
}
.te_item{
	display: block;
	width: 3.45rem;
	height: 2.76rem;
	border-radius:0.12rem;
	overflow: hidden;
	background:#fff;
	box-shadow:0 0.05rem 0.05rem rgba(0,0,0,0.1);
	margin-bottom:0.25rem;
}
.te_item .photo{
	display: block;
	height: 1.94rem;
	overflow: hidden;
}
.te_item .photo img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit:cover;
}
.te_item .name{
	line-height: 0.8rem;
	text-align: center;
	font-size:0.28rem;
}
.h_ol{
	background:linear-gradient(to bottom, #fff, #f5f7fa);
}
.ol_wp{
	width: 7.1rem;
	margin:0 auto;
	display:flex;
	justify-content: space-between;
	flex-wrap:wrap;
}
.ol_item{
	width: 3.45rem;
	height: 3rem;
	display: block;
}
.ol_wp .zw{
	width: 3.45rem;
	height: 0;
}
.ol_item .photo{
	border-radius:0.1rem;
	overflow: hidden;
	position: relative;
	height: 2.3rem;
}
.ol_item .photo img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit:cover;
}
.ol_item .play{
	width: 0.8rem;
	height: 0.8rem;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 10;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	background:url(../images/ol_play.png) no-repeat center center;
	background-size:auto 0.75rem;
}
.ol_item .name{
	line-height: 0.75rem;
	font-size:0.26rem;
	font-weight: bold;
}
.h_kc{
	background:linear-gradient(to bottom, #fff, #f5f7fa);
	padding-bottom:0.35rem;
}
.kc_out{
	width: 7.1rem;
	margin:0 auto;
	background:#fff;
	border-radius:0.2rem;
	padding:0.25rem 0.25rem 0.4rem 0.25rem;
	box-sizing:border-box;
}
.kc_slider{
	position: relative;
	padding-bottom:0.5rem;
}
.kc_item{
	height: 3.85rem;
	overflow: hidden;
	position: relative;	
	border-radius:0.2rem;
	display: block;
}
.kc_item img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit:cover;
}
.kc_item .name{
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 10;
	height: 0.7rem;
	line-height: 0.7rem;
	text-align: center;
	color:#fff;
	background:rgba(0,50,90,0.6);
	font-size:0.28rem;
}
.kc_slider .swiper-pagination{
	bottom: 0;
}
.kc_slider .swiper-pagination-bullet{
	opacity:1;
	background:#ddd;
}
.kc_slider .swiper-pagination-bullet-active{
	background:#49a4fd;
	width: 20px;
	border-radius:4px;
}
.footer{
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 100;
	width: 100%;
	height: 1.04rem;
	background:#fff;
	box-shadow:0 0 0.14rem rgba(0,0,0,0.1);
}
.footer a{
	display: block;
	float: left;
	width: 20%;
	height: 1.04rem;
	box-sizing:border-box;
	text-align: center;
	padding-top:0.16rem;
	line-height: 0.44rem;
}
.footer .hover{
	color:#0086f6;
}
.footer img{
	display: block;
	height: 0.44rem;
	margin:0 auto;
}
.footer_zw{
	height: 1.04rem;
	clear: both;
}
.header{
	height: 0.9rem;
	line-height: 0.9rem;
	text-align: center;
	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 100;
	background:#f5f7fa;
	font-size:0.32rem;
}
.header .backa{
	display: block;
	width: 0.9rem;
	height: 0.9rem;
	position: absolute;
	left: 0;
	bottom: 0;
	background:url(../images/backa.png) no-repeat center center;
	background-size:auto 0.32rem;s
}
.header_zw{
	height: 0.9rem;
	clear: both;
}

.loadmore{
	display: block;
	width: 2.5rem;
	height: 0.6rem;
	line-height: 0.6rem;
	text-align: center;
	font-size:0.28rem;
	color:#007fe9;
	margin:0.1rem auto 0.5rem auto;
	background:url(../images/loadmore.png) no-repeat center center;
	background-size:100% 100%;
}
.vi_head{
	padding:0.2rem 0.2rem 0 0.2rem;
}
.vi_head .title{
	font-size:0.4rem;
	line-height: 0.64rem;
	font-weight:bold;
}
.vi_head .tags{
	height: 0.76rem;
	line-height: 0.76rem;
	color:#999;
	font-size:0.26rem;
}
.vi_head .date{
	display: inline-block;
	padding-left:0.4rem;
	margin-right:0.25rem;
	background:url(../images/ne_date.png) no-repeat left center;
	background-size:auto 0.26rem;
}
.vi_head .read{
	display: inline-block;
	padding-left:0.4rem;
	margin-right:0.25rem;
	background:url(../images/ne_read.png) no-repeat left center;
	background-size:auto 0.26rem;
}
.vi_article{
	padding:0 0.2rem 0.5rem 0.2rem;
	color:#535353;
	font-size:0.3rem;
	line-height: 0.56rem;
}
.vi_article img{
	display: block;
	width: 100%;
	border-radius:0.1rem;
}
.vi_article p{
	padding:0.5em 0;
}
.lis_wp{
	padding:0 0.2rem 0.4rem 0.2rem;
}
.lis_item .date{
	text-align: center;
	font-size:0.28rem;
	color:#a5a5a5;
	font-weight: bold;
	line-height: 1.1rem;
}
.lis_item .sd{
	background:#fff;
	padding:0.15rem 0.3rem 0 0.3rem;
	border-radius:0.25rem;
}
.lis_item .tps{
	padding:0.15rem 0 0.15rem 0.8rem;
	position: relative;		
	font-size:0.3rem;
	line-height: 0.46rem;
}
.lis_item .ico{
	display: block;
	width: 0.56rem;
	height: 0.56rem;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top:-0.28rem;
}
.lis_item .bts{
	height: 1rem;
	line-height: 1rem;
	clear: both;	
	border-top:1px solid #eee;
	margin-top:0.15rem;
}
.lis_item .read{
	float: left;
	color:#a5a5a5;
}
.lis_item .count{
	float: right;
	color:#a5a5a5;
	padding-left:0.44rem;
	background:url(../images/count.png) no-repeat left center;
	background-size:auto 0.26rem;
}
.loginbg{
	background:#92d8ff url(../images/loginbg.jpg) no-repeat top center;
	background-size:100% auto;
}
.lg_out{
	padding:4rem 0.2rem 0.2rem 0.2rem;
}
.lg_fm{
	background:#fff;
	border-radius:0.15rem;
	padding:0 0.42rem 1.1rem 0.42rem;
}
.lg_fm .title{
	text-align: center;
	font-size:0.36rem;
	color:#666;
	line-height: 1.44rem;
}
.lg_in{
	margin-bottom:0.3rem;
	height: 0.9rem;
	background:#efefef;
	border-radius:0.1rem;
	position: relative;
}
.lg_in .text{
	height: 0.9rem;
	line-height: 0.9rem;
	padding:0 0.4rem;
	width: 100%;
	background:none;
	border:0;
	font-size:0.32rem;
}
.lg_in .get_code{
	position: absolute;
	right: 0;
	z-index: 10;
	height: 0.6rem;
	line-height: 0.6rem;
	top: 0.15rem;
	border-left:1px solid #ddd;
	width: 2rem;
	text-align: center;
	font-size:0.3rem;
	color:#007fe9;
}
.lg_in .unable{
	color:#999;
}
.lg_send{
	display: block;
	width: 100%;
	height: 0.9rem;
	margin-top:0.2rem;
	text-align: center;
	line-height: 0.9rem;
	font-size:0.32rem;
	border-radius:0.1rem;
	font-size:0.36rem;
	color:#fff;
	background:linear-gradient(to right, #6ac3ff, #0181ff);
}
.mybg{
	background:#f5f7fa url(../images/mybg.png) no-repeat top center;
	background-size:100% auto;
}
.mybg .header{
	background:none;
	position: relative;	
	color:#fff;
	height: 1.2rem;
	line-height: 1.2rem;
	font-weight:bold;
}
.mybg .header .backa{
	background-image:url(../images/backa2.png);
	bottom: 0.15rem;
}
.my_toper{
	height: 2.2rem;
	position: relative;
	box-sizing:border-box;
	padding:0.25rem 0 0 2rem;
}
.my_toper .logo{
	display: block;
	width: 1.5rem;
	height: 1.2rem;
	position: absolute;
	left: 0.36rem;
	top:0.3rem;
}
.my_toper .wel{
	line-height: 0.6rem;
	color:#fff;
	font-size:0.28rem;
}
.my_toper .type{
	height: 0.45rem;
	line-height: 0.45rem;
	border:1px solid #fff;
	float: left;
	font-size:0.28rem;
	color:#fff;
	border-radius:0.05rem;
	padding:0 0.18rem;
	color:#fff;
}
.my_toper .lga{
	display: inline-block;
	position: absolute;
	right: 0.2rem;
	top: 0.6rem;
	height: 0.64rem;
	line-height: 0.64rem;
	padding:0 0.3rem;
	background:#fff;
	font-size:0.3rem;
	color:#007fe9;
	border-radius:0.1rem;
}
.my_links{
	width: 7.1rem;
	margin:0 auto 0.2rem auto;
	background:#fff;
	box-sizing:border-box;	
	padding:0.6rem;
	border-radius:0.15rem;
}
.my_links .link{
	display: block;
	height: 1.1rem;
	line-height: 1.1rem;
	position: relative;
	margin-bottom:0.25rem;
	box-shadow:0 0 0.2rem rgba(0,0,0,0.1);
	font-size:0.32rem;
	padding-left:1rem;
	background:#fff url(../images/sj2.png) no-repeat 95% center;
	background-size:auto 0.32rem;
}
.my_links .ico{
	display: block;
	width: 0.46rem;
	height: 0.46rem;
	position: absolute;
	left: 0.28rem;
	top: 50%;
	margin-top:-0.23rem;
}
.bm_list{
	padding:0 0.25rem 0.35rem 0.25rem;
}
.bm_item{
	background:#fff;
	border-radius:0.12rem;
	overflow: hidden;
}
.bm_item .title{
	height: 0.8rem;
	line-height: 0.8rem;
	background:#eff8ff;
	font-size:0.3rem;
	color:#2699f6;
	text-align: center;
}
.bm_item .wp{
	padding:0.26rem 0.2rem 0.12rem 0.2rem;
}
.bm_item .photo{
	display: block;
	width: 2.64rem;
	height: 1.76rem;
	float: left;
	border-radius:0.1rem;
	overflow: hidden;
}
.bm_item .photo img{
	display: block;
	width: 2.64rem;
	height: 1.76rem;
}
.bm_item ul{
	float: right;
	width: 3.8rem;
	font-size:0.28rem;
	line-height: 0.42rem;
}
.bm_item li{
	height: 0.42rem;
	clear: both;
}
.bm_item .tit{
	color:#aaa;
	float: left;
}
.bm_item .er{
	color:#aaa;
}
.bm_item .ok{
	color:#007fe9;
}
.bm_item .fg{
	display: block;
	width: 100%;
	height:auto;
}
.bm_item .bts{
	padding:0.1rem 0 0.25rem 0;
	text-align:right;
}
.bm_item .link{
	display: inline-block;
	height: 0.5rem;
	line-height: 0.5rem;
	padding:0 0.2rem;
	border:1px solid #676767;
	border-radius:0.06rem;
	margin-right:0.25rem;
}
.bm_item .link2{
	background:#2ba9fe;
	border-color:#2ba9fe;
	color:#fff;
}
.teabg{
	background:linear-gradient(to bottom, #1e89ff, #92d8ff);
}
.tv_out{
	padding:0.3rem 0.2rem;
}
.tv_wp{
	background:#fff;
	border-radius:0.16rem;
	padding:0.3rem;
}
.tv_photo{
	display: block;
	width: 100%;
	height:auto;
}
.tv_name{
	height: 0.84rem;
	line-height: 0.84rem;
	background:url(../images/tv_name.png) no-repeat center center;
	background-size:auto 100%;
	margin:0 0 0.26rem 0;
	text-align: center;
	font-size:0.34rem;
	color:#0280fd;
}
.tv_article{
	font-size:0.28rem;
	line-height: 0.44rem;
	color:#535353;
}
.tv_article p img{
	width:100%;
}
.tv_article img{
	width:100%;
}
.tv_title{
	text-align: center;
	font-weight: bold;
	line-height: 1.2rem;
	color:#535353;
}
.vi_toper{
	height: 4rem;
	position: relative;
	overflow: hidden;
}
.vi_toper .vdo{
	display: block;
	width: 100%;
	height: 100%;
	object-fit:cover;
}
.vi_toper .play{
	width: 1rem;
	height: 1rem;
	position: absolute;
	left: 50%;
	top: 50%;
	margin:-0.5rem 0 0 -0.5rem;
	background:url(../images/play.png) no-repeat center center;
	background-size:100% 100%;
}
.vi_toper .backa{
	display: block;
	width: 1rem;
	height: 1rem;
	position: absolute;
	left: 0;
	top: 0;
	background:url(../images/backa2.png) no-repeat center center;
	background-size:auto 0.32rem;
}
.vi_intro{
	background:#fff;
	text-align: center;
	border-radius:0 0 0.2rem 0.2rem;
	padding-bottom:0.3rem;
}
.vi_intro .title{
	font-size:0.34rem;
	color:#333;
	line-height: 0.4rem;
	padding:0.2rem 0.3rem;
}
.vi_intro .count{
	font-size:0.24rem;
	color:#999;
	padding-left:0.5rem;
	background:url(../images/vi_count.png) no-repeat left center;
	background-size:auto 0.28rem;
}
.vi_list{
	padding:0 0.25rem 0.15rem 0.25rem;
}
.vi_title{
	height: 1rem;
	line-height: 1rem;
	position: relative;
	font-size:0.3rem;
	padding-left:0.3rem;
}
.vi_title i{
	display: block;
	width: 0.1rem;
	height: 0.3rem;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top:-0.15rem;
	border-radius:0.05rem;
	background:linear-gradient(to right, #0a84ea, #00ceff);
}
.vi_item{
	display: block;
	padding-bottom:0.2rem;
	margin-bottom:0.2rem;
	border-bottom:1px solid #ddd;
	height: 1.5rem;
	position: relative;
	padding-left:2.5rem;
}
.vi_item .play{
	width: 0.5rem;
	height: 0.5rem;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 10;
	margin:-0.25rem 0 0 -0.25rem;
	background:url(../images/ol_play.png) no-repeat center center;
	background-size:100% 100%;
}
.vi_item .photo{
	display: block;
	width: 2.25rem;
	height: 1.5rem;
	position: absolute;
	left: 0;
	top: 0;
	border-radius:0.1rem;
	overflow: hidden;
}
.vi_item .photo img{
	display: block;
	width: 2.25rem;
	height: 1.5rem;
}
.vi_item .name{
	line-height: 0.4rem;
	height: 0.8rem;
	margin-bottom:0.3rem;
	font-size:0.28rem;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	overflow: hidden;
	text-overflow:ellipsis;
	-webkit-line-clamp:2;
}
.vi_item .count{
	float: right;
	font-size:0.24rem;
	color:#aaa;
	padding-left:0.5rem;
	background:url(../images/vi_count.png) no-repeat left center;
	background-size:auto 0.28rem;
}
.pic_con{
	display: none;
}
.show{
	display: block;
}
.pic_list{
	padding:0 0.2rem 0.05rem 0.2rem;
}
.pic_item{
	margin-bottom:0.4rem;
	box-shadow:0 0.05rem 0.05rem rgba(0,0,0,0.1);
	border-radius:0.15rem;
	overflow: hidden;
	background:#fff;
	display: block;
}
.pic_item .photo{
	height: 3.1rem;
	overflow: hidden;
	border-radius:0 0 0.15rem 0.15rem;
}
.pic_item img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit:cover;
}
.pic_item .bts{
	padding:0 0.3rem;
}
.pic_item .name{
	height: 0.9rem;
	line-height: 0.9rem;
	border-bottom:1px solid #eee;
}
.pic_item .read{
	color:#a5a5a5;
	float: left;
	line-height: 0.85rem;
}
.pic_item .count{
	float: right;
	color:#a5a5a5;
	padding-left:0.46rem;
	line-height: 0.85rem;
	background:url(../images/count.png) no-repeat left center;
	background-size:auto 0.26rem;
}

.pic_navs{
	height: 1.45rem;
	overflow-y:hidden;
	overflow-x:auto;
}
.pic_navs .s_list{
	padding:0.28rem 0 0 0;
}
.pic_navs .bn{
	display: inline-block;
	float: left;
	margin-left:0.2rem;
	height: 0.64rem;
	line-height: 0.64rem;
	background:#fff;
	color:#aaa;
	border-radius:0.1rem;
	padding:0 0.3rem;
	box-shadow:0 0 0.1rem rgba(0,0,0,0.05);
	position: relative;
}
.pic_navs .hover{
	color:#fff;
	background:#32c4fd;
}
.pic_navs .hover i{
	display: block;
	width: 0.2rem;
	height: 0.2rem;
	background:#32c4fd;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	left: 50%;
	bottom: -0.1rem;
	margin-left:-0.1rem;
}
.myqd{
	width: 7.1rem;
	margin:0 auto 0.5rem auto;
	background:#fff;
	box-sizing:border-box;
	padding:0 0.25rem 0.4rem 0.25rem;
	border-radius:0.2rem;
}
.myqd .title{
	text-align: center;
	line-height: 1.1rem;
	font-size:0.28rem;
	color:#aaa;
}
.myqd .code{
	display: block;
	width: 2.2rem;
	height: 2.2rem;
	margin:0 auto;
}
.myqd .code img{
	display: block;
	width: 2.2rem;
	height: 2.2rem;
}
.myqd .tip{
	text-align: center;
	font-size:0.28rem;
	color:#1f66cd;
	line-height: 1rem;
}
.myqd .war{
	font-size:0.28rem;
	line-height: 0.42rem;
	color:#666;
	padding:0 0.2rem 0 0.5rem;
	position: relative;
}
.myqd .ico{
	display: block;
	width: 0.3rem;
	position: absolute;
	left: 0;
	top: 0;
}
.my_tab{
	margin:0.2rem 0 0 0;
	width:100%;
	text-align: center;
	background:#f2faff;
	font-size:0.24rem;
}
.my_tab th,.my_tab td{
	height: 0.6rem;
	border:1px solid #fff;
	padding:0 0.2rem;
	color:#666;	
}
.my_tab th{
	font-weight: normal;
	background:#52b8f9;
	color:#fff;
}
.my_tab tr:nth-child(odd) td{
	background:#d1edff;
}
.my_tab .blue{
	color:#1f66cc;
	text-decoration:underline;
}


.mypj{
	padding:0 0.25rem 0.5rem 0.25rem;
}
.mp_toper{
	background:#fff;
	padding:0.25rem 0.2rem 0.25rem 0.2rem;
	border-radius:0.1rem;
}
.mp_toper .photo{
	float: left;
	width: 3rem;
	height: 2rem;
	border-radius:0.1rem;
	overflow: hidden;
}
.mp_toper .photo img{
	display: block;
	width: 3rem;
	height: 2rem;
}
.mp_toper .intro{
	float: right;
	width: 3.38rem;
}
.mp_toper .title{
	font-size:0.3rem;
	color:#007FE9;
	font-weight:bold;
}
.mp_toper p{
	font-size:0.24rem;
	line-height: 0.4rem;
}
.mp_toper em{
	color:#aaa;
}
.mp_toper span{
	color:#000;
	white-space:nowrap;
}
.mp_link{
	margin-top:0.2rem;
	position: relative;
	background:#fff url(../images/sj3.png) no-repeat 94% center;
	background-size:auto 0.25rem;
	height: 1rem;
	display: block;
	border-radius:0.1rem;	
}
.mp_link .ico{
	display: block;
	width: 0.8rem;
	height: 0.8rem;
	position: absolute;
	left: 0.12rem;
	top: 50%;
	margin-top:-0.4rem;
}
.mp_link .tit{
	line-height: 1rem;
	color:#999;	
	font-size:0.26rem;
	position: absolute;
	left: 0.9rem;
	top: 0;
}
.mp_link .name{
	font-size:0.26rem;
	line-height: 0.36rem;
	width: 4rem;
	position: absolute;
	left: 2.2rem;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.mp_title{
	text-align: center;
	height: 1rem;
	line-height: 1rem;
	text-align: center;
	position: relative;
	font-size:0.32rem;
	font-weight:bold;
}
.mp_title span{
	position: relative;
	z-index: 20;
}
.mp_title i{
	display: block;
	width: 1.3rem;
	height: 0.1rem;
	border-radius:0.05rem;
	background:linear-gradient(to right, #82b3fb, #a2fbfd);
	position: absolute;
	left: 50%;
	bottom: 0.25rem;
	margin-left:-0.65rem;
}
.mp_fm{
	background:#fff;
	padding:0 0.25rem 0.5rem 0.25rem;
	border-radius:0.1rem;
}
.mp_head{
	height: 1rem;
	line-height: 1rem;
	font-size:0.3rem;
	position: relative;
	padding:0 0.25rem;
}
.mp_head i{
	width: 0.1rem;
	height: 0.3rem;
	position: absolute;
	left: 0;
	top: 50%;
	display: block;
	margin-top:-0.15rem;
	border-radius:0.05rem;
	background:linear-gradient(to bottom, #007fe9, #09d0ff);
}
.mp_item{
	padding-bottom:0.4rem;
	color:#666;
	font-size:0.28rem;
}
.mp_item .title{
	line-height: 0.4rem;
}
.mp_item .fen{
	float: left;
	margin-right:0.5rem;
	line-height: 0.8rem;
	padding-left:0.4rem;
	background:url(../images/fen.png) no-repeat left center;
	background-size:auto 0.3rem;
}
.mp_item .hover{
	background-image:url(../images/fenh.png);
}
.mp_head2{
	border-top:1px dashed #eaeaea;
}
.mp_cnt{
	width: 100%;
	height: 2.5rem;
	background:#f5f7fa;
	border:0;
	border-radius:0.2rem;
	padding:0.2rem;
	box-sizing:border-box;
	resize:none;
}
.mp_send{
	margin:0.3rem 0 0 0;
	display: block;
	height: 0.9rem;
	border-radius:0.1rem;
	text-align: center;
	line-height: 0.9rem;
	font-size:0.34rem;
	color:#fff;
	background:linear-gradient(to right, #6bc3ff, #0081ff);
}
.kc_banner{
	display: block;
	width: 100%;
	height:auto;
	position: relative;
	z-index: 20;
}
.kc_title{
	width: 7.1rem;
	height: 0.75rem;
	line-height: 0.75rem;
	background:#49a4fd;
	margin:0 auto;
	font-size:0.32rem;
	text-align: center;
	color:#fff;
	border-radius:0 0 0.2rem 0.2rem;
	box-shadow:0 0 0.2rem rgba(70,160,250,0.5);
}
.kc_fm{
	padding:0 0.2rem 0.4rem 0.2rem;
}
.kc_area{
	margin-top:0.2rem;
	padding:0.2rem 0.3rem;
	background:#fff;
	border-radius:0.2rem;
}
.kc_area .fls{
	height: 0.44rem;
	line-height: 0.44rem;
	clear: both;
	color:#007fe9;
}
.kc_area .tit{
	float: left;
}
.kc_area .fen{
	float: right;
}
.kc_area .fen em{
	color:#333;
}
.kc_bt{
	margin-top:0.2rem;
	padding:0 0.3rem 0.4rem 0.3rem;
	background:#fff;
	border-radius:0.2rem;
	color:#525252;
	font-size:0.28rem;
	line-height: 0.44rem;
}
.kc_bt .title{
	text-align: center;
	font-size:0.3rem;
	background:url(../images/kc_title.png) no-repeat center center;
	background-size:auto 0.05rem;
	height: 1rem;
	line-height: 1rem;
	font-weight:bold;
	color:#333;
}
.kc_bt .t2{
	position: relative;
	font-size:0.28rem;
	padding-top:0.3rem;
	line-height: 0.4rem;
}
.kc_bt .t2 span{
	position: relative;
	z-index: 10;
	font-weight:bold;
	color:#333;
}
.kc_bt .t2 i{
	display: block;
	width: 1.15rem;
	height: 0.1rem;
	border-radius:0.05rem;
	position: absolute;
	left: 0;
	bottom: 0;
	background:linear-gradient(to right, #86b6fd, #a6feff);
}
.kc_bt .cnt{
	color:#525252;
	padding-top:0.1rem;
}
.kc_bt p img{
	width:100%;
	padding-top:0.1rem;
}
.k_bar{
	width: 1.6rem;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background:#f6f6f6;
	box-sizing:border-box;
	overflow-x:hidden;
	overflow-y:auto;
	padding-top:0.9rem;
}
.k_bar .title{
	background:#fff;
	height: 0.8rem;
	line-height: 0.8rem;
	text-align: center;
	font-size:0.28rem;
	color:#333;
}
.k_bar .bn{
	display: block;
	text-align: center;	
	border-bottom:1px solid #ddd;
	padding:0.2rem 0 0.12rem 0;
	color:#999;
	font-size:0.28rem;
	line-height: 0.5rem;
}
.k_bar .ico{
	display: block;
	width: 0.6rem;
	height: 0.6rem;
	margin:0 auto;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:100% 100%;
}
.k_bar .hover{
	background:#49a4fd;
	border-color:#49a4fd;
	color:#fff;
}
.k_bar .ico1{
	background-image:url(../images/kc1.png);
}
.k_bar .hover .ico1{
	background-image:url(../images/kc1h.png);
}
.k_bar .ico2{
	background-image:url(../images/kc2.png);
}
.k_bar .hover .ico2{
	background-image:url(../images/kc2h.png);
}
.k_bar .ico3{
	background-image:url(../images/kc3.png);
}
.k_bar .hover .ico3{
	background-image:url(../images/kc3h.png);
}
.k_bar .ico4{
	background-image:url(../images/kc4.png);
}
.k_bar .hover .ico4{
	background-image:url(../images/kc4h.png);
}
.k_bar .ico5{
	background-image:url(../images/kc5.png);
}
.k_bar .hover .ico5{
	background-image:url(../images/kc5h.png);
}
.k_bar .ico6{
	background-image:url(../images/kc6.png);
}
.k_bar .hover .ico6{
	background-image:url(../images/kc6h.png);
}
.k_right{
	float: right;
	width: 5.5rem;
	padding-right:0.2rem;
}
.k_handle{
	padding:0.24rem 0;
}
.k_handle .btn{
	display: inline-block;
	height: 0.52rem;
	line-height: 0.52rem;
	padding:0 0.15rem;
	background:#f6f6f6;
	border-radius:0.1rem;
	font-size:0.26rem;
	float: left;
	margin:0 0.2rem 0.2rem 0;
	min-width: 3em;
	text-align: center;
}
.k_handle .hover{
	color:#fff;
	background:#49a4fd;
}
.k_list{
	display:flex;
	justify-content: space-between;
	flex-wrap:wrap;
}
.k_list .zw{
	width: 2.6rem;
	height: 0;
}
.k_item{
	display: block;
	width: 2.6rem;
	height: 2.45rem;
}
.k_item .photo{
	display: block;
	height: 1.76rem;
	border-radius:0.1rem;
	overflow: hidden;
}
.k_item .photo img{
	display: block;
	width: 100%;
	height: 100%;
	/*object-fit:cover;*/
}
.k_item .n95{	
	line-height: 0.7rem;
}
.quebg{
	background:#92d8ff url(../images/que.jpg) no-repeat top center;
	background-size:100% auto;
}
.qu_toper{
	text-align: center;
	height: 6.12rem;
}
.qu_toper .txt{
	text-align: center;
	font-size:0.6rem;
	line-height: 0.8rem;
	color:rgba(255,255,255,0.8);
	padding:0.5rem 0;
	font-weight: bold;
}
.qu_fm{
	width: 7rem;
	margin:0 auto;
	background:#fff;
	border-radius:0.2rem;
	box-sizing:border-box;
	padding:0.7rem 0.5rem 1rem 0.5rem;
	position: relative;
	margin-bottom:0.5rem;
}
.qu_fm .i{
	display: block;
	width: 0.25rem;
	position: absolute;	
}
.qu_fm .i1{
	top: 0.24rem;
	left: 0.24rem;
}
.qu_fm .i2{
	top: 0.24rem;
	right: 0.24rem;
}
.qu_fm .i3{
	bottom: 0.24rem;
	left: 0.24rem;
}
.qu_fm .i4{
	bottom: 0.24rem;
	right: 0.24rem;
}
.qu_fm .tip1{
	color:#666;
	text-indent:2em;
	line-height: 0.48rem;
}
.qu_title{
	padding:0.3rem 0 0.3rem 1.5em;
	text-indent:-1.5em;
	font-size:0.32rem;
	line-height: 0.46rem;
	color:#000;
}
.qu_fm .item{
	padding:0.15rem 0 0.15rem 0.6rem;
	line-height: 0.42rem;
}
.qu_fm .dan .item{
	background:url(../images/dan.png) no-repeat left 0.2rem;
	background-size:auto 0.33rem;
}
.qu_fm .dan .hover{
	background-image:url(../images/danh.png);
}
.qu_fm .duo .item{
	background:url(../images/duo.png) no-repeat left 0.2rem;
	background-size:auto 0.33rem;
}
.qu_fm .duo .hover{
	background-image:url(../images/duoh.png);
}
.qu_title em{
	color:#0081f4;
}
.qu_fm .cnt{
	width: 100%;
	height: 2rem;
	background:#f5f7fa;
	border:0;
	resize:none;
	padding:0.2rem;
	box-sizing:border-box;
}

.about{
	background:#92D8FF url(../images/about.jpg) no-repeat top center;
	background-size:100% auto;
}
.ab_toper{
	text-align: center;
	height: 1.6rem;
}
.ab_toper .txt{
	text-align: center;
	font-size:0.4rem;
	line-height: 0.8rem;
	color:#fff;
	padding:0.5rem 0;
	font-weight: bold;
}
.ab_fm{
	width: 7rem;
	margin:0 auto;
	background:#fff;
	border-radius:0.2rem;
	box-sizing:border-box;
	padding:0.7rem 0.5rem 0.8rem 0.5rem;
	position: relative;
	margin-bottom:0.5rem;
}
.ab_fm .i{
	display: block;
	width: 0.25rem;
	position: absolute;	
}
.ab_fm .i1{
	top: 0.24rem;
	left: 0.24rem;
}
.ab_fm .i2{
	top: 0.24rem;
	right: 0.24rem;
}
.ab_fm .i3{
	bottom: 0.24rem;
	left: 0.24rem;
}
.ab_fm .i4{
	bottom: 0.24rem;
	right: 0.24rem;
}
.ab_fm .tip1{
	color:#666;
	text-indent:2em;
	line-height: 0.48rem;
}

.upbg{
	background:#92D8FF url(../images/upbg.jpg) no-repeat top center;
	background-size:100% auto;
}
.up_toper{
	text-align: center;
	height: 3.7rem;
}
.up_toper .txt{
	text-align: center;
	font-size:0.4rem;
	line-height: 0.8rem;
	color:#fff;
	padding:0.5rem 0;
	font-weight: bold;
}
.up_fm{
	width: 7rem;
	margin:0 auto;
	background:#fff;
	border-radius:0.2rem;
	box-sizing:border-box;
	padding:0.7rem 0.5rem 1rem 0.5rem;
	position: relative;
	margin-bottom:0.5rem;
}
.up_fm .i{
	display: block;
	width: 0.25rem;
	position: absolute;	
}
.up_fm .i1{
	top: 0.24rem;
	left: 0.24rem;
}
.up_fm .i2{
	top: 0.24rem;
	right: 0.24rem;
}
.up_fm .i3{
	bottom: 0.24rem;
	left: 0.24rem;
}
.up_fm .i4{
	bottom: 0.24rem;
	right: 0.24rem;
}
.up_fm .tip1{
	color:#666;
	text-indent:2em;
	line-height: 0.48rem;
}

.up_title{
	padding:0 0 0.15rem 1.5em;
	text-indent:-1.5em;
	font-size:0.32rem;
	line-height: 0.46rem;
	color:#000;
}
.up_fm .item{
	padding:0.15rem 0 0.15rem 0.6rem;
	line-height: 0.42rem;
}
.up_fm .dan .item{
	background:url(../images/dan.png) no-repeat left 0.2rem;
	background-size:auto 0.33rem;
}
.up_fm .dan .hover{
	background-image:url(../images/danh.png);
}
.up_fm .duo .item{
	background:url(../images/duo.png) no-repeat left 0.2rem;
	background-size:auto 0.33rem;
}
.up_fm .duo .hover{
	background-image:url(../images/duoh.png);
}
.up_title em{
	color:#0081f4;
}
.up_fm .cnt{
	width: 100%;
	height: 1.4rem;
	background:#f5f7fa;
	border:0;
	resize:none;
	padding:0.2rem;
	box-sizing:border-box;
	margin-bottom:0.2rem;
}
.up_fm .cnt1{
	width: 100%;
	height: 3.5rem;
	background:#f5f7fa;
	border:0;
	resize:none;
	padding:0.2rem;
	box-sizing:border-box;
}

.mp_time{
	background:#fff;
	padding:0.25rem 0.25rem 0.5rem 0.25rem;
	border-radius:0.1rem;
}
.my_tab1{
	width:100%;
	text-align: center;
	background:#f2faff;
	font-size:0.24rem;
}
.my_tab1 th,.my_tab1 td{
	height: 0.6rem;
	border:1px solid #fff;
	padding:0 0.2rem;
	color:#666;	
}
.my_tab1 th{
	font-weight: normal;
	background:#52b8f9;
	color:#fff;
}
.my_tab1 tr:nth-child(odd) td{
	background:#d1edff;
}
.my_tab1 .blue{
	color:#1f66cc;
	text-decoration:underline;
}



/*报名表单通用样式*/
.app_uphd_in{
	height:0.86rem;
	width:92%;
	margin:0 auto;
	border-bottom:1px solid #ccc;
	position: relative;
	font-size:0.32rem;
}
.app_uphd_in .text{
	height:0.86rem;
	border:0;
	background:none;
	width:100%;
	padding-left:1.95rem;
}
.app_uphd_in .tit{
	position: absolute;
	left:0;
	top:0;
	line-height:0.86rem;
}
.app_uphd_in .tit em{
	color:#e43326;
	padding-right:0.15rem;
}


.app_uphd_in .mh_sel{
	width:100%;	
	position: relative;
}
.app_uphd_in .mh_sel select{
	position: absolute;
	left:0;
	top:0;
	z-index:10;
	width:100%;
	height:100%;
	opacity:0;
}

.app_uphd_in .mh_val{
	height:0.86rem;
	line-height:0.86rem;
}

.app_uphd_in .mh_sel .mh_over{
	color:#999;
}

.app_line30{
	height:0.3rem;
	clear:both;
}

.app_gray_line{
	height:0.15rem;
	clear:both;
	background:#e8f3f1;
}

.app_hnhn_title{
	position: relative;
	height:0.68rem;
	width:92%;
	margin:0 auto;
	line-height:0.68rem;
	font-size:0.32rem;
	color:#666;
	box-sizing:border-box;
	padding-left:0.34rem;
}
.app_hnhn_title .bt{
	color: #e43327;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 0.3rem;
    line-height: 0.75rem;
}
.app_hnhn_title .gray{
	color:#999;
}
.app_hmhn_upf{
	width:92%;
	margin:0 auto 0.15rem auto;
	box-sizing:border-box;
	padding-left:0.34rem;
	position: relative;
}

.uphd_title{
    height:0.8rem;
	line-height:0.8rem;
	text-align:center;
	background:#f4f4f4;
	font-size:0.32rem;
}

/*报名表单通用样式结束*/