/*<<<<<<<<<<<<<<<<<<<<<< 公共样式 >>>>>>>>>>>>>>>>>>>>>>>*/
html{max-width: 750px; margin-left: auto !important; margin-right: auto !important;}
html,body{font-family:sans-serif,ui-sans-serif,PingFangSC-Regular,'Msyh(Microsoft YaHei)',Verdana,Arial,Helvetica;}
body,html{-webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.imgwauto{width: 100%; height: auto;}
.imghauto{width: auto; height: 100%;}
.imgcontain{width: 100%; height: 100%; object-fit: contain;}
.imgcover{width: 100%; height: 100%; object-fit: cover;}
.wrap{width: 100%; padding-left: 0.3rem; padding-right: 0.3rem;}

/*<<<<<<<<<<<<<<<<<<<<<< 头部+底部+公共部分 >>>>>>>>>>>>>>>>>>>>>>>*/
.header{position: sticky; position: -webkit-sticky; top: 0; width: 100%; max-height: 100vh; z-index: 99999999;}
.header .head{padding: 0.3rem; border-bottom: #DFDFDF solid 1px;}
.header .head a.logo img{height: 0.6rem; width: auto;}
.header .head .navBox{cursor: pointer;}
.header .head .navBox .menu{display: block; width: 0.6rem; height: 0.45rem; position: relative; z-index: 99; transition-duration: 0.3s;}
.header .head .burger_lin .icon{height: 0.06rem; width: 100%; top: calc(50% - 0.015rem); background-color: #666; position: absolute; transition-duration: 0.3s;transition-delay: 0.5s;}
.header .head .burger_lin .icon:before {content: ""; width: 0.6rem; height: 100%; position: absolute; left: 0; top: calc(-0.21rem + 0.015rem); background-color: #666; transition: transform 0.3s, top 0.3s 0.3s; transition-delay: 0.5s;}
.header .head .burger_lin .icon:after {content: ""; width: 0.6rem; height: 100%; position: absolute; left: 0; top: calc(0.21rem - 0.015rem); background-color: #666; transition: transform 0.3s, top 0.3s 0.3s; transition-delay: 0.5s;}
.header .head .burger_lin.open .icon {transition-duration: 0.1s;transition-delay: 0.3s;background: transparent;width: 0;}
.header .head .burger_lin.open .icon:before {transition: top 0.3s, transform 0.3s 0.3s;top: 0;transform: rotateZ(-45deg);}
.header .head .burger_lin.open .icon:after {transition: top 0.3s, transform 0.3s 0.3s;top: 0;transform: rotateZ(45deg);}
.header .nav{display: none; height: calc(100vh - 1.21rem); background-color: #FFF; overflow-y: auto;}
.header .nav::-webkit-scrollbar {display: none;}
.header .nav::-moz-scrollbar {display: none;}
.header .nav>li.lis .nav-top{position: relative; z-index: 0;}
.header .nav>li.lis .nav-top::after{content: ""; display: block; transform: scaleX(1); width: .3rem; height: .3rem; position: absolute; right: 0.3rem; top: calc(50% - .15rem); background: url(../images/icon1.svg) no-repeat center; background-size: contain; transition:all 0.35s; -moz-transition:all 0.35s; -webkit-transition:all 0.35s; -o-transition:all 0.35s;}
.header .nav>li.lis.li-ing .nav-top::after{background: url(../images/icon1-yes.svg) no-repeat center; background-size: contain;}
.header .nav>li.lis.li-open .nav-top::after{transform: rotate(90deg); background: url(../images/icon1-yes.svg) no-repeat center; background-size: contain;}
.header .nav>li .nav-top a{display: block; padding: 0.2rem 0.3rem; font-size: 0.32rem; color: #333; line-height: 2;}
.header .nav>li.lis .nav-top a{display: inline-block;}
.header .nav>li.li-ing .nav-top a{color: #E71F1A;}
.header .nav>li .nav_two ul{margin-bottom: 0.2rem;}
.header .nav>li .nav_two ul li a{display: block; font-size: 0.28rem; color: #333; line-height: 2; padding: 0.1rem 0.3rem 0.1rem 0.5rem; white-space: nowrap; transition:all 0.35s;-moz-transition:all 0.35s;-webkit-transition:all 0.35s;-o-transition:all 0.35s;}
.header .nav>li .nav_two ul li a::after{display: none;}
.header .nav>li .nav_two ul li.li-ing a{color: #E71F1A;}

.footer{padding-top: 0.3rem; padding-bottom: 0.3rem;}
.footer .ps{font-size: 0.24rem; line-height: 1.5;}
.footer .ps .p{margin-bottom: 0.2rem;}
.footer .ps .spa a:not(:last-child){margin-right: 0.2rem;}

/* 侧边栏 */
.sidebar{position: fixed; right: 0.4rem; bottom: 0.8rem; z-index: 999999; background-color: #FFF; border-radius: 100px; -webkit-box-shadow:0 0 10px 2px rgba(0, 0, 0, .2); -moz-box-shadow:0 0 10px 2px rgba(0, 0, 0, .2); box-shadow:0 0 10px 2px rgba(0, 0, 0, .2);}
.sidebar .bar .icon{font-size: 0; width: 0.8rem; height: 0.8rem; padding: 0.2rem; border-radius: 100%; position: relative; z-index: 0; cursor: pointer;}
.sidebar .bar .icon::after{content: ""; font-size: 0; display: block; width: 100%; height: 100%; border-radius: 100%; position: absolute; left: 0; top: 0; z-index: -1; background: linear-gradient(to bottom,  #f5ca2e 0%,#f89d3a 100%); opacity: 0; transition: all 0.5s ease-in-out;}
.sidebar .bar .icon>svg{width: 100%; height: 100%; object-fit: contain;}
.sidebar .bar .icon>svg{fill: #333;}
.sidebar .bar:active .icon::after{opacity: 1;}
.sidebar .bar:active .icon>svg{fill: #FFF;}

h1.page-title{font-size: 0.3rem;}/*标题*/
.nations{margin-top: 0.4rem;}/*分页*/

/*<<<<<<<<<<<<<<<<<<<<<< 首页内容 >>>>>>>>>>>>>>>>>>>>>>>*/
/* 首页banner */
.h-banner{position: relative; z-index: 0; width: 100%; /*height: 5.3rem;*/ overflow: hidden;}
.h-banner .swiper-slide .img{height: 100%;}
.h-banner .swiper-slide img,
.h-banner .swiper-slide video{width: 100%; height: 100%; object-fit: cover;}
.h-banner .swiper-slide img{transition: 1s linear 2s; transform: scale(1.1);}
.h-banner .swiper-slide-active img,.h-banner .swiper-slide-duplicate-active img{ transition: 6s linear; transform: scale(1);}

/* 首页板块1 */
.hom1{margin-top: 0.3rem; margin-bottom: 0.3rem;}
.hom1 .li{width: 47%; font-size: 0.3rem; line-height: 0.8rem; border: 1px solid #D8D8D8; position: relative; z-index: 0;}
.hom1 .li::after{content: ''; font-size: 0; width: calc(100% - 3px); height: calc(100% - 3px); border: 2px solid #FFF; position: absolute; left: 0; top: 0; z-index: -1;}
.hom1 .li .icon{width: 0.36rem; height: 0.36rem; margin-right: 0.2rem; fill: #FFF;}

/* 首页板块2 */
.hom2-swiper{width: 100%; height: 2.1rem; --swiper-navigation-color: #878787; --swiper-navigation-size: 30px;}

/* 首页板块3 */
.hom3{margin-top: 0.5rem; margin-bottom: 0.4rem;}
.hom3 .tab-head{position: relative; z-index: 0;}
.hom3 .tab-head::after{content: ''; display: block; width: 100%; height: 0.06rem; background-color: #D2D2D2; position: absolute; left: 0; bottom: 0; z-index: -1;}
.hom3 .tab-head .tab{font-size: 0;}
.hom3 .tab-head .tab .li{display: inline-block; font-size: 0.36rem; padding: 0.1rem 0.2rem; border-bottom: 0.06rem solid transparent;}
.hom3 .tab-head .tab .li.li-ing{border-color: #F66C21; color: #F66C21;}
.hom3 .tab-head .go-detail a{display: inline-block; padding-bottom: 0.1rem; font-size: 0.26rem;}
.hom3 .tab-body .section a{margin-top: 0.2rem;}
.hom3 .tab-body .section a .icon{width: 0.3rem; flex-shrink: 0; height: auto; margin-right: 0.2rem;}
.hom3 .tab-body .section a h2{width: 0; flex: 1; font-size: 0.3rem; line-height: 2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.hom3 .tab-body .section a .times{flex-shrink: 0; margin-left: 0.1rem; font-size: 0.26rem; line-height: 2;}

.page-tips1{display: block; width:100%;}

/* 首页板块4 */
.hom4-container{background-color: #11B8E8; padding: 0.3rem; margin-top: 0.6rem;}
.hom4{margin: 0;}

/* 首页板块5 */
.hom5{margin-top: 0.6rem; margin-bottom: 0.6rem;}
.hom5 .li{width: 49.27536231884058%; position: relative; z-index: 0;}
.hom5 .li:nth-child(n+3){margin-top: 0.3rem;}
.hom5 .li::after{content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1;}
.hom5 .li:nth-child(1)::after{background-color: rgba(0, 161, 221, .7);}
.hom5 .li:nth-child(2)::after{background-color: rgba(246, 108, 33, .7);}
.hom5 .li .txt{position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 2; width: 100%;}
.hom5 .li .txt h1{font-size: 0.3rem; font-weight: bold;}
.hom5 .li .txt p{font-size: 0.26rem; text-transform: uppercase;}

/* 首页板块6 */
.hom6{margin-top: 0.6rem; /*margin-bottom: 0.6rem;*/}
.p-title h1{font-size: 0.36rem; font-weight: bold;}
.p-title h3{font-size: 0.26rem; text-transform: uppercase;}
.hom6 .hom6-swiper{margin-top: 0.4rem;}
/* 新闻图片尺寸340*290 */
.hom6-swiper .swiper-slide .img{width: 100%; height: 0; padding-bottom: 85.29411764705882%; position: relative; z-index: 0; overflow: hidden;}
.hom6-swiper .swiper-slide .img img{width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; top: 0; z-index: 1;}
.hom6-swiper .swiper-slide .txt{padding: 0.15rem 0.15rem 0.2rem;}
.hom6-swiper .swiper-slide .txt h1{font-size: 0.28rem; line-height: 1.5; text-align: justify; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis;}
.hom6-swiper .swiper-slide a.go-detail{font-size: 0; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 3;}
.hom7{margin-top: 0.6rem; margin-bottom: 0.4rem;}
.hom8{padding:0 !important; margin-top:0.6rem; margin-bottom:0.8rem;}
.hom8 .hom8-swiper{margin-top:0.4rem;}

/* 内页二级目录 */
.menu2{padding: 0.2rem 0.3rem; background-color: #EEEEEE; position: sticky; position: -webkit-sticky; top: 1.2rem; z-index: 2;}
.menu2 .wrapper{overflow-x: scroll; -webkit-overflow-scrolling:touch;display: -webkit-box;white-space: nowrap;}
.menu2 .wrapper::-webkit-scrollbar {display: none;}
.menu2 .wrapper::-moz-scrollbar {display: none;}
.menu2 .li{display: inline-block; white-space: nowrap; font-size: 0.28rem; line-height: 0.6rem; padding: 0 0.15rem; color: #333; border-bottom: 2px solid transparent;}
.menu2 .li.li-ing{border-bottom: 2px solid #E06721;}
.menu2 .li:nth-child(n+2){margin-left: 0.2rem;}

/* 内页三级目录 */
.menu3{border-bottom: 1px dashed #D8D8D8; padding-bottom: 0.2rem;}
.menu3 .menu3-nav{padding: 0.1rem 0.6rem 0.1rem 0.2rem; border-radius: 0.06rem; background-color: #D8D8D8; position: relative; z-index: 2;}
.menu3 .menu3-nav::after{content: ""; display: block; font-size: 0; width: 10px; height: 10px; background: url(../images/icon2.svg) no-repeat center; background-size: contain; position: absolute; right: 10px; top: calc(50% - 5px); z-index: 1; cursor: pointer;}
.menu3 .menu3-nav .nav-top{font-size: 0.32rem; line-height: 1.5; color: #4C4C4C; cursor: pointer;}
.menu3 .menu3-nav .list-box{width: 100%; position: absolute; right: 0; top: 100%; z-index: 9; padding-top: 10px;}
.menu3 .menu3-nav .list-box .lists{background: rgba(0, 0, 0, .8); border-radius: 0.1rem; padding: 0.3rem; -webkit-box-shadow:0 0 10px 2px rgba(0, 0, 0, .2); -moz-box-shadow:0 0 10px 2px rgba(0, 0, 0, .2); box-shadow:0 0 10px 2px rgba(0, 0, 0, .2); -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.menu3 .menu3-nav .list-box .lists .nav-li{display: block; text-align: center; font-size: 0.28rem; line-height: 2; color: #FFF;}
.menu3 .menu3-nav .list-box .lists .nav-li:nth-child(n+2){margin-top: 0.2rem;}
@-webkit-keyframes tsy2 {
  from {opacity: 0;-webkit-transform: translate3d(0, 20px, 0);transform: translate3d(0, 20px, 0);}
  to {opacity: 1;-webkit-transform: none;transform: none;}
}
@keyframes tsy2 {
  from {opacity: 0;-webkit-transform: translate3d(0, 20px, 0);transform: translate3d(0, 20px, 0);}
  to {opacity: 1;-webkit-transform: none;transform: none;}
}
.menu3 .menu3-nav.open-list-box .list-box .lists{-webkit-animation-name: tsy2; animation-name: tsy2;}

/* 发票式内容模块 */
.sectionA{background-color: #c1d3f1; padding-top: 0.4rem; padding-bottom: 0.8rem;}
.sectionA .ticket{font-size: 0; width: calc(100% + 0.2rem); height: 0.4rem; border-radius: 6px; transform: translateX(-0.1rem);}
.sectionA .page-container{background-color: #FFF; position: relative; z-index: 0; margin-top: -0.2rem; box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .38);}
.sectionA .page-container::after{content: ''; display: block; width: 100%; height: 3rem; background: linear-gradient(rgba(0,0,0,0.1) 30%,rgba(0,0,0,0) 100%); position: absolute; left: 0; top: 0; z-index: -1;}

/*<<<<<<<<<<<<<<<<<<<<<< 新闻列表+详情 >>>>>>>>>>>>>>>>>>>>>>>*/
.news{padding: 0.5rem 0.3rem 0.8rem;}
.news .ul{margin-top: 0.2rem;}
.news .ul a.li:nth-child(n+2){margin-top: 0.15rem;}
.news .ul a.li .icon{width: 0.3rem; flex-shrink: 0; height: auto; margin-right: 0.2rem;}
.news .ul a.li h2{width: 0; flex: 1; font-size: 0.3rem; line-height: 2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.news .ul a.li .times{flex-shrink: 0; margin-left: 0.1rem; font-size: 0.26rem; line-height: 2;}

/*<<<<<<<<<<<<<<<<<<<<<< 富文本信息页 >>>>>>>>>>>>>>>>>>>>>>>*/
.single{padding: 0.5rem 0.3rem 0.8rem;}
.single .single-box{margin-top: 0.2rem; font-size: 0.28rem; text-align: justify; color: #666; line-height: 2;}
.single .single-box img{width: 100%; margin-left:auto; margin-right:auto; height:auto;}
.single-menu .page-title{margin-top: 0.4rem;}

/* 签署公约 */
.single-sign .sign{margin-top: 0.5rem; padding-bottom: 0.5rem; border-bottom: 2px solid #cbcaca;}
.single-sign .sign .sign-box input{width: 0.3rem; height: 0.3rem; margin-right: 0.15rem;}
.single-sign .sign .sign-box label{display: inline-block; font-size: 0.26rem; color: #757575;}
.single-sign .sign button{font-size: 0.24rem; cursor: pointer; border: none; color: #FFF; height: 0.5rem; padding: 0 0.15rem; border-radius: 0.06rem; outline: none; background: linear-gradient(#2b9ae7,#0879cb);}
.single-sign .sign-uls{margin-top: 0.5rem;}
.single-sign .sign-uls .uls-tit{font-size: 0.28rem;}
.single-sign .sign-uls table{margin-top: 0.4rem; width: 100%;}
.single-sign .sign-uls table tr th{line-height: 0.5rem; font-size: 0.26rem; padding: 0 0.15rem;}
.single-sign .sign-uls table tr td{font-size: 0.24rem; border: 1px solid #949799; padding: 0.15rem;}
.single-sign .sign-uls table tr td:nth-child(2){text-align: center;}

/*<<<<<<<<<<<<<<<<<<<<<< 行业活动 >>>>>>>>>>>>>>>>>>>>>>>*/
.page-ul{padding: 0.4rem 0.3rem 1rem;}

.train{padding-bottom: 0.3rem; border-bottom: 1px solid #D8D8D8;}
.train .train-swiper{margin-top: 0.4rem;}
.train .train-swiper .swiper-slide{height: 1.6rem;}
.train .train-swiper .swiper-slide a{display: block; width: 100%; height: 100%; overflow: hidden;}

.videos{margin-top: 0.6rem;}
.videos .uls{margin-top: 0.4rem; flex-wrap: wrap;}
.videos .uls .li{width: calc((100% - 0.6rem) / 3); margin-right: 0.3rem; border: 1px solid #878787;}
.videos .uls .li:nth-child(3n){margin-right: 0;}
.videos .uls .li:nth-child(n+4){margin-top: 0.3rem;}
.videos .uls .li .img{width: 100%; height: 0; padding-bottom: 100%; position: relative; z-index: 0; overflow: hidden; background-color: #D8D8D8;}
.videos .uls .li .img img{position: absolute; left: 0; top: 0; z-index: 1;}
.videos .uls .li .video-tit{font-size: 0.3rem; padding: 0.1rem;}

/*<<<<<<<<<<<<<<<<<<<<<< 现任领导 >>>>>>>>>>>>>>>>>>>>>>>*/
.leader .uls{margin-top: 0.4rem;}
.leader .uls .li{padding-bottom: 0.1rem; border-bottom: 1px solid #D8D8D8;}
.leader .uls .li:nth-child(n+2){margin-top: 0.4rem;}
.leader .uls .li .img{width: 100%; height: 0; padding-bottom: 100%; position: relative; z-index: 1; overflow: hidden; background-color: #D8D8D8;}
.leader .uls .li .img img{position: absolute; left: 0; top: 0; z-index: 1;}
.leader .uls .li .intros{padding: 0.3rem 0.2rem;}
.leader .uls .li .intros .names{font-size: 0.28rem;}
.leader .uls .li .intros p{font-size: 0.24rem; text-align: justify; margin-top: 0.1rem;}

/*<<<<<<<<<<<<<<<<<<<<<< 现任领导2 >>>>>>>>>>>>>>>>>>>>>>>*/
.leader2 .uls{margin-top: 0.4rem;}
.leader2 .uls .li{padding-bottom: 0.1rem; border-bottom: 1px solid #D8D8D8;}
.leader2 .uls .li:nth-child(n+2){margin-top: 0.4rem;}
.leader2 .uls .li .img{width: 100%; height: 0; padding-bottom: 67.666666%; position: relative; z-index: 1; overflow: hidden; background-color: #D8D8D8;}
.leader2 .uls .li .img img{position: absolute; left: 0; top: 0; z-index: 1;}
.leader2 .uls .li .intros{padding: 0.3rem 0.2rem;}
.leader2 .uls .li .intros .names{font-size: 0.28rem;}
.leader2 .uls .li .intros p{font-size: 0.24rem; text-align: justify; margin-top: 0.1rem;}

/*<<<<<<<<<<<<<<<<<<<<<< 招聘信息 >>>>>>>>>>>>>>>>>>>>>>>*/
.recruit table{margin-top: 0.4rem; width: 100%;}
.recruit table tr th{font-size: 0.28rem; line-height: 0.5rem; padding: 0 0.15rem;}
.recruit table tr th:first-child{border: 0.05rem solid #0e81d4; border-right:0.05rem solid #FFF;}
.recruit table tr th:nth-child(2){border: 0.05rem solid #4c4d4d;}
.recruit table tr td{font-size: 0.24rem; border: 0.05rem solid #1e94e8; padding: 0.15rem; color: #666;}
.recruit table tr td:first-child{text-align: center; color: #333;}


/*<<<<<<<<<<<<<<<<<<<<<< 会员登录 >>>>>>>>>>>>>>>>>>>>>>>*/
@keyframes move-forever {
	0% {
		-webkit-transform: translate(-90px, 0%);
		-moz-transform: translate(-90px, 0%);
		-ms-transform: translate(-90px, 0%);
		-o-transform: translate(-90px, 0%);
		transform: translate(-90px, 0%);
	}
	100% {
		-webkit-transform: translate(85px, 0%);
		-moz-transform: translate(85px, 0%);
		-ms-transform: translate(85px, 0%);
		-o-transform: translate(85px, 0%);
		transform: translate(85px, 0%);
	}
}
@-webkit-keyframes move-forever {
	0% {
		-webkit-transform: translate(-90px, 0%);
		-moz-transform: translate(-90px, 0%);
		-ms-transform: translate(-90px, 0%);
		-o-transform: translate(-90px, 0%);
		transform: translate(-90px, 0%);
	}
	100% {
		-webkit-transform: translate(85px, 0%);
		-moz-transform: translate(85px, 0%);
		-ms-transform: translate(85px, 0%);
		-o-transform: translate(85px, 0%);
		transform: translate(85px, 0%);
	}
}
@-moz-keyframes move-forever {
	0% {
		-webkit-transform: translate(-90px, 0%);
		-moz-transform: translate(-90px, 0%);
		-ms-transform: translate(-90px, 0%);
		-o-transform: translate(-90px, 0%);
		transform: translate(-90px, 0%);
	}
	100% {
		-webkit-transform: translate(85px, 0%);
		-moz-transform: translate(85px, 0%);
		-ms-transform: translate(85px, 0%);
		-o-transform: translate(85px, 0%);
		transform: translate(85px, 0%);
	}
}
@-ms-keyframes move-forever {
	0% {
		-webkit-transform: translate(-90px, 0%);
		-moz-transform: translate(-90px, 0%);
		-ms-transform: translate(-90px, 0%);
		-o-transform: translate(-90px, 0%);
		transform: translate(-90px, 0%);
	}
	100% {
		-webkit-transform: translate(85px, 0%);
		-moz-transform: translate(85px, 0%);
		-ms-transform: translate(85px, 0%);
		-o-transform: translate(85px, 0%);
		transform: translate(85px, 0%);
	}
}
@-o-keyframes move-forever {
	0% {
		-webkit-transform: translate(-90px, 0%);
		-moz-transform: translate(-90px, 0%);
		-ms-transform: translate(-90px, 0%);
		-o-transform: translate(-90px, 0%);
		transform: translate(-90px, 0%);
	}
	100% {
		-webkit-transform: translate(85px, 0%);
		-moz-transform: translate(85px, 0%);
		-ms-transform: translate(85px, 0%);
		-o-transform: translate(85px, 0%);
		transform: translate(85px, 0%);
	}
}
.parallax > use {
	animation: move-forever 12s linear infinite;
	-webkit-animation: move-forever 12s linear infinite;
	-moz-animation: move-forever 12s linear infinite;
	-ms-animation: move-forever 12s linear infinite;
	-o-animation: move-forever 12s linear infinite; transform-origin: 50% 50%;}
.parallax > use:nth-child(1) {animation-delay: -2s;}
.parallax > use:nth-child(2) {animation-delay: -2s; animation-duration: 5s;}
.parallax > use:nth-child(3) {animation-delay: -4s; animation-duration: 3s;}

.logon-banner{position: relative; z-index: 0; overflow: hidden;}
.logon-banner .txt{position: absolute; left: 0.8rem; top: 0.8rem; z-index: 1;}
.logon-banner .txt h1{font-size: 0.36rem;}
.logon-banner .txt p{font-size: 0.28rem; margin-top: 0.1rem;}
.logon-banner .editorial{display: block; width: 100%; height: 1rem; margin: auto; position: absolute; left: 0; bottom: 0; z-index: 2;}

.logon{margin-top: 1rem; padding: 0 0.6rem 1.5rem;}
.logon .inp{position: relative; z-index: 0;}
.logon .inp:nth-child(n+2){margin-top: 0.2rem;}
.logon .inp label{display: block; width: 0.4rem; height: 0.4rem; position: absolute; left: 0.2rem; top: 50%; transform: translateY(-50%);}
.logon .inp label svg{width: 100%; height: 100%;}
.logon .inp input{width: 100%; line-height: 0.6rem; border: none; border-bottom: 1px solid #D8D8D8;  outline: none; font-size: 0.3rem; padding: 0.2rem 0.2rem 0.2rem 0.7rem;}
.logon .inp input:focus{border-bottom:1px solid #1f91e5; background-color: #F5F5F5;}
.logon .inp.code-box input{padding-right: 2.25rem;}
.logon .inp.code-box .code-img{position: absolute; right: 0.1rem; top: calc(50% - 0.5rem); width: 2rem; height: 1rem;}
.logon .btn{margin-top: 0.6rem; font-size: 0.42rem; width: 100%; height: 0.9rem; border-radius: 100px; border: none; outline: none; background: linear-gradient(#4ca9f2,#287ceb);}
.logon .oth{margin-top: 0.3rem;}
.logon .oth a{font-size: 0.28rem;}

/*<<<<<<<<<<<<<<<<<<<<<< 个人中心 >>>>>>>>>>>>>>>>>>>>>>>*/
.sectionB{background: linear-gradient(90deg,#267beb,#4ba7f2);}
.person{background-color: #FFF; padding: 0.4rem 0.3rem;}
.person h1{font-size: 0.32rem;}
.person .infos{margin-top: 0.2rem;}
.person .infos .li:nth-child(n+2){margin-top: 0.1rem;}
.person .infos span{display: inline-block; font-size: 0.28rem;}
.person .infos .data-tit{flex-shrink: 0; color: #333;}
.person .infos .data{font-size: 0.28rem; color: #666;}
.person::before{content: ''; display: block; width: 100%; height: 0.3rem; background: url(../images/icon3.png) repeat-x center top; background-size: 100% auto; position: absolute; left: 0; top: 100%; z-index: 0;}
.options{margin-top: 0.4rem;}
.options .uls{margin-bottom: 0.4rem;}
.options .uls .li{background-color: #FFF; padding: 0.2rem 0.4rem;}
.options .uls .li:nth-child(n+2){margin-top: 3px;}
.options .uls .li .icon{flex-shrink: 0; width: 0.4rem; height: 0.5rem; margin-right: 0.2rem;}
.options .uls .li .txt{flex: 1; font-size: 0.3rem; line-height: 0.6rem; padding-right: 0.4rem; background: url(../images/icon1.svg) no-repeat right center; background-size: auto 60%;}

/*<<<<<<<<<<<<<<<<<<<<<< 编辑资料 >>>>>>>>>>>>>>>>>>>>>>>*/
.edits{margin-bottom: 1rem;}
.edits .edits-title{font-size: 0.3rem; line-height: 0.8rem;}
.edits form{margin-top: 0.6rem;}
.edits .intros{margin-top: 0.5rem;}
.edits .intros.intros5{margin-top: 0.3rem;}
.edits .intros .li{background-color: #FFF; padding: 0.2rem 0.4rem; border-bottom: 2px solid #ebe9e9;}
.edits .intros .li label{font-size: 0.28rem; color: #333; display: inline-block; flex-shrink: 0;}
.edits .intros .li .txt{flex: 1; border: none; outline: none; font-size: 0.28rem; color: #333; line-height: 0.6rem;}
.edits .intros .intros-title{font-size: 0.3rem; line-height: 2; padding: 0.1rem 0.3rem;border-bottom: 4px solid #ebe9e9;}
.edits .butn{margin-top: 0.6rem; padding: 0 0.4rem;}
.edits .butn .btn{width: 100%; font-size: 0.36rem; color: #FFF; height: 0.8rem; background: linear-gradient(#dc631e,#c75311); border-radius: 100px; border: none; outline: none;}

/*<<<<<<<<<<<<<<<<<<<<<< 招聘职位管理、缴费明细、投诉反馈 >>>>>>>>>>>>>>>>>>>>>>>*/
.recrs{padding: 0.4rem 0.3rem 0.8rem;}
.recrs .page-title{font-size: 0.36rem; padding-bottom: 0.2rem; border-bottom: 1px solid #D5D3D3;}
.edits .recrs form{margin-top: 0.3rem;}
.sectionA.sectionC{background-color: transparent;}
.edits .recrs form .query input{flex: 1; padding: 0 0.15rem; font-size: 0.3rem; line-height: 0.6rem; outline: none; border: #D5D3D3 solid 1px; border-radius: 0.12rem;}
.edits .recrs form .query input:focus,
.edits .recrs form .query select:focus{border: 1px solid #f96b23;}
.edits .recrs form .query select{flex-shrink: 0; margin-left: 0.15rem; border-radius: 100px; border: #D5D3D3 solid 1px; outline: none; height: 0.6rem; padding: 0 0.15rem; line-height: 0.6rem; font-size: 0.3rem;}
.edits .recrs form .butn .btn{width: auto; padding: 0 0.6rem; font-size: 0.3rem; height: 0.7rem; border-radius: 0.1rem;}
.edits .recrs table{margin-top: 0.5rem; width: 100%;}
.edits .recrs table tr th{font-size: 0.3rem; padding: 0.05rem 0.15rem;}
.edits .recrs table tr td{font-size: 0.28rem; color: #333; padding: 0.05rem 0.15rem; text-align: center; border: 1px solid #949799;}
.edits .recrs table tr td a{color: #f96b23; font-size: 0.28rem; display: inline-block;}
.edits .recrs table.cost-table{margin-top: 0;}

.edits .feedback label{flex-shrink: 0; line-height: 0.6rem; font-size: 0.28rem;}
.edits .feedback .inp input,
.edits .feedback .inp-text textarea{flex: 1; font-size: 0.26rem; line-height: 0.4rem; padding: 0.1rem 0.15rem; border: 1px solid #757575; outline: none;}
.edits .feedback .inp-text{margin-top: 0.3rem;}
.edits .feedback .inp-text label{display: block;}
.edits .feedback .inp-text textarea{margin-top: 0.1rem; width: 100%;}
.edits .feedback .inp input:focus,
.edits .feedback .inp-text textarea:focus{border-color: #f96b23;}

/*<<<<<<<<<<<<<<<<<<<<<< 会员证书验证 >>>>>>>>>>>>>>>>>>>>>>>*/
.member{padding: 0.4rem 0.3rem 0.8rem;}
.member .page-title{font-size: 0.36rem; padding-bottom: 0.2rem; border-bottom: 1px solid #D5D3D3;}
.member .test-ul{margin-top: 0.5rem; width: 100%;}
.member .test-ul tr th{font-size: 0.3rem; padding: 0.05rem 0.15rem; white-space: nowrap;}
.member .test-ul tr td{font-size: 0.28rem; color: #333; padding: 0.05rem 0.15rem; text-align: center; border: 1px solid #949799;}
.member .test-ul tr td a{color: #f96b23; font-size: 0.28rem; display: inline-block;}
.member .test-form{margin-top: 0.3rem;}
.member .test-form .inp label{flex-shrink: 0; line-height: 0.6rem; font-size: 0.28rem;}
.member .test-form .inp input{flex: 1; margin-left: 0.15rem; font-size: 0.26rem; line-height: 0.4rem; padding: 0.1rem 0.15rem; border: 1px solid #757575; outline: none;}
.member .test-form .butn{margin-top: 0.3rem;}
.butn.butn-min .btn{color: #FFF; background: linear-gradient(#dc631e,#c75311); padding: 0 0.6rem; font-size: 0.3rem; height: 0.7rem; border-radius: 0.1rem; border: none; outline: none;}

/*<<<<<<<<<<<<<<<<<<<<<< 缴费明细详情页 >>>>>>>>>>>>>>>>>>>>>>>*/
.details .li{padding-bottom: 0.15rem; border-bottom: 1px dashed #757575;}
.details .li:nth-child(n+2){margin-top: 0.25rem;}
.details .li .lable{flex-shrink: 0; font-size: 0.28rem; line-height: 0.4rem; color: #333;}
.details .li .txt{font-size: 0.28rem; color: #333; line-height: 0.4rem; flex: 1;}
.details .li a.txt{color: #f96b23;}

.page{
    /*text-align: center;
	padding:5px;*/
	padding-top:8px;
}
.page a{
	font-size:12px;
    display: inline-block;
	text-align: center;
    background: #fff;
    color: #f95719;
    padding: 5px 6px;
    min-width: 15px;
	min-height:15px;
	line-height:15px;
    border: 1px solid #f95719;

}
.page span{
	text-align: center;
    display: inline-block;
    padding: 5px;
    min-width: 15px;
    border: 1px solid #f95719;
}
.page span.current{
    display: inline-block;
    background: #18539c;
    color: #fff;
    padding: 5px;
    min-width: 15px;
    border: 1px solid #f95719;
}
.page .pagination li{
    display: inline-block;
    margin-right: 5px;
    text-align: center;
}
.page .pagination li.active span{
    background: #009688;
    color: #fff;
    border: 1px solid #f95719;

}