@charset "utf-8";
*{
	margin: 0;
	padding: 0;
}
html{
    -webkit-text-size-adjust: none;
    -webkit-touch-callout: none;
	font-size: 12px;
}

body{
    overflow-x: hidden;
    max-width: 750px;
    height: auto;
    margin: auto;
	font-family: MicrosoftYaHei;
}

ul,li,div,h1,h2,h3,span,input,select,p{
    margin: 0;
    padding: 0;
    list-style: none;
    box-sizing: border-box;
}

a{
    display: block;
    text-align: center;
    text-decoration: none;
    letter-spacing: 1px;
	font-size: .001rem;
}

img{
    display: block;
    border: none;
    max-width: 100%;
}

input, select, button{
    outline: none;
    display: block;
    border: none;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
}

select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    box-sizing: border-box;
	background: url('../images/down.png') no-repeat scroll right center transparent;
	background-size: 18px 10px;
	background-position-x: 93%;
}
img,
a {
	-webkit-touch-callout: none;
}
a,
button,
input,
textarea {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

button{
	width: 50%;
	color: #FFFFFF;
	text-align: center;
	border-radius: 50px;
	padding-top: 3%;
	padding-bottom: 3%;
	background-color: #1d76ca;
	font-size: .35rem;
}
button:active{
	background-color: #36a5ee;
}
.leftText{
	text-align: left;
}
.rightText{
	text-align: right;
}
.centerText{
	text-align: center;
}

/* 容器 */
.container9{
	width: 90%;
	height: auto;
	margin: 0 auto;
}
.container8{
	width: 80%;
	height: auto;
	margin: 0 auto;
}
.container85{
	width: 85%;
	height: auto;
	margin: 0 auto;
}
.container7{
	width: 70%;
	height: auto;
	margin: 0 auto;
}
.container75{
	width: 75%;
	height: auto;
	margin: 0 auto;
}
.container6{
	width: 60%;
	height: auto;
	margin: 0 auto;
}
.container65{
	width: 65%;
	height: auto;
	margin: 0 auto;
}
.container5{
	width: 50%;
	height: auto;
	margin: 0 auto;
}
.container55{
	width: 55%;
	height: auto;
	margin: 0 auto;
}

.title{
	width: 100%;
	height: auto;
	font-size: .42rem;
}
.fontCB{
	color: #666666;
	font-weight: 550;
}
.fontCO{
	color: #ffc90f;
}

/* swiper */
.swiper-button-next{
    width: 30px !important;
    height: 30px !important;
    background-image: url(../images/r.png) !important;
    background-size: 100% 100% !important;
    outline: none !important;
    border-radius: 50% !important;
}
.swiper-button-prev{
    width: 30px !important;
    height: 30px !important;
    background-image: url(../images/l.png) !important;
    background-size: 100% 100% !important;
    outline: none !important;
    border-radius: 50% !important;
}
.swiper-button-prev.swiper-button-disabled{
	background-image: url(../images/l-1.png) !important;
}
.swiper-button-next.swiper-button-disabled{
	background-image: url(../images/r-1.png) !important;
}

.logo_ico{
	width: .7rem;
	height: .7rem;
	display: inline-block;
	vertical-align: middle;
	background-image: url(../images/lgoo-2.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	margin-right: .1rem;
}

/* header */
.header_hide{
	animation: down 1s ease-in-out alternate;
}
.header_wrap{
	width: 100%;
	height: 1rem;
}
.header_main_box{
	width: 90%;
	height: 1rem;
	margin: 0 auto;
}
.header_main_box .header_title{
	width: 100%;
	height: 1rem;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;
}
.header_main_box .header_title p{
	font-size: .3rem;
	color: #666666;
	font-weight: 550;
}


@keyframes down{
    from {
        opacity: 1;
		transform: translateY(0);
    }
    to {
        opacity:0;
		transform: translateY(-100%);
    }
}


/* nav */
.nav_wrap{
	width: 100%;
	height: .8rem;
	background-color: #14183b;
}
.nav_main_box{
	width: 100%;
	height: .8rem;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	justify-content: space-around;
	color: #FFFFFF;
}
.nav_main_box li{
	width: 25%;
	font-size: .25rem;
	position: relative;
}
.nav_main_box li p{
	transition: all .4s;
}
.nav_main_box span{
	width: 1px;
	height: .25rem;
	background-color: #FFFFFF;
	display: inline-block;
	position: absolute;
	top: 20%;
	right: 0;
}

.nav_main_box li:active p{
	transform: scale(1.1);
}


.logo_dl{
	width: .6rem;
	height: .6rem;
	background-size: 100% 100%;
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	position: absolute;
	top: .2rem;
	left: .3rem;
}

.banner_wrap{
	width: 100%;
	height: auto;
	padding-bottom: .5rem;
	background-image: url(../images/banner.jpg);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	position: relative;
}
.banner_main_box{
	width: 100%;
	height: auto;
	color: #FFFFFF;
}

.banner_main_title{
	width: 100%;
	height: auto;
	padding-top: .5rem;
	padding-bottom: .3rem;
}
.banner_main_title h1{
	font-size: .7rem;
}

.banner_xian{
	width: 85%;
	height: auto;
	margin: 0 auto;
}

.banner_tab{
	margin-top: .3rem;
	font-size: .25rem;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	justify-content: center
}
.banner_tab li{
	width: 33%;
	position: relative;
}
.banner_tab span{
	width: 1px;
	height: .2rem;
	display: inline-block;
	background-color: #FFFFFF;
	position: absolute;
	right: 0;
	top: 25%;
}

.banner_z{
	margin-top: .3rem;
	border: 1px solid #2556AE;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-ms-border-radius: 50px;
	-o-border-radius: 50px;
	background-color: rgba(34, 79, 171, .8);
	padding-top: .1rem;
	padding-bottom: .1rem;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;
	color: #ffffff;
}
.banner_zL, .banner_zR{
	width: 48%;
	height: auto;
	font-size: .25rem;
}
.banner_zL h3,
.banner_zR h3 {
	font-weight: 500;
}
.banner_zR {
	background-image: url(../images/banner_ggbg_5f402x.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-bottom: 5px;
}

.banner_btn{
	width: 100%;
	height: auto;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;
	margin-top: .3rem;
}
.banner_btn button{
	width: 38%;
	border-radius: 8px;
	padding: 5px 0px;
	font-size: .32rem;
	margin-right: .2rem;
	color: #04D4FF;
	background-color: transparent;
	border: 1px solid #04D3FF;
	transition: all .2s;
}
.banner_btn button:last-child{
	color: #243279;
	margin-right: 0;
	background-color: #08CDFF;
	background:linear-gradient(left right, #08CDFF, #3786FF);
	background: -webkit-gradient(linear, left top, right bottom, from(#08CDFF), to(#3786FF));
	background: -moz-linear-gradient(left, #08CDFF, #3786FF);
}

.banner_btn button:active{
	transform: scale(1.1);
}

/* 报名时间 */
.bm_wrap{
	width: 100%;
	height: auto;
	margin-top: .4rem;
}
.bm_main_box{
	width: 100%;
	height: auto;
	margin-top: 5%;
	margin-bottom: 5%;
}
.bm_main_city{
	font-size: .3rem;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.bm_main_city li{
	width: 23%;
	margin-bottom: 5%;
	border-radius: 8px;
	padding-top: 2%;
	padding-bottom: 2%;
	background-color: #f5f5f7;
}
.bm_main_city li:active{
	background-color: #ff9900;
	color: #FFFFFF;
}

/* 报考须知 */
.xz_ico1{
	width: 1rem;
	height: 1rem;
	display: block;
	background-image: url(../images/xz_ico1.png);
	background-size: 100% 100%;
	margin: 0 auto;
	margin-bottom: .2rem;
}
.xz_ico2{
	width: 1rem;
	height: 1rem;
	display: block;
	background-image: url(../images/xz_ico2.png);
	background-size: 100% 100%;
	margin: 0 auto;
	margin-bottom: .2rem;
}
.xz_ico3{
	width: 1rem;
	height: 1rem;
	display: block;
	background-image: url(../images/xz_ico3.png);
	background-size: 100% 100%;
	margin: 0 auto;
	margin-bottom: .2rem;
}
.xz_ico4{
	width: 1rem;
	height: 1rem;
	display: block;
	background-image: url(../images/xz_ico4.png);
	background-size: 100% 100%;
	margin: 0 auto;
	margin-bottom: .2rem;
}
.xz_ico5{
	width: 1rem;
	height: 1rem;
	display: block;
	background-image: url(../images/xz_ico5.png);
	background-size: 100% 100%;
	margin: 0 auto;
	margin-bottom: .2rem;
}
.xz_ico6{
	width: 1rem;
	height: 1rem;
	display: block;
	background-image: url(../images/xz_ico6.png);
	background-size: 100% 100%;
	margin: 0 auto;
	margin-bottom: .2rem;
}
.xz_ico7{
	width: 1rem;
	height: 1rem;
	display: block;
	background-image: url(../images/xz_ico7.png);
	background-size: 100% 100%;
	margin: 0 auto;
	margin-bottom: .2rem;
}
.xz_ico8{
	width: 1rem;
	height: 1rem;
	display: block;
	background-image: url(../images/xz_ico8.png);
	background-size: 100% 100%;
	margin: 0 auto;
	margin-bottom: .2rem;
}
.xz_wrap{
	width: 100%;
	height: auto;
	margin-top: .8rem;
}
.xz_cont_box{
	margin-top: 3%;
}
.xz_item{
	width: 100%;
	height: auto;
	margin-top: 6%;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.xz_item > li{
	width: 23%;
	height: auto;
	margin-bottom: .3rem;
	font-size: .32rem;
}
.xz_item li i{
	transition: all .4s;
}
.xz_item li:active i{
	transform: scale(1.5); 
}


/* 难度 */
.nd_ico1{
	width: .45rem;
	height: .38rem;
	display: inline-block;
	background-image: url(../images/nd_ico1.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	vertical-align: middle;
	margin-right: 2%;
	margin-bottom: 2px;
}
.nd_yuan{
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: #FFFFFF;
	display: inline-block;
	margin-right: 3%;
	vertical-align: middle;
	margin-bottom: 2px;
}
.nd_bgc{
	background-color: #2d549a;
}
.nd_wrap{
	width: 100%;
	height: auto;
	margin-top: .8rem;
}
.nd_main_box{
	width: 100%;
	height: auto;
	margin-top: 5%;
	margin-bottom: 5%;
}
.nd_cont_box{
	border-radius: 8px;
	background-color: #224b95;
	color: #FFFFFF;
	padding-bottom: 1%;
}
.nd_cont_title{
	width: 100%;
	height: 1rem;
	line-height: 1rem;
	font-size: .3rem;
}
.nd_cont_title > h2{
	font-size: .42rem;
}
.nd_content{
	width: 100%;
	height: auto;
	padding-top: 4%;
	padding-bottom: 3%;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-items: flex-start;
	font-size: .32rem;
}
.nd_content > div:first-child{
	width: 45%;
}
.nd_content > div:last-child{
	width: 55%;
}
.nd_content p{
	height: .65rem;
	line-height: .65rem;
}
.nd_content button{
	width: 65%;
	background-color: #FFFFFF;
	color: #224b95;
	font-size: .285rem;
	margin-top: 3%;
	padding-top: 2%;
	padding-bottom: 2%;
}
.nd_content button:active{
	background-color: #ff9900;
	color: #FFFFFF;
}

/* 热点咨询 */
.zx_wrap{
	width: 100%;
	height: auto;
	margin-top: .8rem;
}
.zx_main_box{
	margin-top: 3%;
}
.zx_cont_box{
	width: 100%;
	height: auto;
	display: flex;
	display: -webkit-flex;
	align-items: flex-start;
	justify-content: space-between;
	padding-top: 5%;
	padding-bottom: 5%;
	border-bottom: 2px solid #eeeeee;
}
.zx_cont_box .zx_cont_img{
	width: 50%;
}
.zx_cont_box .zx_cont_centent{
	width: 47%;
}
.zx_cont_box button{
	width: 60%;
	background-color: #224b95;
	font-size: .26rem;
}
.zx_cont_box button:active{
	background-color: #36a5ee;
}
.zx_cont_box > div p{
	height: 1.45rem;
	font-size: .28rem;
}

/* 自查通道 */
.zc_wrap{
	width: 100%;
	height: auto;
	margin-top: .8rem;
}
.zc_main_box{
	margin-top: 5%;
}
.zc_main_form{
	width: 100%;
	height: auto;
}
.zc_main_form form > div{
	width: 100%;
	height: 1rem;
	margin-bottom: .5rem;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;
	font-size: .3rem;
}
.zc_main_form label{
	width: 27%;
	height: .97rem;
	border: 1px solid #d5d5d5;
	border-right: 0;
	color: #999999;
	border-top-left-radius: 25px;
	border-bottom-left-radius: 25px;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;
}
.zc_main_form label p{
	width: 99%;
	height: .5rem;
	line-height: .5rem;
	border-right: 2px solid #d5d5d5;
}
.zc_main_form select{
	width:  73%;
	height: 1rem;
	padding-top: .1rem;
	padding-bottom: .1rem;
	padding-left: .2rem;
	border: 1px solid #d5d5d5;
	border-left: 0;
	border-top-right-radius: 25px;
	border-bottom-right-radius: 25px;
}
.zc_main_form input{
	width: 73%;
	height: 1rem;
	padding-top: .2rem;
	padding-bottom: .2rem;
	padding-left: .2rem;
	border: 1px solid #d5d5d5;
	border-left: 0;
	border-top-right-radius: 25px;
	border-bottom-right-radius: 25px;
}
.zc_main_form button{
	width: 65%;
	margin: 0 auto;
	background-color: #224b95;
}
.zc_main_form button:active{
	background-color: #36a5ee;
}

/* 心理课程 */
.ke_wrap{
	width: 100%;
	height: auto;
	margin-top: .8rem;
	margin-bottom: .5rem;
}
.ke_main_box{
	margin-top: 3%;
}
.ke_main_box button{
	width: 100%;
	background-color: #224b95;
}
.ke_main_box button:active{
	background-color: #36a5ee;
}
.ke_cont_box{
	width: 100%;
	height: auto;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-content: center;
	background-color: #224b95;
	border-radius: 10px;
	margin-bottom: .3rem;
}
.ke_cont_box > div{
	width: 50%;
}
.ke_cont_box > div:last-child{
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.ke_cont_item li{
	width: 100%;
	height: auto;
	font-size: .25rem;
	color: #FFFFFF;
	display: flex;
	display: -webkit-flex;
	justify-content: flex-start;
	align-items: center;
	border-radius: 25px;
	border: 1px solid #FFFFFF;
	border-left: 0;
	margin-bottom: 5%;
}
.ke_cont_item li:last-child{
	margin-bottom: 0;
}
.ke_cont_item li span{
	width: .4rem;
	height: .4rem;
	line-height: .4rem;
	border-radius: 50%;
	background-color: #FFFFFF;
	color: #224b95;
	font-size: .3rem;
	font-weight: 550;
	margin-right: 2%;
}
.ke_cont_item li p{
	width: 80%;
}

/* footer */
.footer_wrap{
	width: 100%;
	height: auto;
	color: #B8B8B8;
	font-size: .1rem;
}
.footer_bq{
	width: 100%;
	height: .4rem;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;
}
.footer_bq img{
	width: 2%;
	margin-right: .1rem;
}
.footer_bq p{
	font-size: .1rem;
}

/* 时间 */
.timer_wrap{
    width: 100%;
    height: 7.5rem;
    /* background-color: #f5f6f9; */
}
.timer_main_box{
    height: 7.5rem;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
}
.timer_cont_box{
    width: 100%;
    height: 6.5rem;
    border-radius: 10px;
    background-color: #ffffff;
}
.timer_cont_box h2{
    line-height: 1.1rem;
    font-size: .45rem;
    text-align: center;
}
.timer_date_box{
    width: 100%;
    height: auto;
    margin-top: .3rem;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
}
.timer_date{
    width: 2rem;
    height: 2.5rem;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, .5);
    text-align: center;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-radius: 10px;
    background-color: #FFFFFF;
    color: #6d9cf8;
    margin-bottom: .5rem;
}
.timer_date h3{
    font-size: 1rem;
    line-height: 1rem;
    margin-bottom: .2rem;
}
.timer_date span{
    width: 1.3rem;
    height: 1px;
    background-color: #6d9cf8;
    display: block;
    margin-bottom: .2rem;
}
.timer_date p{
    font-size: .28rem;
    font-weight: 550;
}
.timer_date:first-child{
    margin-right: .4rem;
}
.timer_btn{
    width: 80%;
    height: auto;
    margin: 0 auto;
    text-align: center;
}
.timer_btn p{
    font-size: .2rem;
    color: #ff9900;
    margin-bottom: .2rem;
}
.timer_btn button{
    width: 70%;
    margin: 0 auto;
}

/* 弹窗 */
.tanS11_wrap{
	width: 5rem;
	height: 5rem;
	position: fixed;
	z-index: 999;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	background-image: url(../images/quan1.jpg);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	transition: all .5s;
	display: none;
	cursor: pointer;
}
.tanS11_close{
	width: .6rem;
	height: .6rem;
	margin: 0 auto;
	margin-right: 0;
}
.tanS11_btn{
	width: 100%;
	height: 4.4rem;
}

.tanS{
	animation:S11_show .5s;
	display: block;
}


@keyframes S11_show{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
	}
}